.bW {
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow-x: hidden;
  overflow: hidden;
}

.bW__pos {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.bW__pos__sidewaysContent {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.bW__pos__sidewaysContent__msg {
  font-size: 14px;
  word-break: keep-all;
  white-space: pre;
}

@media screen and (min-width: 768px) and (max-width: 1239px) {
  .bW__pos__sidewaysContent__msg {
    font-size: 16px;
  }
}

@media screen and (min-width: 1240px) and (max-width: 1919px) {
  .bW__pos__sidewaysContent__msg {
    font-size: 18px;
  }
}

@media screen and (min-width: 1920px) {
  .bW__pos__sidewaysContent__msg {
    font-size: 18px;
  }
}

.confirmOrder__header {
  position: relative;
  display: block;
  width: 100%;
  height: 44px;
  box-sizing: border-box;
}

.confirmOrder__header__title {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 44px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #462717;
}

.confirmOrder__header__btn {
  position: absolute;
  top: 0;
  display: block;
  width: 44px;
  height: 44px;
}

.confirmOrder__header__btn__pos {
  pointer-events: none;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.confirmOrder__header__btn__pos__img {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center 8px;
  background-repeat: no-repeat;
  background-size: 20px;
}

.confirmOrder__header__btn__pos__text {
  pointer-events: none;
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  word-break: keep-all;
  font-size: 10px;
}

.confirmOrder__header__btn.-modifier-prev {
  left: 0;
}

.confirmOrder__header__btn.-modifier-next {
  right: 0;
}

.confirmOrder__header__btn:active {
  background-color: #E6E6E6;
}

.confirmOrder__main {
  position: relative;
  display: block;
  width: 100%;
  height: calc(100% - 44px);
  box-sizing: border-box;
  background-color: transparent;
}

.confirmOrder__main__scroll {
  display: block;
  width: 100%;
  height: calc(100% - 74px);
  overflow-x: hidden;
  overflow-y: auto;
}

.confirmOrder__main__scroll__orderListArea {
  display: block;
  width: 100%;
  max-width: 540px;
  height: auto;
  box-sizing: border-box;
  padding: 10px;
  margin: auto;
}

.confirmOrder__main__scroll__orderListArea__orderData {
  display: block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  border: solid 1px #B3B3B3;
  padding: 10px;
  margin: 0 0 10px 0;
}

.confirmOrder__main__scroll__orderListArea__orderData:last-of-type {
  margin: 0;
}

.confirmOrder__main__scroll__orderListArea__orderData__dataList {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 34px;
}

.confirmOrder__main__scroll__orderListArea__orderData__dataList__label {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 55px;
  height: 100%;
  line-height: 34px;
  text-align: right;
  font-size: 14px;
  box-sizing: border-box;
  padding: 0 10px 0 0;
}

.confirmOrder__main__scroll__orderListArea__orderData__dataList__data {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 100%;
  line-height: 34px;
  text-align: left;
  font-size: 14px;
  letter-spacing: -1px;
}

.confirmOrder__main__scroll__orderListArea__orderData__dataList__data__currency {
  margin: 0 0 0 2px;
}

.confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown {
  display: none;
}

.confirmOrder__main__scroll__totalPriceArea {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  width: 100%;
  max-width: 540px;
  height: auto;
  box-sizing: border-box;
  padding: 10px;
  margin: auto;
}

.confirmOrder__main__scroll__totalPriceArea__label {
  font-size: 14px;
  font-weight: bold;
  margin: 0 8px 0 0;
}

.confirmOrder__main__scroll__totalPriceArea__number {
  font-size: 14px;
  font-weight: bold;
  color: #FD7E00;
}

.confirmOrder__main__scroll__totalPriceArea__currency {
  font-size: 14px;
  font-weight: bold;
  color: #FD7E00;
  margin: 0 0 0 2px;
}

.confirmOrder__main__btnArea {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 74px;
}

.confirmOrder__main__btnArea__cartBtn {
  display: -webkit-flex;
  display: flex;
  width: 210px;
  height: 34px;
  box-sizing: border-box;
  border: solid 2px #462717;
  background-color: transparent;
}

.confirmOrder__main__btnArea__cartBtn__icn {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}

.confirmOrder__main__btnArea__cartBtn__text {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
}

.confirmOrder__main__btnArea__cartBtn:active {
  background-color: #E6E6E6;
}

.confirmOrder__footer {
  position: relative;
  display: none;
  width: 100%;
  height: 74px;
  box-sizing: border-box;
}

.confirmOrder__footer__btnArea {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: auto;
  height: auto;
}

.confirmOrder__footer__btnArea__btn {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-flex;
  display: flex;
  width: 240px;
  height: 34px;
  box-sizing: border-box;
  border: solid 2px #462717;
  background-color: transparent;
}

.confirmOrder__footer__btnArea__btn__icn {
  pointer-events: none;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
}

.confirmOrder__footer__btnArea__btn__text {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 30px;
  font-size: 16px;
  text-align: center;
}

.confirmOrder__footer__btnArea__btn.-modifier-next {
  margin: 0 0 0 20px;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.confirmOrder__footer__btnArea__btn:hover > .confirmOrder__footer__btnArea__btn__text {
  color: rgba(70, 39, 23, 0.5);
}

.confirmOrder__footer__btnArea__btn:active {
  background-color: #E6E6E6;
}

.confirmOrder__footer__btnArea__btn:active > .confirmOrder__footer__btnArea__btn__text {
  color: #462717;
}

@media screen and (max-width: 374px) {
  .confirmOrder__header__title {
    font-size: 14px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1239px) {
  .confirmOrder__header {
    height: 54px;
  }
  .confirmOrder__header__title {
    line-height: 54px;
    font-size: 18px;
  }
  .confirmOrder__header__btn {
    width: 54px;
    height: 54px;
  }
  .confirmOrder__header__btn__pos__img {
    background-position: center 10px;
    background-size: 25px;
  }
  .confirmOrder__header__btn__pos__text {
    bottom: 6px;
    font-size: 12px;
  }
  .confirmOrder__main {
    height: calc(100% - 54px);
  }
  .confirmOrder__main__scroll__orderListArea {
    padding: 20px;
  }
  .confirmOrder__main__scroll__orderListArea__orderData {
    padding: 20px;
    margin: 0 0 20px 0;
  }
  .confirmOrder__main__scroll__orderListArea__orderData__dataList {
    height: 44px;
  }
  .confirmOrder__main__scroll__orderListArea__orderData__dataList__label {
    width: 80px;
    line-height: 44px;
    font-size: 16px;
    padding: 0 20px 0 0;
  }
  .confirmOrder__main__scroll__orderListArea__orderData__dataList__data {
    line-height: 44px;
    font-size: 16px;
  }
  .confirmOrder__main__scroll__totalPriceArea {
    padding: 20px;
  }
  .confirmOrder__main__scroll__totalPriceArea__label {
    font-size: 16px;
  }
  .confirmOrder__main__scroll__totalPriceArea__number {
    font-size: 16px;
  }
  .confirmOrder__main__scroll__totalPriceArea__currency {
    font-size: 16px;
  }
  .confirmOrder__main__btnArea__cartBtn {
    width: 240px;
  }
  .confirmOrder__main__btnArea__cartBtn__text {
    font-size: 16px;
  }
}

@media screen and (min-width: 1240px) and (max-width: 1919px) {
  .confirmOrder__header {
    height: 54px;
  }
  .confirmOrder__header__title {
    line-height: 54px;
    font-size: 20px;
  }
  .confirmOrder__header__btn {
    display: none;
  }
  .confirmOrder__main {
    height: calc(100% - 54px - 74px);
    border-top: solid 1px #E6E6E6;
  }
  .confirmOrder__main__scroll {
    height: 100%;
  }
  .confirmOrder__main__scroll__orderListArea {
    padding: 20px;
  }
  .confirmOrder__main__scroll__orderListArea__orderData {
    padding: 20px;
    margin: 0 0 20px 0;
  }
  .confirmOrder__main__scroll__orderListArea__orderData__dataList {
    height: 44px;
  }
  .confirmOrder__main__scroll__orderListArea__orderData__dataList__label {
    width: 80px;
    line-height: 44px;
    font-size: 16px;
    padding: 0 20px 0 0;
  }
  .confirmOrder__main__scroll__orderListArea__orderData__dataList__data {
    line-height: 44px;
    font-size: 16px;
  }
  .confirmOrder__main__scroll__totalPriceArea {
    padding: 20px;
  }
  .confirmOrder__main__scroll__totalPriceArea__label {
    font-size: 16px;
  }
  .confirmOrder__main__scroll__totalPriceArea__number {
    font-size: 16px;
  }
  .confirmOrder__main__scroll__totalPriceArea__currency {
    font-size: 16px;
  }
  .confirmOrder__main__btnArea {
    display: none;
  }
  .confirmOrder__footer {
    display: block;
  }
}

@media screen and (min-width: 1920px) {
  .confirmOrder__header {
    height: 54px;
  }
  .confirmOrder__header__title {
    line-height: 54px;
    font-size: 20px;
  }
  .confirmOrder__header__btn {
    display: none;
  }
  .confirmOrder__main {
    height: calc(100% - 54px - 74px);
    border-top: solid 1px #E6E6E6;
  }
  .confirmOrder__main__scroll {
    height: 100%;
  }
  .confirmOrder__main__scroll__orderListArea {
    padding: 20px;
  }
  .confirmOrder__main__scroll__orderListArea__orderData {
    padding: 20px;
    margin: 0 0 20px 0;
  }
  .confirmOrder__main__scroll__orderListArea__orderData__dataList {
    height: 44px;
  }
  .confirmOrder__main__scroll__orderListArea__orderData__dataList__label {
    width: 80px;
    line-height: 44px;
    font-size: 16px;
    padding: 0 20px 0 0;
  }
  .confirmOrder__main__scroll__orderListArea__orderData__dataList__data {
    line-height: 44px;
    font-size: 16px;
  }
  .confirmOrder__main__scroll__totalPriceArea {
    padding: 20px;
  }
  .confirmOrder__main__scroll__totalPriceArea__label {
    font-size: 16px;
  }
  .confirmOrder__main__scroll__totalPriceArea__number {
    font-size: 16px;
  }
  .confirmOrder__main__scroll__totalPriceArea__currency {
    font-size: 16px;
  }
  .confirmOrder__main__btnArea {
    display: none;
  }
  .confirmOrder__footer {
    display: block;
  }
}

.edit__header {
  position: relative;
  display: block;
  width: 100%;
  height: 44px;
  box-sizing: border-box;
}

.edit__header__title {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 44px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #462717;
}

.edit__header__btn {
  position: absolute;
  top: 0;
  display: block;
  width: 44px;
  height: 44px;
}

.edit__header__btn__pos {
  pointer-events: none;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.edit__header__btn__pos__img {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center 8px;
  background-repeat: no-repeat;
  background-size: 20px;
}

.edit__header__btn__pos__text {
  pointer-events: none;
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  word-break: keep-all;
  font-size: 10px;
}

.edit__header__btn.-modifier-prev {
  left: 0;
}

.edit__header__btn.-modifier-next {
  right: 0;
}

.edit__header__btn:active {
  background-color: #E6E6E6;
}

.edit__main {
  position: relative;
  display: block;
  width: 100%;
  height: calc(100% - 44px);
  box-sizing: border-box;
  background-color: transparent;
}

.edit__main__content {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: calc(100% - 60px);
}

.edit__main__content__previewArea {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 30px;
  overflow: hidden;
}

.edit__main__content__previewArea__preview {
  pointer-events: none;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.edit__main__content__previewArea__preview__item {
  pointer-events: auto;
  position: absolute;
  display: block;
}

.edit__main__content__previewArea__preview__item__pos {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  outline: solid 1px #B3B3B3;
}

.edit__main__content__previewArea__preview__item__pos__layer {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.edit__main__content__previewArea__preview__item__pos__layer.-modifier-overflowVisible {
  overflow: visible;
}

.edit__main__content__previewArea__preview__item__pos__layer > img {
  display: block;
  width: 100%;
  height: 100%;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos {
  pointer-events: none;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__resolutionMsg {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  display: -webkit-inline-box;
  display: inline-flex;
  width: 300px;
  height: 20px;
  line-height: 20px;
  text-align: left;
  font-size: 12px;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__resolutionMsg__mark, .edit__main__content__previewArea__preview__item__pos__layer__pos__resolutionMsg__text {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  width: auto;
  height: 100%;
  word-break: keep-all;
  white-space: pre;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__resolutionMsg__icn {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__photoFrame {
  pointer-events: auto;
  position: absolute;
  display: block;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__photoFrame__pos {
  pointer-events: none;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__stampFrame, .edit__main__content__previewArea__preview__item__pos__layer__pos__textFrame {
  pointer-events: auto;
  position: absolute;
  display: block;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__stampFrame > img, .edit__main__content__previewArea__preview__item__pos__layer__pos__textFrame > img {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__resolutionFrame {
  pointer-events: none;
  position: absolute;
  display: block;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__resolutionFrame__pos {
  pointer-events: none;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__resolutionFrame__pos__icn {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame {
  position: absolute;
  display: block;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__frame {
  position: absolute;
  top: -8px;
  left: -8px;
  display: none;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  box-sizing: border-box;
  border: dotted 8px;
  border-image: url(../../front/Content/commons/svg/icn_selectedFrame.svg) 8 round;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__editBox {
  position: absolute;
  bottom: -30px;
  left: -8px;
  display: none;
  width: auto;
  height: auto;
  box-sizing: border-box;
  padding: 1px;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__editBox__btn {
  pointer-events: auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 38px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  margin: 1px;
  box-sizing: border-box;
  border: none;
  background-color: #FD7E00;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__editBox__btn:active {
  background-color: #e47100;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn {
  pointer-events: auto;
  position: absolute;
  display: none;
  width: 28px;
  height: 28px;
  box-sizing: border-box;
  border: solid 1px #fff;
  border-radius: 50%;
  background-color: #FD7E00;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn.-modifier-textDeleteBtn {
  top: -28px;
  right: -28px;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn.-modifier-textEditBtn {
  bottom: -28px;
  right: -28px;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn.-modifier-stampDeleteBtn {
  top: -28px;
  right: -28px;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn.-modifier-stampDragableBtn {
  bottom: -28px;
  right: -28px;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn:active {
  background-color: #e47100;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame[data-selected-frame-mode="photo"] .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__frame {
  display: block;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame[data-selected-frame-mode="photo"] .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__editBox {
  display: -webkit-flex;
  display: flex;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame[data-selected-frame-mode="layout"] .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__frame {
  display: block;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame[data-selected-frame-mode="design"] .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__frame {
  display: block;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame[data-selected-frame-mode="text"] .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__frame {
  display: block;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame[data-selected-frame-mode="text"] .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn.-modifier-textDeleteBtn, .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame[data-selected-frame-mode="text"] .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn.-modifier-textEditBtn {
  display: block;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame[data-selected-frame-mode="stamp"] .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__frame {
  display: block;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame[data-selected-frame-mode="stamp"] .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn.-modifier-stampDeleteBtn, .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame[data-selected-frame-mode="stamp"] .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn.-modifier-stampDragableBtn {
  display: block;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame[data-selected-frame-mode="addDelete"] .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__frame {
  display: block;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame[data-selected-frame-mode="fixedText"] .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__frame {
  display: block;
}

.edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame[data-selected-frame-mode="fixedText"] .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn.-modifier-textEditBtn {
  display: block;
}

.edit__main__content__previewBtnArea {
  display: none;
}

.edit__main__content__footerArea {
  display: none;
}

.edit__main__function {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 60px;
}

.edit__main__function__pos {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.edit__main__function__pos__btnArea {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 60px;
}

.edit__main__function__pos__btnArea__btn {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.edit__main__function__pos__btnArea__btn.-modifier-addDelete {
  display: none;
}

.edit__main__function__pos__btnArea__btn__icn {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: calc(100% - 20px);
  background-position: center 10px;
  background-repeat: no-repeat;
  background-size: 30px;
}

.edit__main__function__pos__btnArea__btn__text {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  letter-spacing: -1px;
}

.edit__main__function__pos__btnArea__btn:active {
  background-color: #E6E6E6;
}

.edit__main__function__pos__tabArea {
  display: none;
  width: 100%;
  height: 120px;
}

.edit__main__function__pos__tabArea__tab {
  display: none;
  width: 100%;
  height: 100%;
  background-color: #E6E6E6;
}

.edit__main__function__pos__tabArea__tab__top {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  width: 100%;
  height: 30px;
}

.edit__main__function__pos__tabArea__tab__top__tabList {
  display: -webkit-flex;
  display: flex;
  width: calc(100% - 30px - 101px);
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.edit__main__function__pos__tabArea__tab__top__tabList__btn {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  width: auto;
  min-width: 40px;
  height: 100%;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  box-sizing: border-box;
  padding: 0 10px;
}

.edit__main__function__pos__tabArea__tab__top__addTextBtnArea {
  display: block;
  width: 101px;
  height: calc(100% - 6px);
  box-sizing: border-box;
  border-left: solid 1px #462717;
  padding: 0 8px;
  margin: 3px 0;
}

.edit__main__function__pos__tabArea__tab__top__addTextBtnArea__btn {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 20px;
  box-sizing: border-box;
  border: solid 2px #fff;
  padding: 0 0 0 24px;
  font-size: 12px;
  text-align: left;
  color: #fff;
  background-color: #FD7E00;
  background-position: 5px;
  background-repeat: no-repeat;
  background-size: 12px;
}

.edit__main__function__pos__tabArea__tab__top__addTextBtnArea__btn:active {
  background-color: #e47100;
}

.edit__main__function__pos__tabArea__tab__top__pulldown {
  display: block;
  width: calc(100% - 30px);
  height: 100%;
}

.edit__main__function__pos__tabArea__tab__top__pulldown__selectName {
  display: none;
}

.edit__main__function__pos__tabArea__tab__top__pulldown__btn {
  display: none;
}

.edit__main__function__pos__tabArea__tab__top__pulldown__list {
  display: block;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.edit__main__function__pos__tabArea__tab__top__pulldown__list__text {
  display: inline-block;
  word-break: keep-all;
  white-space: pre;
  width: auto;
  height: 100%;
  line-height: 30px;
  box-sizing: border-box;
  padding: 0 10px;
  font-size: 12px;
}

.edit__main__function__pos__tabArea__tab__top__pulldown__list__text.-modifier-selected {
  font-size: 14px;
  font-weight: bold;
}

.edit__main__function__pos__tabArea__tab__top__pulldown__list > ul {
  list-style: none;
  display: -webkit-flex;
  display: flex;
  width: auto;
  height: 100%;
}

.edit__main__function__pos__tabArea__tab__top__pulldown__list > ul > li {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  width: auto;
  height: 100%;
}

.edit__main__function__pos__tabArea__tab__top__closeBtn {
  display: block;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  border: none;
  background-color: #462717;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
}

.edit__main__function__pos__tabArea__tab__content {
  position: relative;
  display: block;
  width: 100%;
  height: calc(100% - 30px);
  overflow-x: auto;
  overflow-y: hidden;
  box-sizing: border-box;
}

.edit__main__function__pos__tabArea__tab__content__item {
  display: none;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.edit__main__function__pos__tabArea__tab__content__item__label {
  display: none;
}

.edit__main__function__pos__tabArea__tab__content__item__pulldown {
  position: relative;
  display: block;
  width: 100%;
  height: 34px;
  box-sizing: border-box;
  border: solid 2px #462717;
  background-color: #fff;
}

.edit__main__function__pos__tabArea__tab__content__item__pulldown__selectName {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
}

.edit__main__function__pos__tabArea__tab__content__item__pulldown__selectName.-modifier-font1 {
  font-family: 'HeiSeiMaruGothic';
}

.edit__main__function__pos__tabArea__tab__content__item__pulldown__selectName.-modifier-font2 {
  font-family: 'HeiSeiMinCho';
}

.edit__main__function__pos__tabArea__tab__content__item__pulldown__selectName.-modifier-font3 {
  font-family: 'FutoMaruGothic';
}

.edit__main__function__pos__tabArea__tab__content__item__pulldown__selectName.-modifier-font4 {
  font-family: 'ChouGokuButokaiSho';
}

.edit__main__function__pos__tabArea__tab__content__item__pulldown__selectName.-modifier-font5 {
  font-family: 'TokuButoGothic';
}

.edit__main__function__pos__tabArea__tab__content__item__pulldown__btn {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
}

.edit__main__function__pos__tabArea__tab__content__item__pulldown__list {
  z-index: 1;
  position: absolute;
  bottom: 39px;
  left: 0;
  display: none;
  width: 100%;
  height: auto;
  max-height: 370px;
  box-sizing: border-box;
  border: solid 1px #B3B3B3;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
}

.edit__main__function__pos__tabArea__tab__content__item__pulldown__list__text {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 34px;
  text-align: center;
  font-size: 12px;
}

.edit__main__function__pos__tabArea__tab__content__item__pulldown__list__text.-modifier-font1 {
  font-family: 'HeiSeiMaruGothic';
}

.edit__main__function__pos__tabArea__tab__content__item__pulldown__list__text.-modifier-font2 {
  font-family: 'HeiSeiMinCho';
}

.edit__main__function__pos__tabArea__tab__content__item__pulldown__list__text.-modifier-font3 {
  font-family: 'FutoMaruGothic';
}

.edit__main__function__pos__tabArea__tab__content__item__pulldown__list__text.-modifier-font4 {
  font-family: 'ChouGokuButokaiSho';
}

.edit__main__function__pos__tabArea__tab__content__item__pulldown__list__text.-modifier-font5 {
  font-family: 'TokuButoGothic';
}

.edit__main__function__pos__tabArea__tab__content__item__pulldown__list > ul {
  display: block;
  width: 100%;
  height: auto;
}

.edit__main__function__pos__tabArea__tab__content__item__pulldown__list > ul > li {
  display: block;
  width: 100%;
  height: 34px;
  box-sizing: border-box;
  border-bottom: solid 1px #B3B3B3;
}

.edit__main__function__pos__tabArea__tab__content__item__pulldown__list > ul > li:last-of-type {
  border-bottom: none;
}

.edit__main__function__pos__tabArea__tab__content__item__pulldown.-modifier-open .edit__main__function__pos__tabArea__tab__content__item__pulldown__btn {
  transform: rotateZ(180deg);
}

.edit__main__function__pos__tabArea__tab__content__item__pulldown.-modifier-open .edit__main__function__pos__tabArea__tab__content__item__pulldown__list {
  display: block;
}

.edit__main__function__pos__tabArea__tab__content__item__fontTypeBtn {
  display: block;
  width: calc(50% - 10px);
  height: 34px;
  line-height: 30px;
  box-sizing: border-box;
  border: solid 2px #462717;
  background-color: #fff;
  text-align: center;
  font-size: 14px;
}

.edit__main__function__pos__tabArea__tab__content__item__fontTypeBtn.-modifier-bold {
  font-weight: bold;
}

.edit__main__function__pos__tabArea__tab__content__item__fontTypeBtn.-modifier-italic {
  font-style: italic;
  margin: 0 0 0 20px;
}

.edit__main__function__pos__tabArea__tab__content__item__fontTypeBtn:active {
  background-color: #E6E6E6;
}

.edit__main__function__pos__tabArea__tab__content__item__fontTypeBtn.-modifier-selected {
  background-color: #462717;
  color: #fff;
}

.edit__main__function__pos__tabArea__tab__content__item__colorList {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 5px;
}

.edit__main__function__pos__tabArea__tab__content__item__colorList__color {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: solid 2px #462717;
}

.edit__main__function__pos__tabArea__tab__content__item__colorList__color.-modifier-selected {
  pointer-events: none;
  border: solid 2px #FD7E00;
}

.edit__main__function__pos__tabArea__tab__content__item__colorList > ul {
  list-style: none;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  width: auto;
  height: 100%;
}

.edit__main__function__pos__tabArea__tab__content__item__colorList > ul > li {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  padding: 5px;
}

.edit__main__function__pos__tabArea__tab__content__item__radioGroup {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 34px;
  box-sizing: border-box;
  border: solid 1px #462717;
  background-color: #fff;
}

.edit__main__function__pos__tabArea__tab__content__item__radioGroup__btn {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 33.33333333333333%;
  height: 100%;
  box-sizing: border-box;
  border: solid 1px #462717;
  background-color: #fff;
}

.edit__main__function__pos__tabArea__tab__content__item__radioGroup__btn__icn {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}

.edit__main__function__pos__tabArea__tab__content__item__radioGroup__btn__selectedIcn {
  display: none;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}

.edit__main__function__pos__tabArea__tab__content__item__radioGroup > input[type="radio"] {
  display: none;
}

.edit__main__function__pos__tabArea__tab__content__item__radioGroup > input[type="radio"]:checked + .edit__main__function__pos__tabArea__tab__content__item__radioGroup__btn {
  pointer-events: none;
  background-color: #462717;
}

.edit__main__function__pos__tabArea__tab__content__item__radioGroup > input[type="radio"]:checked + .edit__main__function__pos__tabArea__tab__content__item__radioGroup__btn > .edit__main__function__pos__tabArea__tab__content__item__radioGroup__btn__icn {
  display: none;
}

.edit__main__function__pos__tabArea__tab__content__item__radioGroup > input[type="radio"]:checked + .edit__main__function__pos__tabArea__tab__content__item__radioGroup__btn > .edit__main__function__pos__tabArea__tab__content__item__radioGroup__btn__selectedIcn {
  display: block;
}

.edit__main__function__pos__tabArea__tab__content__list {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  width: auto;
  height: 100%;
  box-sizing: border-box;
  padding: 5px;
}

.edit__main__function__pos__tabArea__tab__content__list__item {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: solid 3px transparent;
}

.edit__main__function__pos__tabArea__tab__content__list__item > img {
  pointer-events: none;
  display: block;
  outline: solid 1px #B3B3B3;
}

.edit__main__function__pos__tabArea__tab__content__list__item__brokenImg {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: none;
  width: 40%;
  height: 40%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.edit__main__function__pos__tabArea__tab__content__list__item__loading {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: none;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  -webkit-animation: functiontabImgLoader 1s infinite ease;
  animation: functiontabImgLoader 1s infinite ease;
}

@-webkit-keyframes functiontabImgLoader {
  0%, 100% {
    box-shadow: 0 -10px 0 0 #B3B3B3, 7px -7px 0 0 rgba(179, 179, 179, 0.2), 10px 0 0 0 rgba(179, 179, 179, 0.2), 7px 7px 0 0 rgba(179, 179, 179, 0.2), 0 10px 0 0 rgba(179, 179, 179, 0.2), -7px 7px 0 0 rgba(179, 179, 179, 0.2), -10px 0 0 0 rgba(179, 179, 179, 0.5), -7px -7px 0 0 rgba(179, 179, 179, 0.7);
  }
  12.5% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.7), 7px -7px 0 0 #B3B3B3, 10px 0 0 0 rgba(179, 179, 179, 0.2), 7px 7px 0 0 rgba(179, 179, 179, 0.2), 0 10px 0 0 rgba(179, 179, 179, 0.2), -7px 7px 0 0 rgba(179, 179, 179, 0.2), -10px 0 0 0 rgba(179, 179, 179, 0.2), -7px -7px 0 0 rgba(179, 179, 179, 0.5);
  }
  25% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.5), 7px -7px 0 0 rgba(179, 179, 179, 0.7), 10px 0 0 0 #B3B3B3, 7px 7px 0 0 rgba(179, 179, 179, 0.2), 0 10px 0 0 rgba(179, 179, 179, 0.2), -7px 7px 0 0 rgba(179, 179, 179, 0.2), -10px 0 0 0 rgba(179, 179, 179, 0.2), -7px -7px 0 0 rgba(179, 179, 179, 0.2);
  }
  37.5% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.2), 7px -7px 0 0 rgba(179, 179, 179, 0.5), 10px 0 0 0 rgba(179, 179, 179, 0.7), 7px 7px 0 0 #B3B3B3, 0 10px 0 0 rgba(179, 179, 179, 0.2), -7px 7px 0 0 rgba(179, 179, 179, 0.2), -10px 0 0 0 rgba(179, 179, 179, 0.2), -7px -7px 0 0 rgba(179, 179, 179, 0.2);
  }
  50% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.2), 7px -7px 0 0 rgba(179, 179, 179, 0.2), 10px 0 0 0 rgba(179, 179, 179, 0.5), 7px 7px 0 0 rgba(179, 179, 179, 0.7), 0 10px 0 0 #B3B3B3, -7px 7px 0 0 rgba(179, 179, 179, 0.2), -10px 0 0 0 rgba(179, 179, 179, 0.2), -7px -7px 0 0 rgba(179, 179, 179, 0.2);
  }
  62.5% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.2), 7px -7px 0 0 rgba(179, 179, 179, 0.2), 10px 0 0 0 rgba(179, 179, 179, 0.2), 7px 7px 0 0 rgba(179, 179, 179, 0.5), 0 10px 0 0 rgba(179, 179, 179, 0.7), -7px 7px 0 0 #B3B3B3, -10px 0 0 0 rgba(179, 179, 179, 0.2), -7px -7px 0 0 rgba(179, 179, 179, 0.2);
  }
  75% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.2), 7px -7px 0 0 rgba(179, 179, 179, 0.2), 10px 0 0 0 rgba(179, 179, 179, 0.2), 7px 7px 0 0 rgba(179, 179, 179, 0.2), 0 10px 0 0 rgba(179, 179, 179, 0.5), -7px 7px 0 0 rgba(179, 179, 179, 0.7), -10px 0 0 0 #B3B3B3, -7px -7px 0 0 rgba(179, 179, 179, 0.2);
  }
  87.5% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.2), 7px -7px 0 0 rgba(179, 179, 179, 0.2), 10px 0 0 0 rgba(179, 179, 179, 0.2), 7px 7px 0 0 rgba(179, 179, 179, 0.2), 0 10px 0 0 rgba(179, 179, 179, 0.2), -7px 7px 0 0 rgba(179, 179, 179, 0.5), -10px 0 0 0 rgba(179, 179, 179, 0.7), -7px -7px 0 0 #B3B3B3;
  }
}

@keyframes functiontabImgLoader {
  0%, 100% {
    box-shadow: 0 -10px 0 0 #B3B3B3, 7px -7px 0 0 rgba(179, 179, 179, 0.2), 10px 0 0 0 rgba(179, 179, 179, 0.2), 7px 7px 0 0 rgba(179, 179, 179, 0.2), 0 10px 0 0 rgba(179, 179, 179, 0.2), -7px 7px 0 0 rgba(179, 179, 179, 0.2), -10px 0 0 0 rgba(179, 179, 179, 0.5), -7px -7px 0 0 rgba(179, 179, 179, 0.7);
  }
  12.5% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.7), 7px -7px 0 0 #B3B3B3, 10px 0 0 0 rgba(179, 179, 179, 0.2), 7px 7px 0 0 rgba(179, 179, 179, 0.2), 0 10px 0 0 rgba(179, 179, 179, 0.2), -7px 7px 0 0 rgba(179, 179, 179, 0.2), -10px 0 0 0 rgba(179, 179, 179, 0.2), -7px -7px 0 0 rgba(179, 179, 179, 0.5);
  }
  25% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.5), 7px -7px 0 0 rgba(179, 179, 179, 0.7), 10px 0 0 0 #B3B3B3, 7px 7px 0 0 rgba(179, 179, 179, 0.2), 0 10px 0 0 rgba(179, 179, 179, 0.2), -7px 7px 0 0 rgba(179, 179, 179, 0.2), -10px 0 0 0 rgba(179, 179, 179, 0.2), -7px -7px 0 0 rgba(179, 179, 179, 0.2);
  }
  37.5% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.2), 7px -7px 0 0 rgba(179, 179, 179, 0.5), 10px 0 0 0 rgba(179, 179, 179, 0.7), 7px 7px 0 0 #B3B3B3, 0 10px 0 0 rgba(179, 179, 179, 0.2), -7px 7px 0 0 rgba(179, 179, 179, 0.2), -10px 0 0 0 rgba(179, 179, 179, 0.2), -7px -7px 0 0 rgba(179, 179, 179, 0.2);
  }
  50% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.2), 7px -7px 0 0 rgba(179, 179, 179, 0.2), 10px 0 0 0 rgba(179, 179, 179, 0.5), 7px 7px 0 0 rgba(179, 179, 179, 0.7), 0 10px 0 0 #B3B3B3, -7px 7px 0 0 rgba(179, 179, 179, 0.2), -10px 0 0 0 rgba(179, 179, 179, 0.2), -7px -7px 0 0 rgba(179, 179, 179, 0.2);
  }
  62.5% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.2), 7px -7px 0 0 rgba(179, 179, 179, 0.2), 10px 0 0 0 rgba(179, 179, 179, 0.2), 7px 7px 0 0 rgba(179, 179, 179, 0.5), 0 10px 0 0 rgba(179, 179, 179, 0.7), -7px 7px 0 0 #B3B3B3, -10px 0 0 0 rgba(179, 179, 179, 0.2), -7px -7px 0 0 rgba(179, 179, 179, 0.2);
  }
  75% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.2), 7px -7px 0 0 rgba(179, 179, 179, 0.2), 10px 0 0 0 rgba(179, 179, 179, 0.2), 7px 7px 0 0 rgba(179, 179, 179, 0.2), 0 10px 0 0 rgba(179, 179, 179, 0.5), -7px 7px 0 0 rgba(179, 179, 179, 0.7), -10px 0 0 0 #B3B3B3, -7px -7px 0 0 rgba(179, 179, 179, 0.2);
  }
  87.5% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.2), 7px -7px 0 0 rgba(179, 179, 179, 0.2), 10px 0 0 0 rgba(179, 179, 179, 0.2), 7px 7px 0 0 rgba(179, 179, 179, 0.2), 0 10px 0 0 rgba(179, 179, 179, 0.2), -7px 7px 0 0 rgba(179, 179, 179, 0.5), -10px 0 0 0 rgba(179, 179, 179, 0.7), -7px -7px 0 0 #B3B3B3;
  }
}

@-webkit-keyframes functiontabImgLoaderL {
  0%, 100% {
    box-shadow: 0 -20px 0 0 #B3B3B3, 14px -14px 0 0 rgba(179, 179, 179, 0.2), 20px 0 0 0 rgba(179, 179, 179, 0.2), 14px 14px 0 0 rgba(179, 179, 179, 0.2), 0 20px 0 0 rgba(179, 179, 179, 0.2), -14px 14px 0 0 rgba(179, 179, 179, 0.2), -20px 0 0 0 rgba(179, 179, 179, 0.5), -14px -14px 0 0 rgba(179, 179, 179, 0.7);
  }
  12.5% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.7), 14px -14px 0 0 #B3B3B3, 20px 0 0 0 rgba(179, 179, 179, 0.2), 14px 14px 0 0 rgba(179, 179, 179, 0.2), 0 20px 0 0 rgba(179, 179, 179, 0.2), -14px 14px 0 0 rgba(179, 179, 179, 0.2), -20px 0 0 0 rgba(179, 179, 179, 0.2), -14px -14px 0 0 rgba(179, 179, 179, 0.5);
  }
  25% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.5), 14px -14px 0 0 rgba(179, 179, 179, 0.7), 20px 0 0 0 #B3B3B3, 14px 14px 0 0 rgba(179, 179, 179, 0.2), 0 20px 0 0 rgba(179, 179, 179, 0.2), -14px 14px 0 0 rgba(179, 179, 179, 0.2), -20px 0 0 0 rgba(179, 179, 179, 0.2), -14px -14px 0 0 rgba(179, 179, 179, 0.2);
  }
  37.5% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.2), 14px -14px 0 0 rgba(179, 179, 179, 0.5), 20px 0 0 0 rgba(179, 179, 179, 0.7), 14px 14px 0 0 #B3B3B3, 0 20px 0 0 rgba(179, 179, 179, 0.2), -14px 14px 0 0 rgba(179, 179, 179, 0.2), -20px 0 0 0 rgba(179, 179, 179, 0.2), -14px -14px 0 0 rgba(179, 179, 179, 0.2);
  }
  50% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.2), 14px -14px 0 0 rgba(179, 179, 179, 0.2), 20px 0 0 0 rgba(179, 179, 179, 0.5), 14px 14px 0 0 rgba(179, 179, 179, 0.7), 0 20px 0 0 #B3B3B3, -14px 14px 0 0 rgba(179, 179, 179, 0.2), -20px 0 0 0 rgba(179, 179, 179, 0.2), -14px -14px 0 0 rgba(179, 179, 179, 0.2);
  }
  62.5% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.2), 14px -14px 0 0 rgba(179, 179, 179, 0.2), 20px 0 0 0 rgba(179, 179, 179, 0.2), 14px 14px 0 0 rgba(179, 179, 179, 0.5), 0 20px 0 0 rgba(179, 179, 179, 0.7), -14px 14px 0 0 #B3B3B3, -20px 0 0 0 rgba(179, 179, 179, 0.2), -14px -14px 0 0 rgba(179, 179, 179, 0.2);
  }
  75% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.2), 14px -14px 0 0 rgba(179, 179, 179, 0.2), 20px 0 0 0 rgba(179, 179, 179, 0.2), 14px 14px 0 0 rgba(179, 179, 179, 0.2), 0 20px 0 0 rgba(179, 179, 179, 0.5), -14px 14px 0 0 rgba(179, 179, 179, 0.7), -20px 0 0 0 #B3B3B3, -14px -14px 0 0 rgba(179, 179, 179, 0.2);
  }
  87.5% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.2), 14px -14px 0 0 rgba(179, 179, 179, 0.2), 20px 0 0 0 rgba(179, 179, 179, 0.2), 14px 14px 0 0 rgba(179, 179, 179, 0.2), 0 20px 0 0 rgba(179, 179, 179, 0.2), -14px 14px 0 0 rgba(179, 179, 179, 0.5), -20px 0 0 0 rgba(179, 179, 179, 0.7), -14px -14px 0 0 #B3B3B3;
  }
}

@keyframes functiontabImgLoaderL {
  0%, 100% {
    box-shadow: 0 -20px 0 0 #B3B3B3, 14px -14px 0 0 rgba(179, 179, 179, 0.2), 20px 0 0 0 rgba(179, 179, 179, 0.2), 14px 14px 0 0 rgba(179, 179, 179, 0.2), 0 20px 0 0 rgba(179, 179, 179, 0.2), -14px 14px 0 0 rgba(179, 179, 179, 0.2), -20px 0 0 0 rgba(179, 179, 179, 0.5), -14px -14px 0 0 rgba(179, 179, 179, 0.7);
  }
  12.5% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.7), 14px -14px 0 0 #B3B3B3, 20px 0 0 0 rgba(179, 179, 179, 0.2), 14px 14px 0 0 rgba(179, 179, 179, 0.2), 0 20px 0 0 rgba(179, 179, 179, 0.2), -14px 14px 0 0 rgba(179, 179, 179, 0.2), -20px 0 0 0 rgba(179, 179, 179, 0.2), -14px -14px 0 0 rgba(179, 179, 179, 0.5);
  }
  25% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.5), 14px -14px 0 0 rgba(179, 179, 179, 0.7), 20px 0 0 0 #B3B3B3, 14px 14px 0 0 rgba(179, 179, 179, 0.2), 0 20px 0 0 rgba(179, 179, 179, 0.2), -14px 14px 0 0 rgba(179, 179, 179, 0.2), -20px 0 0 0 rgba(179, 179, 179, 0.2), -14px -14px 0 0 rgba(179, 179, 179, 0.2);
  }
  37.5% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.2), 14px -14px 0 0 rgba(179, 179, 179, 0.5), 20px 0 0 0 rgba(179, 179, 179, 0.7), 14px 14px 0 0 #B3B3B3, 0 20px 0 0 rgba(179, 179, 179, 0.2), -14px 14px 0 0 rgba(179, 179, 179, 0.2), -20px 0 0 0 rgba(179, 179, 179, 0.2), -14px -14px 0 0 rgba(179, 179, 179, 0.2);
  }
  50% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.2), 14px -14px 0 0 rgba(179, 179, 179, 0.2), 20px 0 0 0 rgba(179, 179, 179, 0.5), 14px 14px 0 0 rgba(179, 179, 179, 0.7), 0 20px 0 0 #B3B3B3, -14px 14px 0 0 rgba(179, 179, 179, 0.2), -20px 0 0 0 rgba(179, 179, 179, 0.2), -14px -14px 0 0 rgba(179, 179, 179, 0.2);
  }
  62.5% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.2), 14px -14px 0 0 rgba(179, 179, 179, 0.2), 20px 0 0 0 rgba(179, 179, 179, 0.2), 14px 14px 0 0 rgba(179, 179, 179, 0.5), 0 20px 0 0 rgba(179, 179, 179, 0.7), -14px 14px 0 0 #B3B3B3, -20px 0 0 0 rgba(179, 179, 179, 0.2), -14px -14px 0 0 rgba(179, 179, 179, 0.2);
  }
  75% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.2), 14px -14px 0 0 rgba(179, 179, 179, 0.2), 20px 0 0 0 rgba(179, 179, 179, 0.2), 14px 14px 0 0 rgba(179, 179, 179, 0.2), 0 20px 0 0 rgba(179, 179, 179, 0.5), -14px 14px 0 0 rgba(179, 179, 179, 0.7), -20px 0 0 0 #B3B3B3, -14px -14px 0 0 rgba(179, 179, 179, 0.2);
  }
  87.5% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.2), 14px -14px 0 0 rgba(179, 179, 179, 0.2), 20px 0 0 0 rgba(179, 179, 179, 0.2), 14px 14px 0 0 rgba(179, 179, 179, 0.2), 0 20px 0 0 rgba(179, 179, 179, 0.2), -14px 14px 0 0 rgba(179, 179, 179, 0.5), -20px 0 0 0 rgba(179, 179, 179, 0.7), -14px -14px 0 0 #B3B3B3;
  }
}

.edit__main__function__pos__tabArea__tab__content__list__item__selected {
  pointer-events: none;
  position: absolute;
  top: -3px;
  left: -3px;
  display: none;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  box-sizing: border-box;
  border: solid 2px #FD7E00;
}

.edit__main__function__pos__tabArea__tab__content__list__item.-modifier-brokenImg {
  pointer-events: none;
}

.edit__main__function__pos__tabArea__tab__content__list__item.-modifier-brokenImg > .edit__main__function__pos__tabArea__tab__content__list__item__brokenImg {
  display: block;
}

.edit__main__function__pos__tabArea__tab__content__list__item.-modifier-brokenImg > img {
  visibility: hidden;
}

.edit__main__function__pos__tabArea__tab__content__list__item.-modifier-loading {
  pointer-events: none;
}

.edit__main__function__pos__tabArea__tab__content__list__item.-modifier-loading > .edit__main__function__pos__tabArea__tab__content__list__item__loading {
  display: block;
}

.edit__main__function__pos__tabArea__tab__content__list__item.-modifier-loading > img {
  visibility: hidden;
}

.edit__main__function__pos__tabArea__tab__content__list__item.-modifier-selected {
  pointer-events: none;
}

.edit__main__function__pos__tabArea__tab__content__list__item.-modifier-selected > .edit__main__function__pos__tabArea__tab__content__list__item__selected {
  display: block;
}

.edit__main__function__pos__tabArea__tab__content__list > ul {
  list-style: none;
  display: -webkit-flex;
  display: flex;
}

.edit__main__function__pos__tabArea__tab__content__list > ul > li {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  padding: 5px;
}

.edit__main__function__pos__tabArea__tab__content__sheetBtn {
  display: block;
  width: calc(50% - 10px);
  height: 100%;
  box-sizing: border-box;
  border: solid 2px #462717;
  background-color: #fff;
}

.edit__main__function__pos__tabArea__tab__content__sheetBtn__icn {
  pointer-events: none;
  display: block;
  width: 100%;
  height: calc(100% - 24px);
  background-position: center 4px;
  background-repeat: no-repeat;
  background-size: 38px;
}

.edit__main__function__pos__tabArea__tab__content__sheetBtn__text {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 14px;
}

.edit__main__function__pos__tabArea__tab__content__sheetBtn:active {
  background-color: #E6E6E6;
}

.edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__top__tabList__btn.-modifier-font {
  font-size: 14px;
  font-weight: bold;
}

.edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__content {
  overflow-x: visible;
  overflow-y: visible;
}

.edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-font {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 5px 38px;
}

.edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-font .edit__main__function__pos__tabArea__tab__content__item__pulldown {
  margin: 0 0 10px 0;
}

.edit__main__function__pos__tabArea__tab[data-text-tab="size"] .edit__main__function__pos__tabArea__tab__top__tabList__btn.-modifier-size {
  font-size: 14px;
  font-weight: bold;
}

.edit__main__function__pos__tabArea__tab[data-text-tab="size"] .edit__main__function__pos__tabArea__tab__content {
  overflow-x: visible;
  overflow-y: visible;
}

.edit__main__function__pos__tabArea__tab[data-text-tab="size"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-size {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 38px;
}

.edit__main__function__pos__tabArea__tab[data-text-tab="color"] .edit__main__function__pos__tabArea__tab__top__tabList__btn.-modifier-color {
  font-size: 14px;
  font-weight: bold;
}

.edit__main__function__pos__tabArea__tab[data-text-tab="color"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-color {
  display: block;
}

.edit__main__function__pos__tabArea__tab[data-text-tab="align"] .edit__main__function__pos__tabArea__tab__top__tabList__btn.-modifier-align {
  font-size: 14px;
  font-weight: bold;
}

.edit__main__function__pos__tabArea__tab[data-text-tab="align"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-align {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 38px;
}

.edit__main[data-function-tab="layout"] .edit__main__content {
  height: calc(100% - 180px);
}

.edit__main[data-function-tab="layout"] .edit__main__function {
  height: 180px;
}

.edit__main[data-function-tab="layout"] .edit__main__function__pos__btnArea__btn.-modifier-layout {
  background-color: #E6E6E6;
}

.edit__main[data-function-tab="layout"] .edit__main__function__pos__tabArea {
  display: block;
}

.edit__main[data-function-tab="layout"] .edit__main__function__pos__tabArea__tab.-modifier-layout {
  display: block;
}

.edit__main[data-function-tab="design"] .edit__main__content {
  height: calc(100% - 180px);
}

.edit__main[data-function-tab="design"] .edit__main__function {
  height: 180px;
}

.edit__main[data-function-tab="design"] .edit__main__function__pos__btnArea__btn.-modifier-design {
  background-color: #E6E6E6;
}

.edit__main[data-function-tab="design"] .edit__main__function__pos__tabArea {
  display: block;
}

.edit__main[data-function-tab="design"] .edit__main__function__pos__tabArea__tab.-modifier-design {
  display: block;
}

.edit__main[data-function-tab="text"] .edit__main__content {
  height: calc(100% - 180px);
}

.edit__main[data-function-tab="text"] .edit__main__function {
  height: 180px;
}

.edit__main[data-function-tab="text"] .edit__main__function__pos__btnArea__btn.-modifier-text {
  background-color: #E6E6E6;
}

.edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea {
  display: block;
}

.edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab.-modifier-text {
  display: block;
}

.edit__main[data-function-tab="stamp"] .edit__main__content {
  height: calc(100% - 180px);
}

.edit__main[data-function-tab="stamp"] .edit__main__function {
  height: 180px;
}

.edit__main[data-function-tab="stamp"] .edit__main__function__pos__btnArea__btn.-modifier-stamp {
  background-color: #E6E6E6;
}

.edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea {
  display: block;
}

.edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab.-modifier-stamp {
  display: block;
}

.edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__content__list__item > img {
  outline: solid 1px transparent;
}

.edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__content__list__item:active > .edit__main__function__pos__tabArea__tab__content__list__item__selected {
  display: block;
}

.edit__main[data-function-tab="addDelete"] .edit__main__content {
  height: calc(100% - 180px);
}

.edit__main[data-function-tab="addDelete"] .edit__main__function {
  height: 180px;
}

.edit__main[data-function-tab="addDelete"] .edit__main__function__pos__btnArea__btn.-modifier-addDelete {
  background-color: #E6E6E6;
}

.edit__main[data-function-tab="addDelete"] .edit__main__function__pos__tabArea {
  display: block;
}

.edit__main[data-function-tab="addDelete"] .edit__main__function__pos__tabArea__tab.-modifier-addDelete {
  display: block;
}

.edit__main[data-function-tab="addDelete"] .edit__main__function__pos__tabArea__tab__content {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 10px 38px;
}

@keyframes tip {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media screen and (max-width: 374px) {
  .edit__header__title {
    font-size: 14px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1239px) {
  .edit__header {
    height: 54px;
  }
  .edit__header__title {
    line-height: 54px;
    font-size: 18px;
  }
  .edit__header__btn {
    width: 54px;
    height: 54px;
  }
  .edit__header__btn__pos__img {
    background-position: center 10px;
    background-size: 25px;
  }
  .edit__header__btn__pos__text {
    bottom: 6px;
    font-size: 12px;
  }
  .edit__main {
    height: calc(100% - 54px);
  }
  .edit__main__content__previewArea {
    height: 100%;
    padding: 40px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__resolutionMsg {
    width: 340px;
    font-size: 14px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__editBox {
    bottom: -36px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__editBox__btn {
    width: 45px;
    height: 30px;
    font-size: 14px;
    margin: 2px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn {
    width: 34px;
    height: 34px;
    background-size: 14px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn.-modifier-textDeleteBtn {
    top: -34px;
    right: -34px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn.-modifier-textEditBtn {
    bottom: -34px;
    right: -34px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn.-modifier-stampDeleteBtn {
    top: -34px;
    right: -34px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn.-modifier-stampDragableBtn {
    bottom: -34px;
    right: -34px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-font {
    padding: 5px 182px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-size {
    padding: 0 182px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-align {
    padding: 0 182px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="size"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-font {
    padding: 5px 182px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="size"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-size {
    padding: 0 182px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="size"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-align {
    padding: 0 182px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="color"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-font {
    padding: 5px 182px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="color"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-size {
    padding: 0 182px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="color"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-align {
    padding: 0 182px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="align"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-font {
    padding: 5px 182px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="align"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-size {
    padding: 0 182px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="align"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-align {
    padding: 0 182px;
  }
  .edit__main[data-function-tab="addDelete"] .edit__main__function__pos__tabArea__tab__content {
    padding: 10px 182px;
  }
}

@media screen and (min-width: 1240px) and (max-width: 1919px) {
  .edit__header {
    height: 54px;
  }
  .edit__header__title {
    line-height: 54px;
    font-size: 20px;
  }
  .edit__header__btn {
    display: none;
  }
  .edit__main {
    height: calc(100% - 54px);
    border-top: solid 1px #E6E6E6;
  }
  .edit__main__content {
    left: 61px;
    width: calc(100% - 61px - 61px);
    height: 100%;
  }
  .edit__main__content__previewArea {
    height: calc(100% - 74px);
    padding: 40px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__resolutionMsg {
    width: 390px;
    font-size: 16px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__photoFrame {
    cursor: pointer;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__stampFrame, .edit__main__content__previewArea__preview__item__pos__layer__pos__textFrame {
    cursor: pointer;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__editBox {
    bottom: -36px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__editBox__btn {
    cursor: pointer;
    width: 50px;
    height: 30px;
    font-size: 16px;
    margin: 2px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__editBox__btn:hover {
    background-color: #ff8b18;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__editBox__btn:active {
    background-color: #e47100;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn {
    cursor: pointer;
    width: 34px;
    height: 34px;
    background-size: 14px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn.-modifier-textDeleteBtn {
    top: -34px;
    right: -34px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn.-modifier-textEditBtn {
    bottom: -34px;
    right: -34px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn.-modifier-stampDeleteBtn {
    top: -34px;
    right: -34px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn.-modifier-stampDragableBtn {
    bottom: -34px;
    right: -34px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn:hover {
    background-color: #ff8b18;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn:active {
    background-color: #e47100;
  }
  .edit__main__content__footerArea {
    position: relative;
    display: block;
    width: 100%;
    height: 74px;
    box-sizing: border-box;
  }
  .edit__main__content__footerArea__btnArea {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: auto;
    height: auto;
  }
  .edit__main__content__footerArea__btnArea__btn {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-flex;
    display: flex;
    width: 240px;
    height: 34px;
    box-sizing: border-box;
    border: solid 2px #462717;
    background-color: transparent;
  }
  .edit__main__content__footerArea__btnArea__btn__icn {
    pointer-events: none;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
  }
  .edit__main__content__footerArea__btnArea__btn__text {
    pointer-events: none;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
  }
  .edit__main__content__footerArea__btnArea__btn.-modifier-next {
    margin: 0 0 0 20px;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .edit__main__content__footerArea__btnArea__btn:hover > .edit__main__content__footerArea__btnArea__btn__text {
    color: rgba(70, 39, 23, 0.5);
  }
  .edit__main__content__footerArea__btnArea__btn:active {
    background-color: #E6E6E6;
  }
  .edit__main__content__footerArea__btnArea__btn:active > .edit__main__content__footerArea__btnArea__btn__text {
    color: #462717;
  }
  .edit__main__function {
    width: 61px;
    height: 100%;
    border-right: solid 1px #E6E6E6;
  }
  .edit__main__function__pos__btnArea {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
  }
  .edit__main__function__pos__btnArea__btn {
    height: 60px;
    cursor: pointer;
  }
  .edit__main__function__pos__btnArea__btn__icn {
    height: 100%;
    background-position: center;
  }
  .edit__main__function__pos__btnArea__btn__text {
    bottom: auto;
    top: 50%;
    left: 70px;
    transform: translateY(-50%);
    z-index: 1;
    display: none;
    width: auto;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #fff;
    box-sizing: border-box;
    word-break: keep-all;
    white-space: pre;
    padding: 0 10px;
    background-color: #462717;
    opacity: 0;
    animation: tip 0s ease-out 0s forwards;
  }
  .edit__main__function__pos__btnArea__btn__text::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    margin-top: -5px;
    border: 5px solid transparent;
    border-right: 5px solid #462717;
  }
  .edit__main__function__pos__btnArea__btn:hover {
    opacity: 0.5;
  }
  .edit__main__function__pos__btnArea__btn:hover > .edit__main__function__pos__btnArea__btn__text {
    display: inline-block;
  }
  .edit__main__function__pos__btnArea__btn:active {
    opacity: 1;
    background-color: #E6E6E6;
  }
  .edit__main__function__pos__tabArea {
    position: absolute;
    top: 0;
    left: 61px;
    height: 100%;
  }
  .edit__main__function__pos__tabArea__tab__top {
    display: none;
  }
  .edit__main__function__pos__tabArea__tab__content {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .edit__main__function__pos__tabArea__tab__content__item {
    height: auto;
    padding: 0 30px;
  }
  .edit__main__function__pos__tabArea__tab__content__item__label {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px 0;
  }
  .edit__main__function__pos__tabArea__tab__content__item__pulldown__selectName {
    cursor: pointer;
    font-size: 16px;
  }
  .edit__main__function__pos__tabArea__tab__content__item__pulldown__selectName:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .edit__main__function__pos__tabArea__tab__content__item__pulldown__selectName:active {
    color: #462717;
  }
  .edit__main__function__pos__tabArea__tab__content__item__pulldown__list {
    cursor: pointer;
    bottom: auto;
    top: 39px;
  }
  .edit__main__function__pos__tabArea__tab__content__item__pulldown__list__text {
    font-size: 14px;
  }
  .edit__main__function__pos__tabArea__tab__content__item__pulldown__list__text:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .edit__main__function__pos__tabArea__tab__content__item__pulldown__list__text:active {
    color: #462717;
  }
  .edit__main__function__pos__tabArea__tab__content__item__fontTypeBtn {
    font-size: 16px;
  }
  .edit__main__function__pos__tabArea__tab__content__item__fontTypeBtn:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .edit__main__function__pos__tabArea__tab__content__item__fontTypeBtn:active {
    color: #462717;
    background-color: #E6E6E6;
  }
  .edit__main__function__pos__tabArea__tab__content__item__fontTypeBtn.-modifier-selected:hover {
    color: #fff;
  }
  .edit__main__function__pos__tabArea__tab__content__item__fontTypeBtn.-modifier-selected:active {
    color: #fff;
    background-color: #462717;
  }
  .edit__main__function__pos__tabArea__tab__content__item__colorList {
    padding: 0;
  }
  .edit__main__function__pos__tabArea__tab__content__item__colorList__color {
    cursor: pointer;
  }
  .edit__main__function__pos__tabArea__tab__content__item__colorList__color:hover {
    opacity: 0.5;
  }
  .edit__main__function__pos__tabArea__tab__content__item__colorList__color.-modifier-selected:hover {
    opacity: 1;
  }
  .edit__main__function__pos__tabArea__tab__content__item__colorList > ul {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .edit__main__function__pos__tabArea__tab__content__item__colorList > ul > li {
    width: 16.66666666666667%;
    height: 50px;
  }
  .edit__main__function__pos__tabArea__tab__content__item__radioGroup__btn__icn:hover {
    opacity: 0.5;
  }
  .edit__main__function__pos__tabArea__tab__content__list {
    display: block;
    left: 20px;
    width: calc(100% - 40px);
    height: auto;
    padding: 10px 0;
  }
  .edit__main__function__pos__tabArea__tab__content__list__item {
    cursor: pointer;
  }
  .edit__main__function__pos__tabArea__tab__content__list__item__loading {
    width: 10px;
    height: 10px;
    -webkit-animation: functiontabImgLoaderL 1s infinite ease;
    animation: functiontabImgLoaderL 1s infinite ease;
  }
  .edit__main__function__pos__tabArea__tab__content__list__item:hover {
    opacity: 0.5;
  }
  .edit__main__function__pos__tabArea__tab__content__list__item:hover.-modifier-selected {
    opacity: 1;
  }
  .edit__main__function__pos__tabArea__tab__content__list > ul {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .edit__main__function__pos__tabArea__tab__content__list > ul > li {
    width: 150px;
    height: 150px;
    padding: 10px;
  }
  .edit__main__function__pos__tabArea__tab__content__sheetBtn {
    cursor: pointer;
  }
  .edit__main__function__pos__tabArea__tab__content__sheetBtn:hover > .edit__main__function__pos__tabArea__tab__content__sheetBtn__icn, .edit__main__function__pos__tabArea__tab__content__sheetBtn:hover > .edit__main__function__pos__tabArea__tab__content__sheetBtn__text {
    opacity: 0.5;
  }
  .edit__main__function__pos__tabArea__tab__content__sheetBtn:active {
    background-color: #E6E6E6;
  }
  .edit__main__function__pos__tabArea__tab__content__sheetBtn:active > .edit__main__function__pos__tabArea__tab__content__sheetBtn__icn, .edit__main__function__pos__tabArea__tab__content__sheetBtn:active > .edit__main__function__pos__tabArea__tab__content__sheetBtn__text {
    opacity: 1;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__content {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__content__item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-font {
    padding: 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-font > .edit__main__function__pos__tabArea__tab__content__item__pulldown {
    margin: 0 0 20px 0;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-size {
    padding: 30px 30px 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-color {
    padding: 30px 30px 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-align {
    padding: 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__content__item__radioGroup__btn {
    cursor: pointer;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="size"] .edit__main__function__pos__tabArea__tab__content {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="size"] .edit__main__function__pos__tabArea__tab__content__item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="size"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-font {
    padding: 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="size"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-font > .edit__main__function__pos__tabArea__tab__content__item__pulldown {
    margin: 0 0 20px 0;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="size"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-size {
    padding: 30px 30px 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="size"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-color {
    padding: 30px 30px 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="size"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-align {
    padding: 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="size"] .edit__main__function__pos__tabArea__tab__content__item__radioGroup__btn {
    cursor: pointer;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="color"] .edit__main__function__pos__tabArea__tab__content {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="color"] .edit__main__function__pos__tabArea__tab__content__item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="color"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-font {
    padding: 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="color"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-font > .edit__main__function__pos__tabArea__tab__content__item__pulldown {
    margin: 0 0 20px 0;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="color"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-size {
    padding: 30px 30px 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="color"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-color {
    padding: 30px 30px 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="color"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-align {
    padding: 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="color"] .edit__main__function__pos__tabArea__tab__content__item__radioGroup__btn {
    cursor: pointer;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="align"] .edit__main__function__pos__tabArea__tab__content {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="align"] .edit__main__function__pos__tabArea__tab__content__item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="align"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-font {
    padding: 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="align"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-font > .edit__main__function__pos__tabArea__tab__content__item__pulldown {
    margin: 0 0 20px 0;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="align"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-size {
    padding: 30px 30px 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="align"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-color {
    padding: 30px 30px 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="align"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-align {
    padding: 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="align"] .edit__main__function__pos__tabArea__tab__content__item__radioGroup__btn {
    cursor: pointer;
  }
  .edit__main[data-function-tab="layout"] .edit__main__content {
    left: 421px;
    width: calc(100% - 421px - 61px);
    height: 100%;
  }
  .edit__main[data-function-tab="layout"] .edit__main__function {
    display: block;
    width: 421px;
    height: 100%;
  }
  .edit__main[data-function-tab="layout"] .edit__main__function__pos__btnArea {
    display: block;
    width: 61px;
  }
  .edit__main[data-function-tab="layout"] .edit__main__function__pos__tabArea {
    display: block;
    width: 360px;
  }
  .edit__main[data-function-tab="design"] .edit__main__content {
    left: 421px;
    width: calc(100% - 421px - 61px);
    height: 100%;
  }
  .edit__main[data-function-tab="design"] .edit__main__function {
    display: block;
    width: 421px;
    height: 100%;
  }
  .edit__main[data-function-tab="design"] .edit__main__function__pos__btnArea {
    display: block;
    width: 61px;
  }
  .edit__main[data-function-tab="design"] .edit__main__function__pos__tabArea {
    display: block;
    width: 360px;
  }
  .edit__main[data-function-tab="text"] .edit__main__content {
    left: 421px;
    width: calc(100% - 421px - 61px);
    height: 100%;
  }
  .edit__main[data-function-tab="text"] .edit__main__function {
    display: block;
    width: 421px;
    height: 100%;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__btnArea {
    display: block;
    width: 61px;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea {
    display: block;
    width: 360px;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top {
    display: block;
    width: 100%;
    height: 94px;
    box-sizing: border-box;
    padding: 30px;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__tabList {
    display: none;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__addTextBtnArea {
    width: 100%;
    height: 100%;
    border-left: none;
    padding: 0;
    margin: 0;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__addTextBtnArea__btn {
    padding: 0;
    font-size: 16px;
    text-align: center;
    background-position: 10px;
    background-size: 16px;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__addTextBtnArea__btn:hover {
    background-color: #ff8b18;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__addTextBtnArea__btn:active {
    background-color: #e47100;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    border: solid 2px #462717;
    background-color: #fff;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__selectName {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__selectName:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__selectName:active {
    color: #462717;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__btn {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__list {
    z-index: 1;
    position: absolute;
    top: 39px;
    left: 0;
    display: none;
    width: 100%;
    height: auto;
    max-height: 477px;
    box-sizing: border-box;
    border: solid 1px #B3B3B3;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__list__text {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__list__text.-modifier-selected {
    font-size: 14px;
    font-weight: normal;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__list__text:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__list__text:active {
    color: #462717;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__list > ul {
    display: block;
    width: 100%;
    height: auto;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__list > ul > li {
    display: block;
    width: 100%;
    height: 34px;
    box-sizing: border-box;
    border-bottom: solid 1px #B3B3B3;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__list > ul > li:last-of-type {
    border-bottom: none;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown.-modifier-open .edit__main__function__pos__tabArea__tab__top__pulldown__btn {
    transform: rotateZ(180deg);
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown.-modifier-open .edit__main__function__pos__tabArea__tab__top__pulldown__list {
    display: block;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__closeBtn {
    display: none;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__content {
    height: calc(100% - 94px);
  }
  .edit__main[data-function-tab="stamp"] .edit__main__content {
    left: 421px;
    width: calc(100% - 421px - 61px);
    height: 100%;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function {
    display: block;
    width: 421px;
    height: 100%;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__btnArea {
    display: block;
    width: 61px;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea {
    display: block;
    width: 360px;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top {
    display: block;
    width: 100%;
    height: 94px;
    box-sizing: border-box;
    padding: 30px;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__tabList {
    display: none;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__addTextBtnArea {
    width: 100%;
    height: 100%;
    border-left: none;
    padding: 0;
    margin: 0;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__addTextBtnArea__btn {
    padding: 0;
    font-size: 16px;
    text-align: center;
    background-position: 10px;
    background-size: 16px;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__addTextBtnArea__btn:hover {
    background-color: #ff8b18;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__addTextBtnArea__btn:active {
    background-color: #e47100;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    border: solid 2px #462717;
    background-color: #fff;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__selectName {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__selectName:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__selectName:active {
    color: #462717;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__btn {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__list {
    z-index: 1;
    position: absolute;
    top: 39px;
    left: 0;
    display: none;
    width: 100%;
    height: auto;
    max-height: 477px;
    box-sizing: border-box;
    border: solid 1px #B3B3B3;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__list__text {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__list__text.-modifier-selected {
    font-size: 14px;
    font-weight: normal;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__list__text:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__list__text:active {
    color: #462717;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__list > ul {
    display: block;
    width: 100%;
    height: auto;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__list > ul > li {
    display: block;
    width: 100%;
    height: 34px;
    box-sizing: border-box;
    border-bottom: solid 1px #B3B3B3;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__list > ul > li:last-of-type {
    border-bottom: none;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown.-modifier-open .edit__main__function__pos__tabArea__tab__top__pulldown__btn {
    transform: rotateZ(180deg);
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown.-modifier-open .edit__main__function__pos__tabArea__tab__top__pulldown__list {
    display: block;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__closeBtn {
    display: none;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__content {
    height: calc(100% - 94px);
  }
  .edit__main[data-function-tab="addDelete"] .edit__main__content {
    left: 421px;
    width: calc(100% - 421px - 61px);
    height: 100%;
  }
  .edit__main[data-function-tab="addDelete"] .edit__main__function {
    display: block;
    width: 421px;
    height: 100%;
  }
  .edit__main[data-function-tab="addDelete"] .edit__main__function__pos__btnArea {
    display: block;
    width: 61px;
  }
  .edit__main[data-function-tab="addDelete"] .edit__main__function__pos__tabArea {
    display: block;
    width: 360px;
  }
  .edit__main[data-function-tab="addDelete"] .edit__main__function__pos__tabArea__tab__content {
    padding: 30px;
  }
  .edit__main[data-function-tab="addDelete"] .edit__main__function__pos__tabArea__tab__content__sheetBtn {
    height: 140px;
  }
  .edit__main[data-function-tab="addDelete"] .edit__main__function__pos__tabArea__tab__content__sheetBtn__icn {
    height: calc(100% - 60px);
    background-position: center 15px;
    background-size: 60px;
  }
  .edit__main[data-function-tab="addDelete"] .edit__main__function__pos__tabArea__tab__content__sheetBtn__text {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
  }
}

@media screen and (min-width: 1920px) {
  .edit__header {
    height: 54px;
  }
  .edit__header__title {
    line-height: 54px;
    font-size: 20px;
  }
  .edit__header__btn {
    display: none;
  }
  .edit__main {
    height: calc(100% - 54px);
    border-top: solid 1px #E6E6E6;
  }
  .edit__main__content {
    left: 61px;
    width: calc(100% - 61px - 61px);
    height: 100%;
  }
  .edit__main__content__previewArea {
    height: calc(100% - 74px);
    padding: 40px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__resolutionMsg {
    width: 390px;
    font-size: 16px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__photoFrame {
    cursor: pointer;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__stampFrame, .edit__main__content__previewArea__preview__item__pos__layer__pos__textFrame {
    cursor: pointer;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__editBox {
    bottom: -36px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__editBox__btn {
    cursor: pointer;
    width: 50px;
    height: 30px;
    font-size: 16px;
    margin: 2px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__editBox__btn:hover {
    background-color: #ff8b18;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__editBox__btn:active {
    background-color: #e47100;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn {
    cursor: pointer;
    width: 34px;
    height: 34px;
    background-size: 14px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn.-modifier-textDeleteBtn {
    top: -34px;
    right: -34px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn.-modifier-textEditBtn {
    bottom: -34px;
    right: -34px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn.-modifier-stampDeleteBtn {
    top: -34px;
    right: -34px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn.-modifier-stampDragableBtn {
    bottom: -34px;
    right: -34px;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn:hover {
    background-color: #ff8b18;
  }
  .edit__main__content__previewArea__preview__item__pos__layer__pos__selectedFrame__pos__btn:active {
    background-color: #e47100;
  }
  .edit__main__content__footerArea {
    position: relative;
    display: block;
    width: 100%;
    height: 74px;
    box-sizing: border-box;
  }
  .edit__main__content__footerArea__btnArea {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: auto;
    height: auto;
  }
  .edit__main__content__footerArea__btnArea__btn {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-flex;
    display: flex;
    width: 240px;
    height: 34px;
    box-sizing: border-box;
    border: solid 2px #462717;
    background-color: transparent;
  }
  .edit__main__content__footerArea__btnArea__btn__icn {
    pointer-events: none;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
  }
  .edit__main__content__footerArea__btnArea__btn__text {
    pointer-events: none;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
  }
  .edit__main__content__footerArea__btnArea__btn.-modifier-next {
    margin: 0 0 0 20px;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .edit__main__content__footerArea__btnArea__btn:hover > .edit__main__content__footerArea__btnArea__btn__text {
    color: rgba(70, 39, 23, 0.5);
  }
  .edit__main__content__footerArea__btnArea__btn:active {
    background-color: #E6E6E6;
  }
  .edit__main__content__footerArea__btnArea__btn:active > .edit__main__content__footerArea__btnArea__btn__text {
    color: #462717;
  }
  .edit__main__function {
    width: 61px;
    height: 100%;
    border-right: solid 1px #E6E6E6;
  }
  .edit__main__function__pos__btnArea {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
  }
  .edit__main__function__pos__btnArea__btn {
    height: 60px;
    cursor: pointer;
  }
  .edit__main__function__pos__btnArea__btn__icn {
    height: 100%;
    background-position: center;
  }
  .edit__main__function__pos__btnArea__btn__text {
    bottom: auto;
    top: 50%;
    left: 70px;
    transform: translateY(-50%);
    z-index: 1;
    display: none;
    width: auto;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #fff;
    box-sizing: border-box;
    word-break: keep-all;
    white-space: pre;
    padding: 0 10px;
    background-color: #462717;
    opacity: 0;
    animation: tip 0s ease-out 0s forwards;
  }
  .edit__main__function__pos__btnArea__btn__text::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    margin-top: -5px;
    border: 5px solid transparent;
    border-right: 5px solid #462717;
  }
  .edit__main__function__pos__btnArea__btn:hover {
    opacity: 0.5;
  }
  .edit__main__function__pos__btnArea__btn:hover > .edit__main__function__pos__btnArea__btn__text {
    display: inline-block;
  }
  .edit__main__function__pos__btnArea__btn:active {
    opacity: 1;
    background-color: #E6E6E6;
  }
  .edit__main__function__pos__tabArea {
    position: absolute;
    top: 0;
    left: 61px;
    height: 100%;
  }
  .edit__main__function__pos__tabArea__tab__top {
    display: none;
  }
  .edit__main__function__pos__tabArea__tab__content {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .edit__main__function__pos__tabArea__tab__content__item {
    height: auto;
    padding: 0 30px;
  }
  .edit__main__function__pos__tabArea__tab__content__item__label {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px 0;
  }
  .edit__main__function__pos__tabArea__tab__content__item__pulldown__selectName {
    cursor: pointer;
    font-size: 16px;
  }
  .edit__main__function__pos__tabArea__tab__content__item__pulldown__selectName:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .edit__main__function__pos__tabArea__tab__content__item__pulldown__selectName:active {
    color: #462717;
  }
  .edit__main__function__pos__tabArea__tab__content__item__pulldown__list {
    cursor: pointer;
    bottom: auto;
    top: 39px;
  }
  .edit__main__function__pos__tabArea__tab__content__item__pulldown__list__text {
    font-size: 14px;
  }
  .edit__main__function__pos__tabArea__tab__content__item__pulldown__list__text:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .edit__main__function__pos__tabArea__tab__content__item__pulldown__list__text:active {
    color: #462717;
  }
  .edit__main__function__pos__tabArea__tab__content__item__fontTypeBtn {
    font-size: 16px;
  }
  .edit__main__function__pos__tabArea__tab__content__item__fontTypeBtn:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .edit__main__function__pos__tabArea__tab__content__item__fontTypeBtn:active {
    color: #462717;
    background-color: #E6E6E6;
  }
  .edit__main__function__pos__tabArea__tab__content__item__fontTypeBtn.-modifier-selected:hover {
    color: #fff;
  }
  .edit__main__function__pos__tabArea__tab__content__item__fontTypeBtn.-modifier-selected:active {
    color: #fff;
    background-color: #462717;
  }
  .edit__main__function__pos__tabArea__tab__content__item__colorList {
    padding: 0;
  }
  .edit__main__function__pos__tabArea__tab__content__item__colorList__color {
    cursor: pointer;
  }
  .edit__main__function__pos__tabArea__tab__content__item__colorList__color:hover {
    opacity: 0.5;
  }
  .edit__main__function__pos__tabArea__tab__content__item__colorList__color.-modifier-selected:hover {
    opacity: 1;
  }
  .edit__main__function__pos__tabArea__tab__content__item__colorList > ul {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .edit__main__function__pos__tabArea__tab__content__item__colorList > ul > li {
    width: 16.66666666666667%;
    height: 50px;
  }
  .edit__main__function__pos__tabArea__tab__content__item__radioGroup__btn__icn:hover {
    opacity: 0.5;
  }
  .edit__main__function__pos__tabArea__tab__content__list {
    display: block;
    left: 20px;
    width: calc(100% - 40px);
    height: auto;
    padding: 10px 0;
  }
  .edit__main__function__pos__tabArea__tab__content__list__item {
    cursor: pointer;
  }
  .edit__main__function__pos__tabArea__tab__content__list__item__loading {
    width: 10px;
    height: 10px;
    -webkit-animation: functiontabImgLoaderL 1s infinite ease;
    animation: functiontabImgLoaderL 1s infinite ease;
  }
  .edit__main__function__pos__tabArea__tab__content__list__item:hover {
    opacity: 0.5;
  }
  .edit__main__function__pos__tabArea__tab__content__list__item:hover.-modifier-selected {
    opacity: 1;
  }
  .edit__main__function__pos__tabArea__tab__content__list > ul {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .edit__main__function__pos__tabArea__tab__content__list > ul > li {
    width: 150px;
    height: 150px;
    padding: 10px;
  }
  .edit__main__function__pos__tabArea__tab__content__sheetBtn {
    cursor: pointer;
  }
  .edit__main__function__pos__tabArea__tab__content__sheetBtn:hover > .edit__main__function__pos__tabArea__tab__content__sheetBtn__icn, .edit__main__function__pos__tabArea__tab__content__sheetBtn:hover > .edit__main__function__pos__tabArea__tab__content__sheetBtn__text {
    opacity: 0.5;
  }
  .edit__main__function__pos__tabArea__tab__content__sheetBtn:active {
    background-color: #E6E6E6;
  }
  .edit__main__function__pos__tabArea__tab__content__sheetBtn:active > .edit__main__function__pos__tabArea__tab__content__sheetBtn__icn, .edit__main__function__pos__tabArea__tab__content__sheetBtn:active > .edit__main__function__pos__tabArea__tab__content__sheetBtn__text {
    opacity: 1;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__content {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__content__item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-font {
    padding: 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-font > .edit__main__function__pos__tabArea__tab__content__item__pulldown {
    margin: 0 0 20px 0;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-size {
    padding: 30px 30px 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-color {
    padding: 30px 30px 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-align {
    padding: 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="font"] .edit__main__function__pos__tabArea__tab__content__item__radioGroup__btn {
    cursor: pointer;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="size"] .edit__main__function__pos__tabArea__tab__content {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="size"] .edit__main__function__pos__tabArea__tab__content__item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="size"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-font {
    padding: 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="size"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-font > .edit__main__function__pos__tabArea__tab__content__item__pulldown {
    margin: 0 0 20px 0;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="size"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-size {
    padding: 30px 30px 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="size"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-color {
    padding: 30px 30px 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="size"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-align {
    padding: 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="size"] .edit__main__function__pos__tabArea__tab__content__item__radioGroup__btn {
    cursor: pointer;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="color"] .edit__main__function__pos__tabArea__tab__content {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="color"] .edit__main__function__pos__tabArea__tab__content__item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="color"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-font {
    padding: 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="color"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-font > .edit__main__function__pos__tabArea__tab__content__item__pulldown {
    margin: 0 0 20px 0;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="color"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-size {
    padding: 30px 30px 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="color"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-color {
    padding: 30px 30px 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="color"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-align {
    padding: 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="color"] .edit__main__function__pos__tabArea__tab__content__item__radioGroup__btn {
    cursor: pointer;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="align"] .edit__main__function__pos__tabArea__tab__content {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="align"] .edit__main__function__pos__tabArea__tab__content__item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="align"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-font {
    padding: 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="align"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-font > .edit__main__function__pos__tabArea__tab__content__item__pulldown {
    margin: 0 0 20px 0;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="align"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-size {
    padding: 30px 30px 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="align"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-color {
    padding: 30px 30px 0 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="align"] .edit__main__function__pos__tabArea__tab__content__item.-modifier-align {
    padding: 30px;
  }
  .edit__main__function__pos__tabArea__tab[data-text-tab="align"] .edit__main__function__pos__tabArea__tab__content__item__radioGroup__btn {
    cursor: pointer;
  }
  .edit__main[data-function-tab="layout"] .edit__main__content {
    left: 421px;
    width: calc(100% - 421px - 61px);
    height: 100%;
  }
  .edit__main[data-function-tab="layout"] .edit__main__function {
    display: block;
    width: 421px;
    height: 100%;
  }
  .edit__main[data-function-tab="layout"] .edit__main__function__pos__btnArea {
    display: block;
    width: 61px;
  }
  .edit__main[data-function-tab="layout"] .edit__main__function__pos__tabArea {
    display: block;
    width: 360px;
  }
  .edit__main[data-function-tab="design"] .edit__main__content {
    left: 421px;
    width: calc(100% - 421px - 61px);
    height: 100%;
  }
  .edit__main[data-function-tab="design"] .edit__main__function {
    display: block;
    width: 421px;
    height: 100%;
  }
  .edit__main[data-function-tab="design"] .edit__main__function__pos__btnArea {
    display: block;
    width: 61px;
  }
  .edit__main[data-function-tab="design"] .edit__main__function__pos__tabArea {
    display: block;
    width: 360px;
  }
  .edit__main[data-function-tab="text"] .edit__main__content {
    left: 421px;
    width: calc(100% - 421px - 61px);
    height: 100%;
  }
  .edit__main[data-function-tab="text"] .edit__main__function {
    display: block;
    width: 421px;
    height: 100%;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__btnArea {
    display: block;
    width: 61px;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea {
    display: block;
    width: 360px;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top {
    display: block;
    width: 100%;
    height: 94px;
    box-sizing: border-box;
    padding: 30px;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__tabList {
    display: none;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__addTextBtnArea {
    width: 100%;
    height: 100%;
    border-left: none;
    padding: 0;
    margin: 0;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__addTextBtnArea__btn {
    padding: 0;
    font-size: 16px;
    text-align: center;
    background-position: 10px;
    background-size: 16px;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__addTextBtnArea__btn:hover {
    background-color: #ff8b18;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__addTextBtnArea__btn:active {
    background-color: #e47100;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    border: solid 2px #462717;
    background-color: #fff;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__selectName {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__selectName:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__selectName:active {
    color: #462717;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__btn {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__list {
    z-index: 1;
    position: absolute;
    top: 39px;
    left: 0;
    display: none;
    width: 100%;
    height: auto;
    max-height: 477px;
    box-sizing: border-box;
    border: solid 1px #B3B3B3;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__list__text {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__list__text.-modifier-selected {
    font-size: 14px;
    font-weight: normal;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__list__text:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__list__text:active {
    color: #462717;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__list > ul {
    display: block;
    width: 100%;
    height: auto;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__list > ul > li {
    display: block;
    width: 100%;
    height: 34px;
    box-sizing: border-box;
    border-bottom: solid 1px #B3B3B3;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown__list > ul > li:last-of-type {
    border-bottom: none;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown.-modifier-open .edit__main__function__pos__tabArea__tab__top__pulldown__btn {
    transform: rotateZ(180deg);
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__pulldown.-modifier-open .edit__main__function__pos__tabArea__tab__top__pulldown__list {
    display: block;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__top__closeBtn {
    display: none;
  }
  .edit__main[data-function-tab="text"] .edit__main__function__pos__tabArea__tab__content {
    height: calc(100% - 94px);
  }
  .edit__main[data-function-tab="stamp"] .edit__main__content {
    left: 421px;
    width: calc(100% - 421px - 61px);
    height: 100%;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function {
    display: block;
    width: 421px;
    height: 100%;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__btnArea {
    display: block;
    width: 61px;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea {
    display: block;
    width: 360px;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top {
    display: block;
    width: 100%;
    height: 94px;
    box-sizing: border-box;
    padding: 30px;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__tabList {
    display: none;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__addTextBtnArea {
    width: 100%;
    height: 100%;
    border-left: none;
    padding: 0;
    margin: 0;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__addTextBtnArea__btn {
    padding: 0;
    font-size: 16px;
    text-align: center;
    background-position: 10px;
    background-size: 16px;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__addTextBtnArea__btn:hover {
    background-color: #ff8b18;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__addTextBtnArea__btn:active {
    background-color: #e47100;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    border: solid 2px #462717;
    background-color: #fff;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__selectName {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__selectName:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__selectName:active {
    color: #462717;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__btn {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__list {
    z-index: 1;
    position: absolute;
    top: 39px;
    left: 0;
    display: none;
    width: 100%;
    height: auto;
    max-height: 477px;
    box-sizing: border-box;
    border: solid 1px #B3B3B3;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__list__text {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__list__text.-modifier-selected {
    font-size: 14px;
    font-weight: normal;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__list__text:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__list__text:active {
    color: #462717;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__list > ul {
    display: block;
    width: 100%;
    height: auto;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__list > ul > li {
    display: block;
    width: 100%;
    height: 34px;
    box-sizing: border-box;
    border-bottom: solid 1px #B3B3B3;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown__list > ul > li:last-of-type {
    border-bottom: none;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown.-modifier-open .edit__main__function__pos__tabArea__tab__top__pulldown__btn {
    transform: rotateZ(180deg);
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__pulldown.-modifier-open .edit__main__function__pos__tabArea__tab__top__pulldown__list {
    display: block;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__top__closeBtn {
    display: none;
  }
  .edit__main[data-function-tab="stamp"] .edit__main__function__pos__tabArea__tab__content {
    height: calc(100% - 94px);
  }
  .edit__main[data-function-tab="addDelete"] .edit__main__content {
    left: 421px;
    width: calc(100% - 421px - 61px);
    height: 100%;
  }
  .edit__main[data-function-tab="addDelete"] .edit__main__function {
    display: block;
    width: 421px;
    height: 100%;
  }
  .edit__main[data-function-tab="addDelete"] .edit__main__function__pos__btnArea {
    display: block;
    width: 61px;
  }
  .edit__main[data-function-tab="addDelete"] .edit__main__function__pos__tabArea {
    display: block;
    width: 360px;
  }
  .edit__main[data-function-tab="addDelete"] .edit__main__function__pos__tabArea__tab__content {
    padding: 30px;
  }
  .edit__main[data-function-tab="addDelete"] .edit__main__function__pos__tabArea__tab__content__sheetBtn {
    height: 140px;
  }
  .edit__main[data-function-tab="addDelete"] .edit__main__function__pos__tabArea__tab__content__sheetBtn__icn {
    height: calc(100% - 60px);
    background-position: center 15px;
    background-size: 60px;
  }
  .edit__main[data-function-tab="addDelete"] .edit__main__function__pos__tabArea__tab__content__sheetBtn__text {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
  }
}

.error {
  /*&__header {
        @include headerBase;
    }*/
  /*&__footer {
        @include footerBase;
    }*/
}

.error__main {
  position: relative;
  display: block;
  width: 100%;
  height: calc(100% - 44px);
  box-sizing: border-box;
  background-color: transparent;
}

.error__main__errorMessageArea__errorMessage__contents__title {
  font-size: 20px;
}

.error__main__errorMessageArea__errorMessage__contents__message {
  font-size: 18px;
}

@media screen and (max-width: 374px) {
  .error__main {
    position: relative;
    display: block;
    width: 100%;
    height: calc(100% - 44px);
    box-sizing: border-box;
    background-color: transparent;
  }
  .error__main__errorMessageArea__errorMessage__contents__title {
    font-size: 16px;
  }
  .error__main__errorMessageArea__errorMessage__contents__message {
    font-size: 14px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1239px) {
  .error__main {
    position: relative;
    display: block;
    width: 100%;
    height: calc(100% - 44px);
    box-sizing: border-box;
    background-color: transparent;
  }
  .error__main__errorMessageArea__errorMessage__contents__title {
    font-size: 16px;
  }
  .error__main__errorMessageArea__errorMessage__contents__message {
    font-size: 14px;
  }
}

@media screen and (min-width: 1240px) and (max-width: 1919px) {
  .error__main {
    position: relative;
    display: block;
    width: 100%;
    height: calc(100% - 44px);
    box-sizing: border-box;
    background-color: transparent;
  }
  .error__main__errorMessageArea__errorMessage__contents__title {
    font-size: 20px;
  }
  .error__main__errorMessageArea__errorMessage__contents__message {
    font-size: 18px;
  }
}

@media screen and (min-width: 1920px) {
  .error__main {
    position: relative;
    display: block;
    width: 100%;
    height: calc(100% - 44px);
    box-sizing: border-box;
    background-color: transparent;
  }
  .error__main__errorMessageArea__errorMessage__contents__title {
    font-size: 20px;
  }
  .error__main__errorMessageArea__errorMessage__contents__message {
    font-size: 18px;
  }
}

.loading {
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  overflow-x: hidden;
  overflow: hidden;
}

.loading__pos {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.loading__pos__uploadContent {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80%;
  max-width: 600px;
}

.loading__pos__uploadContent__loader {
  margin: 40px auto;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  -webkit-animation: uploadLoader 1s infinite ease;
  animation: uploadLoader 1s infinite ease;
}

@-webkit-keyframes uploadLoader {
  0%, 100% {
    box-shadow: 0 -42px 0 0 #fff, 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.5), -29px -29px 0 0 rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.7), 29px -29px 0 0 #fff, 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.5), 29px -29px 0 0 rgba(255, 255, 255, 0.7), 40px 0 0 0 #fff, 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.5), 40px 0 0 0 rgba(255, 255, 255, 0.7), 28px 28px 0 0 #fff, 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.5), 28px 28px 0 0 rgba(255, 255, 255, 0.7), 0 40px 0 0 #fff, -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.5), 0 40px 0 0 rgba(255, 255, 255, 0.7), -29px 29px 0 0 #fff, -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.5), -29px 29px 0 0 rgba(255, 255, 255, 0.7), -42px 0 0 0 #fff, -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.5), -42px 0 0 0 rgba(255, 255, 255, 0.7), -29px -29px 0 0 #fff;
  }
}

@keyframes uploadLoader {
  0%, 100% {
    box-shadow: 0 -42px 0 0 #fff, 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.5), -29px -29px 0 0 rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.7), 29px -29px 0 0 #fff, 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.5), 29px -29px 0 0 rgba(255, 255, 255, 0.7), 40px 0 0 0 #fff, 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.5), 40px 0 0 0 rgba(255, 255, 255, 0.7), 28px 28px 0 0 #fff, 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.5), 28px 28px 0 0 rgba(255, 255, 255, 0.7), 0 40px 0 0 #fff, -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.5), 0 40px 0 0 rgba(255, 255, 255, 0.7), -29px 29px 0 0 #fff, -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.5), -29px 29px 0 0 rgba(255, 255, 255, 0.7), -42px 0 0 0 #fff, -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.5), -42px 0 0 0 rgba(255, 255, 255, 0.7), -29px -29px 0 0 #fff;
  }
}

.loading__pos__uploadContent__msg {
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  padding: 20px 0 40px 0;
  color: #fff;
}

.loading__pos__uploadContent__progressText {
  margin: 0 0 20px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 14px;
  color: #fff;
}

.loading__pos__uploadContent__progressText__separate {
  margin: 0 2px;
}

.loading__pos__uploadContent__progressBar {
  margin: 20px auto;
  width: 100%;
  height: 14px;
  box-sizing: border-box;
  border: solid 2px #fff;
  padding: 2px;
}

.loading__pos__uploadContent__progressBar__receive {
  display: block;
  width: 0;
  height: 6px;
  background-color: #fff;
}

.loading__pos__uploadContent__cancel {
  margin: 80px auto 0;
  display: block;
  width: calc(50% - 10px);
  max-width: 278px;
  height: 34px;
  line-height: 30px;
  box-sizing: border-box;
  border: solid 2px #fff;
  background-color: transparent;
  text-align: center;
  font-size: 14px;
  color: #fff;
}

.loading__pos__content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.loading__pos__content__loader {
  margin: 40px auto;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  -webkit-animation: loader 1s infinite ease;
  animation: loader 1s infinite ease;
}

@-webkit-keyframes loader {
  0%, 100% {
    box-shadow: 0 -42px 0 0 #fff, 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.5), -29px -29px 0 0 rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.7), 29px -29px 0 0 #fff, 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.5), 29px -29px 0 0 rgba(255, 255, 255, 0.7), 40px 0 0 0 #fff, 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.5), 40px 0 0 0 rgba(255, 255, 255, 0.7), 28px 28px 0 0 #fff, 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.5), 28px 28px 0 0 rgba(255, 255, 255, 0.7), 0 40px 0 0 #fff, -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.5), 0 40px 0 0 rgba(255, 255, 255, 0.7), -29px 29px 0 0 #fff, -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.5), -29px 29px 0 0 rgba(255, 255, 255, 0.7), -42px 0 0 0 #fff, -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.5), -42px 0 0 0 rgba(255, 255, 255, 0.7), -29px -29px 0 0 #fff;
  }
}

@keyframes loader {
  0%, 100% {
    box-shadow: 0 -42px 0 0 #fff, 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.5), -29px -29px 0 0 rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.7), 29px -29px 0 0 #fff, 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.5), 29px -29px 0 0 rgba(255, 255, 255, 0.7), 40px 0 0 0 #fff, 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.5), 40px 0 0 0 rgba(255, 255, 255, 0.7), 28px 28px 0 0 #fff, 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.5), 28px 28px 0 0 rgba(255, 255, 255, 0.7), 0 40px 0 0 #fff, -29px 29px 0 0 rgba(255, 255, 255, 0.2), -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.5), 0 40px 0 0 rgba(255, 255, 255, 0.7), -29px 29px 0 0 #fff, -42px 0 0 0 rgba(255, 255, 255, 0.2), -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.5), -29px 29px 0 0 rgba(255, 255, 255, 0.7), -42px 0 0 0 #fff, -29px -29px 0 0 rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0 -42px 0 0 rgba(255, 255, 255, 0.2), 29px -29px 0 0 rgba(255, 255, 255, 0.2), 40px 0 0 0 rgba(255, 255, 255, 0.2), 28px 28px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), -29px 29px 0 0 rgba(255, 255, 255, 0.5), -42px 0 0 0 rgba(255, 255, 255, 0.7), -29px -29px 0 0 #fff;
  }
}

.loading__pos__content__msg {
  font-size: 14px;
  text-align: center;
  padding: 40px 0 0 0;
  color: #fff;
}

@media screen and (max-width: 374px) {
  .loading__pos__content__msg {
    font-size: 12px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1239px) {
  .loading__pos__uploadContent__msg {
    font-size: 16px;
    line-height: 20px;
  }
  .loading__pos__uploadContent__progressText {
    font-size: 16px;
  }
  .loading__pos__content__msg {
    font-size: 16px;
  }
}

@media screen and (min-width: 1240px) and (max-width: 1919px) {
  .loading__pos__uploadContent__msg {
    font-size: 18px;
    line-height: 22px;
  }
  .loading__pos__uploadContent__progressText {
    font-size: 18px;
  }
  .loading__pos__content__msg {
    font-size: 18px;
  }
}

@media screen and (min-width: 1920px) {
  .loading__pos__uploadContent__msg {
    font-size: 18px;
    line-height: 22px;
  }
  .loading__pos__uploadContent__progressText {
    font-size: 18px;
  }
  .loading__pos__content__msg {
    font-size: 18px;
  }
}

.mW {
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  overflow-x: hidden;
  overflow: hidden;
}

.mW__pos {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.mW__pos__photoEditContent {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 100%;
  height: 100%;
}

.mW__pos__photoEditContent__header {
  display: block;
  width: 100%;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 16px;
  color: #fff;
}

.mW__pos__photoEditContent__topArea {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  max-width: 616px;
  height: 54px;
  box-sizing: border-box;
  padding: 0 20px 10px 20px;
  margin: auto;
}

.mW__pos__photoEditContent__topArea__resetBtn {
  display: block;
  width: 40px;
  height: 40px;
  border: none;
  background-color: transparent;
}

.mW__pos__photoEditContent__topArea__resetBtn__icn {
  pointer-events: none;
  display: block;
  width: 100%;
  height: calc(100% - 16px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.mW__pos__photoEditContent__topArea__resetBtn__text {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 10px;
  color: #fff;
}

.mW__pos__photoEditContent__topArea__guideArea {
  display: -webkit-flex;
  display: flex;
  width: auto;
  height: 24px;
  margin: 8px 0;
}

.mW__pos__photoEditContent__topArea__guideArea__label {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  word-break: keep-all;
  white-space: pre;
  width: auto;
  height: 100%;
  line-height: 24px;
  text-align: right;
  font-size: 12px;
  color: #fff;
  box-sizing: border-box;
  padding: 0 10px 0 0;
}

.mW__pos__photoEditContent__topArea__guideArea__btnArea {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 55px;
  height: 100%;
  box-sizing: border-box;
  border: solid 2px #fff;
  border-radius: 12px;
}

.mW__pos__photoEditContent__topArea__guideArea__btnArea__label {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.mW__pos__photoEditContent__topArea__guideArea__btnArea__label__text {
  display: none;
  width: 100%;
  height: 100%;
  line-height: 20px;
  font-size: 10px;
  color: #fff;
  box-sizing: border-box;
}

.mW__pos__photoEditContent__topArea__guideArea__btnArea__label__text.-modifier-on {
  text-align: left;
  padding: 0 0 0 10px;
}

.mW__pos__photoEditContent__topArea__guideArea__btnArea__label__text.-modifier-off {
  display: block;
  text-align: right;
  padding: 0 10px 0 0;
}

.mW__pos__photoEditContent__topArea__guideArea__btnArea__label__btn {
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
}

.mW__pos__photoEditContent__topArea__guideArea__btnArea > input[type="checkbox"] {
  display: none;
}

.mW__pos__photoEditContent__topArea__guideArea__btnArea > input[type="checkbox"]:checked + .mW__pos__photoEditContent__topArea__guideArea__btnArea__label > .mW__pos__photoEditContent__topArea__guideArea__btnArea__label__text.-modifier-on {
  display: block;
}

.mW__pos__photoEditContent__topArea__guideArea__btnArea > input[type="checkbox"]:checked + .mW__pos__photoEditContent__topArea__guideArea__btnArea__label > .mW__pos__photoEditContent__topArea__guideArea__btnArea__label__text.-modifier-off {
  display: none;
}

.mW__pos__photoEditContent__topArea__guideArea__btnArea > input[type="checkbox"]:checked + .mW__pos__photoEditContent__topArea__guideArea__btnArea__label > .mW__pos__photoEditContent__topArea__guideArea__btnArea__label__btn {
  right: 2px;
  left: auto;
}

.mW__pos__photoEditContent__previewArea {
  display: block;
  width: 100%;
  height: calc(100% - 44px - 54px - 60px - 64px);
  box-sizing: border-box;
  padding: 0 20px 10px 20px;
}

.mW__pos__photoEditContent__previewArea__preview {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.mW__pos__photoEditContent__previewArea__preview__img {
  position: relative;
  display: block;
}

.mW__pos__photoEditContent__previewArea__preview__img__resolutionIcn {
  pointer-events: none;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.mW__pos__photoEditContent__functionBtnArea {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  padding: 10px 0;
}

.mW__pos__photoEditContent__functionBtnArea__hr {
  display: block;
  width: 2px;
  height: 100%;
  background-color: #fff;
  margin: 0 5px;
}

.mW__pos__photoEditContent__functionBtnArea__btn {
  display: block;
  width: 40px;
  height: 40px;
  border: none;
  background-color: transparent;
  margin: 0 5px;
}

.mW__pos__photoEditContent__functionBtnArea__btn__icn {
  pointer-events: none;
  display: block;
  width: 100%;
  height: calc(100% - 16px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.mW__pos__photoEditContent__functionBtnArea__btn__text {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 10px;
  color: #fff;
}

.mW__pos__photoEditContent__btnArea {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 64px;
  box-sizing: border-box;
  padding: 10px 20px 0 20px;
}

.mW__pos__photoEditContent__btnArea__btn {
  display: block;
  width: calc(50% - 10px);
  max-width: 278px;
  height: 34px;
  line-height: 30px;
  box-sizing: border-box;
  border: solid 2px #fff;
  background-color: transparent;
  text-align: center;
  font-size: 14px;
  color: #fff;
}

.mW__pos__photoEditContent__btnArea__btn.-modifier-ok {
  margin: 0 0 0 20px;
}

.mW__pos__photoEffectContent {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 100%;
  height: 100%;
}

.mW__pos__photoEffectContent__header {
  display: block;
  width: 100%;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 16px;
  color: #fff;
}

.mW__pos__photoEffectContent__topArea {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
}

.mW__pos__photoEffectContent__topArea__msg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: -webkit-inline-box;
  display: inline-flex;
  width: auto;
  height: 20px;
  line-height: 20px;
  text-align: left;
  font-size: 12px;
  color: #fff;
  letter-spacing: -1px;
}

.mW__pos__photoEffectContent__topArea__msg__mark, .mW__pos__photoEffectContent__topArea__msg__text {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  width: auto;
  height: 100%;
  word-break: keep-all;
  white-space: pre;
}

.mW__pos__photoEffectContent__previewArea {
  display: block;
  width: 100%;
  height: calc(100% - 44px - 40px - 120px - 64px);
  box-sizing: border-box;
  padding: 0 20px 10px 20px;
}

.mW__pos__photoEffectContent__previewArea__preview {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.mW__pos__photoEffectContent__functionBtnArea {
  display: block;
  width: 100%;
  max-width: 1200px;
  height: 120px;
  box-sizing: border-box;
  padding: 5px 0;
  margin: auto;
  overflow-x: auto;
  overflow-y: hidden;
}

.mW__pos__photoEffectContent__functionBtnArea__item {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: solid 2px transparent;
  padding: 5px;
}

.mW__pos__photoEffectContent__functionBtnArea__item__img {
  pointer-events: none;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: calc(100% - 26px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

.mW__pos__photoEffectContent__functionBtnArea__item__text {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 26px;
  line-height: 26px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  pointer-events: none;
}

.mW__pos__photoEffectContent__functionBtnArea__item.-modifier-selected {
  pointer-events: none;
  border: solid 2px #FD7E00;
}

.mW__pos__photoEffectContent__functionBtnArea > ul {
  list-style: none;
  display: -webkit-flex;
  display: flex;
  width: auto;
  height: 100%;
}

.mW__pos__photoEffectContent__functionBtnArea > ul > li {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 110px;
  height: 110px;
  box-sizing: border-box;
  padding: 5px;
}

.mW__pos__photoEffectContent__btnArea {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 64px;
  box-sizing: border-box;
  padding: 10px 20px 0 20px;
}

.mW__pos__photoEffectContent__btnArea__btn {
  display: block;
  width: calc(50% - 10px);
  max-width: 278px;
  height: 34px;
  line-height: 30px;
  box-sizing: border-box;
  border: solid 2px #fff;
  background-color: transparent;
  text-align: center;
  font-size: 14px;
  color: #fff;
}

.mW__pos__photoEffectContent__btnArea__btn.-modifier-ok {
  margin: 0 0 0 20px;
}

@media screen and (max-width: 374px) {
  .mW__pos__photoEditContent__header {
    font-size: 14px;
  }
  .mW__pos__photoEffectContent__header {
    font-size: 14px;
  }
  .mW__pos__photoEffectContent__topArea {
    height: 36px;
  }
  .mW__pos__photoEffectContent__topArea__msg {
    font-size: 10px;
  }
  .mW__pos__photoEffectContent__previewArea {
    height: calc(100% - 44px - 36px - 100px - 64px);
  }
  .mW__pos__photoEffectContent__functionBtnArea {
    height: 100px;
  }
  .mW__pos__photoEffectContent__functionBtnArea__item__img {
    height: calc(100% - 20px);
  }
  .mW__pos__photoEffectContent__functionBtnArea__item__text {
    height: 20px;
    line-height: 20px;
  }
  .mW__pos__photoEffectContent__functionBtnArea > ul > li {
    width: 90px;
    height: 90px;
  }
  .mW__pos__photoEffectContent__btnArea {
    height: 64px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1239px) {
  .mW__pos__photoEditContent__header {
    height: 54px;
    line-height: 54px;
    font-size: 18px;
  }
  .mW__pos__photoEditContent__topArea {
    height: 80px;
    padding: 0 0 20px 0;
  }
  .mW__pos__photoEditContent__topArea__resetBtn {
    width: 60px;
    height: 60px;
  }
  .mW__pos__photoEditContent__topArea__resetBtn__icn {
    height: calc(100% - 20px);
    background-size: 30px;
  }
  .mW__pos__photoEditContent__topArea__resetBtn__text {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
  }
  .mW__pos__photoEditContent__topArea__guideArea {
    height: 30px;
    margin: 15px 0;
  }
  .mW__pos__photoEditContent__topArea__guideArea__label {
    line-height: 30px;
    font-size: 16px;
  }
  .mW__pos__photoEditContent__topArea__guideArea__btnArea {
    width: 70px;
    border-radius: 15px;
  }
  .mW__pos__photoEditContent__topArea__guideArea__btnArea__label__text {
    line-height: 26px;
    font-size: 14px;
  }
  .mW__pos__photoEditContent__topArea__guideArea__btnArea__label__btn {
    top: 4px;
    right: 4px;
    width: 18px;
    height: 18px;
  }
  .mW__pos__photoEditContent__topArea__guideArea__btnArea > input[type="checkbox"]:checked + .mW__pos__photoEditContent__topArea__guideArea__btnArea__label > .mW__pos__photoEditContent__topArea__guideArea__btnArea__label__btn {
    right: 4px;
  }
  .mW__pos__photoEditContent__previewArea {
    height: calc(100% - 54px - 80px - 80px - 64px);
  }
  .mW__pos__photoEditContent__functionBtnArea {
    height: 80px;
  }
  .mW__pos__photoEditContent__functionBtnArea__hr {
    margin: 0 10px;
  }
  .mW__pos__photoEditContent__functionBtnArea__btn {
    width: 60px;
    height: 60px;
    margin: 0 10px;
  }
  .mW__pos__photoEditContent__functionBtnArea__btn__icn {
    height: calc(100% - 20px);
    background-size: 30px;
  }
  .mW__pos__photoEditContent__functionBtnArea__btn__text {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
  }
  .mW__pos__photoEditContent__btnArea {
    height: 64px;
  }
  .mW__pos__photoEffectContent__header {
    height: 54px;
    line-height: 54px;
    font-size: 18px;
  }
  .mW__pos__photoEffectContent__topArea {
    height: 40px;
  }
  .mW__pos__photoEffectContent__topArea__msg {
    font-size: 14px;
  }
  .mW__pos__photoEffectContent__previewArea {
    height: calc(100% - 54px - 40px - 160px - 64px);
  }
  .mW__pos__photoEffectContent__functionBtnArea {
    height: 160px;
  }
  .mW__pos__photoEffectContent__functionBtnArea__item {
    padding: 10px;
  }
  .mW__pos__photoEffectContent__functionBtnArea__item__img {
    height: calc(100% - 30px);
  }
  .mW__pos__photoEffectContent__functionBtnArea__item__text {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }
  .mW__pos__photoEffectContent__functionBtnArea > ul > li {
    width: 150px;
    height: 150px;
  }
  .mW__pos__photoEffectContent__btnArea {
    height: 64px;
  }
}

@media screen and (min-width: 1240px) and (max-width: 1919px) {
  .mW__pos__photoEditContent__header {
    height: 54px;
    line-height: 54px;
    font-size: 20px;
  }
  .mW__pos__photoEditContent__topArea {
    height: 80px;
    padding: 0 0 20px 0;
  }
  .mW__pos__photoEditContent__topArea__resetBtn {
    width: 60px;
    height: 60px;
  }
  .mW__pos__photoEditContent__topArea__resetBtn__icn {
    height: calc(100% - 20px);
    background-size: 30px;
  }
  .mW__pos__photoEditContent__topArea__resetBtn__text {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
  }
  .mW__pos__photoEditContent__topArea__guideArea {
    height: 30px;
    margin: 15px 0;
  }
  .mW__pos__photoEditContent__topArea__guideArea__label {
    line-height: 30px;
    font-size: 16px;
  }
  .mW__pos__photoEditContent__topArea__guideArea__btnArea {
    width: 70px;
    border-radius: 15px;
  }
  .mW__pos__photoEditContent__topArea__guideArea__btnArea__label {
    cursor: pointer;
  }
  .mW__pos__photoEditContent__topArea__guideArea__btnArea__label__text {
    line-height: 26px;
    font-size: 14px;
  }
  .mW__pos__photoEditContent__topArea__guideArea__btnArea__label__btn {
    top: 4px;
    right: 4px;
    width: 18px;
    height: 18px;
  }
  .mW__pos__photoEditContent__topArea__guideArea__btnArea > input[type="checkbox"]:checked + .mW__pos__photoEditContent__topArea__guideArea__btnArea__label > .mW__pos__photoEditContent__topArea__guideArea__btnArea__label__btn {
    right: 4px;
  }
  .mW__pos__photoEditContent__previewArea {
    height: calc(100% - 54px - 80px - 80px - 64px);
  }
  .mW__pos__photoEditContent__functionBtnArea {
    height: 80px;
  }
  .mW__pos__photoEditContent__functionBtnArea__hr {
    margin: 0 10px;
  }
  .mW__pos__photoEditContent__functionBtnArea__btn {
    width: 60px;
    height: 60px;
    margin: 0 10px;
  }
  .mW__pos__photoEditContent__functionBtnArea__btn__icn {
    height: calc(100% - 20px);
    background-size: 30px;
  }
  .mW__pos__photoEditContent__functionBtnArea__btn__text {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
  }
  .mW__pos__photoEditContent__btnArea {
    height: 64px;
  }
  .mW__pos__photoEffectContent__header {
    height: 54px;
    line-height: 54px;
    font-size: 20px;
  }
  .mW__pos__photoEffectContent__topArea {
    height: 40px;
  }
  .mW__pos__photoEffectContent__topArea__msg {
    font-size: 14px;
  }
  .mW__pos__photoEffectContent__previewArea {
    height: calc(100% - 54px - 40px - 160px - 64px);
  }
  .mW__pos__photoEffectContent__functionBtnArea {
    height: 160px;
  }
  .mW__pos__photoEffectContent__functionBtnArea__item {
    cursor: pointer;
    padding: 10px;
  }
  .mW__pos__photoEffectContent__functionBtnArea__item__img {
    height: calc(100% - 30px);
  }
  .mW__pos__photoEffectContent__functionBtnArea__item__text {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }
  .mW__pos__photoEffectContent__functionBtnArea__item:hover {
    opacity: 0.5;
  }
  .mW__pos__photoEffectContent__functionBtnArea__item:hover.-modifier-selected {
    opacity: 1;
  }
  .mW__pos__photoEffectContent__functionBtnArea > ul > li {
    width: 150px;
    height: 150px;
  }
  .mW__pos__photoEffectContent__btnArea {
    height: 64px;
  }
}

@media screen and (min-width: 1920px) {
  .mW__pos__photoEditContent__header {
    height: 54px;
    line-height: 54px;
    font-size: 20px;
  }
  .mW__pos__photoEditContent__topArea {
    height: 80px;
    padding: 0 0 20px 0;
  }
  .mW__pos__photoEditContent__topArea__resetBtn {
    width: 60px;
    height: 60px;
  }
  .mW__pos__photoEditContent__topArea__resetBtn__icn {
    height: calc(100% - 20px);
    background-size: 30px;
  }
  .mW__pos__photoEditContent__topArea__resetBtn__text {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
  }
  .mW__pos__photoEditContent__topArea__guideArea {
    height: 30px;
    margin: 15px 0;
  }
  .mW__pos__photoEditContent__topArea__guideArea__label {
    line-height: 30px;
    font-size: 16px;
  }
  .mW__pos__photoEditContent__topArea__guideArea__btnArea {
    width: 70px;
    border-radius: 15px;
  }
  .mW__pos__photoEditContent__topArea__guideArea__btnArea__label {
    cursor: pointer;
  }
  .mW__pos__photoEditContent__topArea__guideArea__btnArea__label__text {
    line-height: 26px;
    font-size: 14px;
  }
  .mW__pos__photoEditContent__topArea__guideArea__btnArea__label__btn {
    top: 4px;
    right: 4px;
    width: 18px;
    height: 18px;
  }
  .mW__pos__photoEditContent__topArea__guideArea__btnArea > input[type="checkbox"]:checked + .mW__pos__photoEditContent__topArea__guideArea__btnArea__label > .mW__pos__photoEditContent__topArea__guideArea__btnArea__label__btn {
    right: 4px;
  }
  .mW__pos__photoEditContent__previewArea {
    height: calc(100% - 54px - 80px - 80px - 64px);
  }
  .mW__pos__photoEditContent__functionBtnArea {
    height: 80px;
  }
  .mW__pos__photoEditContent__functionBtnArea__hr {
    margin: 0 10px;
  }
  .mW__pos__photoEditContent__functionBtnArea__btn {
    width: 60px;
    height: 60px;
    margin: 0 10px;
  }
  .mW__pos__photoEditContent__functionBtnArea__btn__icn {
    height: calc(100% - 20px);
    background-size: 30px;
  }
  .mW__pos__photoEditContent__functionBtnArea__btn__text {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
  }
  .mW__pos__photoEditContent__btnArea {
    height: 64px;
  }
  .mW__pos__photoEffectContent__header {
    height: 54px;
    line-height: 54px;
    font-size: 20px;
  }
  .mW__pos__photoEffectContent__topArea {
    height: 40px;
  }
  .mW__pos__photoEffectContent__topArea__msg {
    font-size: 14px;
  }
  .mW__pos__photoEffectContent__previewArea {
    height: calc(100% - 54px - 40px - 160px - 64px);
  }
  .mW__pos__photoEffectContent__functionBtnArea {
    height: 160px;
  }
  .mW__pos__photoEffectContent__functionBtnArea__item {
    cursor: pointer;
    padding: 10px;
  }
  .mW__pos__photoEffectContent__functionBtnArea__item__img {
    height: calc(100% - 30px);
  }
  .mW__pos__photoEffectContent__functionBtnArea__item__text {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }
  .mW__pos__photoEffectContent__functionBtnArea__item:hover {
    opacity: 0.5;
  }
  .mW__pos__photoEffectContent__functionBtnArea__item:hover.-modifier-selected {
    opacity: 1;
  }
  .mW__pos__photoEffectContent__functionBtnArea > ul > li {
    width: 150px;
    height: 150px;
  }
  .mW__pos__photoEffectContent__btnArea {
    height: 64px;
  }
}

.popup {
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  overflow-x: hidden;
  overflow: hidden;
}

.popup__pos {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.popup__pos__photoSelectContent {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-color: #fff;
}

.popup__pos__photoSelectContent__header {
  display: block;
  width: 100%;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

.popup__pos__photoSelectContent__topArea {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  width: 100%;
  height: 54px;
  box-sizing: border-box;
  padding: 10px;
}

.popup__pos__photoSelectContent__topArea__uploadBtn {
  display: -webkit-flex;
  display: flex;
  width: 200px;
  height: 34px;
  box-sizing: border-box;
  border: solid 2px #462717;
}

.popup__pos__photoSelectContent__topArea__uploadBtn__icn {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
}

.popup__pos__photoSelectContent__topArea__uploadBtn__text {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 30px;
  font-size: 14px;
}

.popup__pos__photoSelectContent__topArea__uploadBtn > input[type="file"] {
  display: none;
}

.popup__pos__photoSelectContent__topArea__uploadBtn:active {
  background-color: #E6E6E6;
}

.popup__pos__photoSelectContent__scrollArea {
  position: relative;
  display: block;
  width: 100%;
  height: calc(100% - 44px - 34px - 10px - 10px - 34px - 20px - 20px);
  overflow-x: hidden;
  overflow-y: auto;
}

.popup__pos__photoSelectContent__scrollArea__albumArea {
  position: absolute;
  top: 0;
  left: 10px;
  display: block;
  width: calc(100% - 10px - 10px);
  height: auto;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album {
  display: block;
  width: 100%;
  height: auto;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea {
  position: relative;
  display: block;
  width: calc(100% - 2px);
  height: 26px;
  box-sizing: border-box;
  border-top: solid 2px #462717;
  margin: auto;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea__icn {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea__text {
  position: absolute;
  bottom: 0;
  left: 24px;
  display: inline-block;
  word-break: keep-all;
  white-space: pre;
  width: calc(100% - 24px);
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea__uploadLimit {
  position: absolute;
  bottom: 0;
  right: 5px;
  display: -webkit-flex;
  display: flex;
  width: auto;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea__uploadLimit__separate {
  margin: 0 2px;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea {
  display: block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 0 0 10px 0;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: solid 3px transparent;
  background-color: #E6E6E6;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo > img {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  outline: solid 1px #B3B3B3;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo__brokenImg {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: none;
  width: 30%;
  height: 30%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo__loading {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: none;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  -webkit-animation: imgLoader 1s infinite ease;
  animation: imgLoader 1s infinite ease;
}

@-webkit-keyframes imgLoader {
  0%, 100% {
    box-shadow: 0 -10px 0 0 #B3B3B3, 7px -7px 0 0 rgba(179, 179, 179, 0.2), 10px 0 0 0 rgba(179, 179, 179, 0.2), 7px 7px 0 0 rgba(179, 179, 179, 0.2), 0 10px 0 0 rgba(179, 179, 179, 0.2), -7px 7px 0 0 rgba(179, 179, 179, 0.2), -10px 0 0 0 rgba(179, 179, 179, 0.5), -7px -7px 0 0 rgba(179, 179, 179, 0.7);
  }
  12.5% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.7), 7px -7px 0 0 #B3B3B3, 10px 0 0 0 rgba(179, 179, 179, 0.2), 7px 7px 0 0 rgba(179, 179, 179, 0.2), 0 10px 0 0 rgba(179, 179, 179, 0.2), -7px 7px 0 0 rgba(179, 179, 179, 0.2), -10px 0 0 0 rgba(179, 179, 179, 0.2), -7px -7px 0 0 rgba(179, 179, 179, 0.5);
  }
  25% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.5), 7px -7px 0 0 rgba(179, 179, 179, 0.7), 10px 0 0 0 #B3B3B3, 7px 7px 0 0 rgba(179, 179, 179, 0.2), 0 10px 0 0 rgba(179, 179, 179, 0.2), -7px 7px 0 0 rgba(179, 179, 179, 0.2), -10px 0 0 0 rgba(179, 179, 179, 0.2), -7px -7px 0 0 rgba(179, 179, 179, 0.2);
  }
  37.5% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.2), 7px -7px 0 0 rgba(179, 179, 179, 0.5), 10px 0 0 0 rgba(179, 179, 179, 0.7), 7px 7px 0 0 #B3B3B3, 0 10px 0 0 rgba(179, 179, 179, 0.2), -7px 7px 0 0 rgba(179, 179, 179, 0.2), -10px 0 0 0 rgba(179, 179, 179, 0.2), -7px -7px 0 0 rgba(179, 179, 179, 0.2);
  }
  50% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.2), 7px -7px 0 0 rgba(179, 179, 179, 0.2), 10px 0 0 0 rgba(179, 179, 179, 0.5), 7px 7px 0 0 rgba(179, 179, 179, 0.7), 0 10px 0 0 #B3B3B3, -7px 7px 0 0 rgba(179, 179, 179, 0.2), -10px 0 0 0 rgba(179, 179, 179, 0.2), -7px -7px 0 0 rgba(179, 179, 179, 0.2);
  }
  62.5% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.2), 7px -7px 0 0 rgba(179, 179, 179, 0.2), 10px 0 0 0 rgba(179, 179, 179, 0.2), 7px 7px 0 0 rgba(179, 179, 179, 0.5), 0 10px 0 0 rgba(179, 179, 179, 0.7), -7px 7px 0 0 #B3B3B3, -10px 0 0 0 rgba(179, 179, 179, 0.2), -7px -7px 0 0 rgba(179, 179, 179, 0.2);
  }
  75% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.2), 7px -7px 0 0 rgba(179, 179, 179, 0.2), 10px 0 0 0 rgba(179, 179, 179, 0.2), 7px 7px 0 0 rgba(179, 179, 179, 0.2), 0 10px 0 0 rgba(179, 179, 179, 0.5), -7px 7px 0 0 rgba(179, 179, 179, 0.7), -10px 0 0 0 #B3B3B3, -7px -7px 0 0 rgba(179, 179, 179, 0.2);
  }
  87.5% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.2), 7px -7px 0 0 rgba(179, 179, 179, 0.2), 10px 0 0 0 rgba(179, 179, 179, 0.2), 7px 7px 0 0 rgba(179, 179, 179, 0.2), 0 10px 0 0 rgba(179, 179, 179, 0.2), -7px 7px 0 0 rgba(179, 179, 179, 0.5), -10px 0 0 0 rgba(179, 179, 179, 0.7), -7px -7px 0 0 #B3B3B3;
  }
}

@keyframes imgLoader {
  0%, 100% {
    box-shadow: 0 -10px 0 0 #B3B3B3, 7px -7px 0 0 rgba(179, 179, 179, 0.2), 10px 0 0 0 rgba(179, 179, 179, 0.2), 7px 7px 0 0 rgba(179, 179, 179, 0.2), 0 10px 0 0 rgba(179, 179, 179, 0.2), -7px 7px 0 0 rgba(179, 179, 179, 0.2), -10px 0 0 0 rgba(179, 179, 179, 0.5), -7px -7px 0 0 rgba(179, 179, 179, 0.7);
  }
  12.5% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.7), 7px -7px 0 0 #B3B3B3, 10px 0 0 0 rgba(179, 179, 179, 0.2), 7px 7px 0 0 rgba(179, 179, 179, 0.2), 0 10px 0 0 rgba(179, 179, 179, 0.2), -7px 7px 0 0 rgba(179, 179, 179, 0.2), -10px 0 0 0 rgba(179, 179, 179, 0.2), -7px -7px 0 0 rgba(179, 179, 179, 0.5);
  }
  25% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.5), 7px -7px 0 0 rgba(179, 179, 179, 0.7), 10px 0 0 0 #B3B3B3, 7px 7px 0 0 rgba(179, 179, 179, 0.2), 0 10px 0 0 rgba(179, 179, 179, 0.2), -7px 7px 0 0 rgba(179, 179, 179, 0.2), -10px 0 0 0 rgba(179, 179, 179, 0.2), -7px -7px 0 0 rgba(179, 179, 179, 0.2);
  }
  37.5% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.2), 7px -7px 0 0 rgba(179, 179, 179, 0.5), 10px 0 0 0 rgba(179, 179, 179, 0.7), 7px 7px 0 0 #B3B3B3, 0 10px 0 0 rgba(179, 179, 179, 0.2), -7px 7px 0 0 rgba(179, 179, 179, 0.2), -10px 0 0 0 rgba(179, 179, 179, 0.2), -7px -7px 0 0 rgba(179, 179, 179, 0.2);
  }
  50% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.2), 7px -7px 0 0 rgba(179, 179, 179, 0.2), 10px 0 0 0 rgba(179, 179, 179, 0.5), 7px 7px 0 0 rgba(179, 179, 179, 0.7), 0 10px 0 0 #B3B3B3, -7px 7px 0 0 rgba(179, 179, 179, 0.2), -10px 0 0 0 rgba(179, 179, 179, 0.2), -7px -7px 0 0 rgba(179, 179, 179, 0.2);
  }
  62.5% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.2), 7px -7px 0 0 rgba(179, 179, 179, 0.2), 10px 0 0 0 rgba(179, 179, 179, 0.2), 7px 7px 0 0 rgba(179, 179, 179, 0.5), 0 10px 0 0 rgba(179, 179, 179, 0.7), -7px 7px 0 0 #B3B3B3, -10px 0 0 0 rgba(179, 179, 179, 0.2), -7px -7px 0 0 rgba(179, 179, 179, 0.2);
  }
  75% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.2), 7px -7px 0 0 rgba(179, 179, 179, 0.2), 10px 0 0 0 rgba(179, 179, 179, 0.2), 7px 7px 0 0 rgba(179, 179, 179, 0.2), 0 10px 0 0 rgba(179, 179, 179, 0.5), -7px 7px 0 0 rgba(179, 179, 179, 0.7), -10px 0 0 0 #B3B3B3, -7px -7px 0 0 rgba(179, 179, 179, 0.2);
  }
  87.5% {
    box-shadow: 0 -10px 0 0 rgba(179, 179, 179, 0.2), 7px -7px 0 0 rgba(179, 179, 179, 0.2), 10px 0 0 0 rgba(179, 179, 179, 0.2), 7px 7px 0 0 rgba(179, 179, 179, 0.2), 0 10px 0 0 rgba(179, 179, 179, 0.2), -7px 7px 0 0 rgba(179, 179, 179, 0.5), -10px 0 0 0 rgba(179, 179, 179, 0.7), -7px -7px 0 0 #B3B3B3;
  }
}

@-webkit-keyframes imgLoaderL {
  0%, 100% {
    box-shadow: 0 -20px 0 0 #B3B3B3, 14px -14px 0 0 rgba(179, 179, 179, 0.2), 20px 0 0 0 rgba(179, 179, 179, 0.2), 14px 14px 0 0 rgba(179, 179, 179, 0.2), 0 20px 0 0 rgba(179, 179, 179, 0.2), -14px 14px 0 0 rgba(179, 179, 179, 0.2), -20px 0 0 0 rgba(179, 179, 179, 0.5), -14px -14px 0 0 rgba(179, 179, 179, 0.7);
  }
  12.5% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.7), 14px -14px 0 0 #B3B3B3, 20px 0 0 0 rgba(179, 179, 179, 0.2), 14px 14px 0 0 rgba(179, 179, 179, 0.2), 0 20px 0 0 rgba(179, 179, 179, 0.2), -14px 14px 0 0 rgba(179, 179, 179, 0.2), -20px 0 0 0 rgba(179, 179, 179, 0.2), -14px -14px 0 0 rgba(179, 179, 179, 0.5);
  }
  25% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.5), 14px -14px 0 0 rgba(179, 179, 179, 0.7), 20px 0 0 0 #B3B3B3, 14px 14px 0 0 rgba(179, 179, 179, 0.2), 0 20px 0 0 rgba(179, 179, 179, 0.2), -14px 14px 0 0 rgba(179, 179, 179, 0.2), -20px 0 0 0 rgba(179, 179, 179, 0.2), -14px -14px 0 0 rgba(179, 179, 179, 0.2);
  }
  37.5% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.2), 14px -14px 0 0 rgba(179, 179, 179, 0.5), 20px 0 0 0 rgba(179, 179, 179, 0.7), 14px 14px 0 0 #B3B3B3, 0 20px 0 0 rgba(179, 179, 179, 0.2), -14px 14px 0 0 rgba(179, 179, 179, 0.2), -20px 0 0 0 rgba(179, 179, 179, 0.2), -14px -14px 0 0 rgba(179, 179, 179, 0.2);
  }
  50% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.2), 14px -14px 0 0 rgba(179, 179, 179, 0.2), 20px 0 0 0 rgba(179, 179, 179, 0.5), 14px 14px 0 0 rgba(179, 179, 179, 0.7), 0 20px 0 0 #B3B3B3, -14px 14px 0 0 rgba(179, 179, 179, 0.2), -20px 0 0 0 rgba(179, 179, 179, 0.2), -14px -14px 0 0 rgba(179, 179, 179, 0.2);
  }
  62.5% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.2), 14px -14px 0 0 rgba(179, 179, 179, 0.2), 20px 0 0 0 rgba(179, 179, 179, 0.2), 14px 14px 0 0 rgba(179, 179, 179, 0.5), 0 20px 0 0 rgba(179, 179, 179, 0.7), -14px 14px 0 0 #B3B3B3, -20px 0 0 0 rgba(179, 179, 179, 0.2), -14px -14px 0 0 rgba(179, 179, 179, 0.2);
  }
  75% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.2), 14px -14px 0 0 rgba(179, 179, 179, 0.2), 20px 0 0 0 rgba(179, 179, 179, 0.2), 14px 14px 0 0 rgba(179, 179, 179, 0.2), 0 20px 0 0 rgba(179, 179, 179, 0.5), -14px 14px 0 0 rgba(179, 179, 179, 0.7), -20px 0 0 0 #B3B3B3, -14px -14px 0 0 rgba(179, 179, 179, 0.2);
  }
  87.5% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.2), 14px -14px 0 0 rgba(179, 179, 179, 0.2), 20px 0 0 0 rgba(179, 179, 179, 0.2), 14px 14px 0 0 rgba(179, 179, 179, 0.2), 0 20px 0 0 rgba(179, 179, 179, 0.2), -14px 14px 0 0 rgba(179, 179, 179, 0.5), -20px 0 0 0 rgba(179, 179, 179, 0.7), -14px -14px 0 0 #B3B3B3;
  }
}

@keyframes imgLoaderL {
  0%, 100% {
    box-shadow: 0 -20px 0 0 #B3B3B3, 14px -14px 0 0 rgba(179, 179, 179, 0.2), 20px 0 0 0 rgba(179, 179, 179, 0.2), 14px 14px 0 0 rgba(179, 179, 179, 0.2), 0 20px 0 0 rgba(179, 179, 179, 0.2), -14px 14px 0 0 rgba(179, 179, 179, 0.2), -20px 0 0 0 rgba(179, 179, 179, 0.5), -14px -14px 0 0 rgba(179, 179, 179, 0.7);
  }
  12.5% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.7), 14px -14px 0 0 #B3B3B3, 20px 0 0 0 rgba(179, 179, 179, 0.2), 14px 14px 0 0 rgba(179, 179, 179, 0.2), 0 20px 0 0 rgba(179, 179, 179, 0.2), -14px 14px 0 0 rgba(179, 179, 179, 0.2), -20px 0 0 0 rgba(179, 179, 179, 0.2), -14px -14px 0 0 rgba(179, 179, 179, 0.5);
  }
  25% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.5), 14px -14px 0 0 rgba(179, 179, 179, 0.7), 20px 0 0 0 #B3B3B3, 14px 14px 0 0 rgba(179, 179, 179, 0.2), 0 20px 0 0 rgba(179, 179, 179, 0.2), -14px 14px 0 0 rgba(179, 179, 179, 0.2), -20px 0 0 0 rgba(179, 179, 179, 0.2), -14px -14px 0 0 rgba(179, 179, 179, 0.2);
  }
  37.5% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.2), 14px -14px 0 0 rgba(179, 179, 179, 0.5), 20px 0 0 0 rgba(179, 179, 179, 0.7), 14px 14px 0 0 #B3B3B3, 0 20px 0 0 rgba(179, 179, 179, 0.2), -14px 14px 0 0 rgba(179, 179, 179, 0.2), -20px 0 0 0 rgba(179, 179, 179, 0.2), -14px -14px 0 0 rgba(179, 179, 179, 0.2);
  }
  50% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.2), 14px -14px 0 0 rgba(179, 179, 179, 0.2), 20px 0 0 0 rgba(179, 179, 179, 0.5), 14px 14px 0 0 rgba(179, 179, 179, 0.7), 0 20px 0 0 #B3B3B3, -14px 14px 0 0 rgba(179, 179, 179, 0.2), -20px 0 0 0 rgba(179, 179, 179, 0.2), -14px -14px 0 0 rgba(179, 179, 179, 0.2);
  }
  62.5% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.2), 14px -14px 0 0 rgba(179, 179, 179, 0.2), 20px 0 0 0 rgba(179, 179, 179, 0.2), 14px 14px 0 0 rgba(179, 179, 179, 0.5), 0 20px 0 0 rgba(179, 179, 179, 0.7), -14px 14px 0 0 #B3B3B3, -20px 0 0 0 rgba(179, 179, 179, 0.2), -14px -14px 0 0 rgba(179, 179, 179, 0.2);
  }
  75% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.2), 14px -14px 0 0 rgba(179, 179, 179, 0.2), 20px 0 0 0 rgba(179, 179, 179, 0.2), 14px 14px 0 0 rgba(179, 179, 179, 0.2), 0 20px 0 0 rgba(179, 179, 179, 0.5), -14px 14px 0 0 rgba(179, 179, 179, 0.7), -20px 0 0 0 #B3B3B3, -14px -14px 0 0 rgba(179, 179, 179, 0.2);
  }
  87.5% {
    box-shadow: 0 -20px 0 0 rgba(179, 179, 179, 0.2), 14px -14px 0 0 rgba(179, 179, 179, 0.2), 20px 0 0 0 rgba(179, 179, 179, 0.2), 14px 14px 0 0 rgba(179, 179, 179, 0.2), 0 20px 0 0 rgba(179, 179, 179, 0.2), -14px 14px 0 0 rgba(179, 179, 179, 0.5), -20px 0 0 0 rgba(179, 179, 179, 0.7), -14px -14px 0 0 #B3B3B3;
  }
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo__selected {
  pointer-events: none;
  position: absolute;
  top: -3px;
  left: -3px;
  display: none;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  box-sizing: border-box;
  border: solid 2px #FD7E00;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo__used {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  width: 18%;
  height: 18%;
  border-radius: 50%;
  background-color: #FD7E00;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 65%;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo.-modifier-brokenImg {
  pointer-events: none;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo.-modifier-brokenImg > .popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo__brokenImg {
  display: block;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo.-modifier-brokenImg > img {
  visibility: hidden;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo.-modifier-loading {
  pointer-events: none;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo.-modifier-loading > .popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo__loading {
  display: block;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo.-modifier-loading > img {
  visibility: hidden;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo.-modifier-selected > .popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo__selected {
  display: block;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo.-modifier-used > .popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo__used {
  display: block;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea > ul {
  list-style: none;
  display: none;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea > ul > li {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: calc(33.333vw - 10px/3 - 10px/3);
  height: calc(33.333vw - 10px/3 - 10px/3);
  box-sizing: border-box;
  padding: 1px;
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album.-modifier-open .popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea__icn {
  transform: rotate(180deg);
}

.popup__pos__photoSelectContent__scrollArea__albumArea__album.-modifier-open .popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea > ul {
  display: -webkit-flex;
  display: flex;
}

.popup__pos__photoSelectContent__footer {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 74px;
  box-sizing: border-box;
  padding: 20px 10px;
}

.popup__pos__photoSelectContent__footer__btn {
  display: block;
  width: calc(50% - 10px/2);
  height: 34px;
  line-height: 32px;
  box-sizing: border-box;
  border: solid 2px #462717;
  background-color: transparent;
  text-align: center;
  font-size: 14px;
}

.popup__pos__photoSelectContent__footer__btn.-modifier-ok {
  margin: 0 0 0 20px;
}

.popup__pos__photoSelectContent__footer__btn:active {
  background-color: #E6E6E6;
}

.popup__pos__photoSelectContent.-modifier-notice .popup__pos__photoSelectContent__topArea {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.popup__pos__photoSelectContent.-modifier-notice .popup__pos__photoSelectContent__topArea__noticeArea {
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.popup__pos__textEditContent {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 90%;
  max-width: 500px;
  height: auto;
  box-sizing: border-box;
  padding: 10px;
  background-color: #fff;
}

.popup__pos__textEditContent__textArea {
  display: block;
  width: 100%;
  height: 140px;
  box-sizing: border-box;
  border: none;
  padding: 10px;
  background-color: #E6E6E6;
  font-size: 14px;
  line-height: 18px;
  resize: none;
}

.popup__pos__textEditContent__msg {
  display: block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 10px 0 0 0;
  font-size: 12px;
  line-height: 16px;
}

.popup__pos__textEditContent__btnArea {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 44px;
  box-sizing: border-box;
  padding: 10px 0 0 0;
}

.popup__pos__textEditContent__btnArea__btn {
  display: block;
  width: calc(50% - 10px/2);
  height: 34px;
  line-height: 30px;
  box-sizing: border-box;
  border: solid 2px #462717;
  background-color: transparent;
  text-align: center;
  font-size: 14px;
}

.popup__pos__textEditContent__btnArea__btn.-modifier-ok {
  margin: 0 0 0 20px;
}

.popup__pos__textEditContent__btnArea__btn:active {
  background-color: #E6E6E6;
}

.popup__pos__content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 90%;
  max-width: 500px;
  height: auto;
  box-sizing: border-box;
  padding: 10px;
  background-color: #fff;
}

.popup__pos__content__msg {
  display: block;
  width: 100%;
  height: auto;
  min-height: 110px;
  max-height: 350px;
  box-sizing: border-box;
  padding: 10px;
  background-color: #E6E6E6;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 14px;
  line-height: 18px;
}

.popup__pos__content__btnArea {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 44px;
  box-sizing: border-box;
  padding: 10px 0 0 0;
}

.popup__pos__content__btnArea__btn {
  display: block;
  width: calc(50% - 10px/2);
  height: 34px;
  line-height: 30px;
  box-sizing: border-box;
  border: solid 2px #462717;
  background-color: transparent;
  text-align: center;
  font-size: 14px;
}

.popup__pos__content__btnArea__btn.-modifier-ok {
  margin: 0 0 0 20px;
}

.popup__pos__content__btnArea__btn:active {
  background-color: #E6E6E6;
}

@media screen and (max-width: 374px) {
  .popup__pos__photoSelectContent__header {
    font-size: 14px;
  }
  .popup__pos__content__msg {
    max-height: 280px;
  }
}

@media screen and (max-width: 767px) {
  .popup__pos__photoSelectContent.-modifier-notice .popup__pos__photoSelectContent__topArea {
    flex-flow: column;
    align-items: flex-end;
    justify-content: start;
    height: 92px;
  }
  .popup__pos__photoSelectContent.-modifier-notice .popup__pos__photoSelectContent__topArea__noticeArea {
    align-items: initial;
    padding-bottom: 10px;
    font-size: 14px;
  }
  .popup__pos__photoSelectContent.-modifier-notice .popup__pos__photoSelectContent__scrollArea {
    height: calc(100% - 44px - 34px - 10px - 10px - 34px - 20px - 20px - 10px - 28px);
  }
}

@media screen and (min-width: 768px) and (max-width: 1239px) {
  .popup__pos__photoSelectContent__header {
    height: 54px;
    line-height: 54px;
    font-size: 18px;
  }
  .popup__pos__photoSelectContent__topArea {
    height: 74px;
    padding: 20px 25px;
  }
  .popup__pos__photoSelectContent__topArea__uploadBtn {
    width: 220px;
  }
  .popup__pos__photoSelectContent__topArea__uploadBtn__text {
    font-size: 16px;
  }
  .popup__pos__photoSelectContent__scrollArea {
    height: calc(100% - 54px - 34px - 20px - 20px - 34px - 20px - 20px);
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea {
    left: 20px;
    width: calc(100% - 20px - 20px);
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea {
    width: calc(100% - 10px);
    height: 40px;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea__icn {
    width: 38px;
    height: 38px;
    background-size: 14px;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea__text {
    left: 38px;
    width: calc(100% - 38px);
    height: 38px;
    line-height: 38px;
    font-size: 14px;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea__uploadLimit {
    right: 10px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea {
    padding: 0 0 20px 0;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo__loading {
    width: 10px;
    height: 10px;
    -webkit-animation: imgLoaderL 1s infinite ease;
    animation: imgLoaderL 1s infinite ease;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea > ul > li {
    width: calc(25vw - 20px/4 - 20px/4);
    height: calc(25vw - 20px/4 - 20px/4);
    padding: 5px;
  }
  .popup__pos__photoSelectContent__footer {
    height: 74px;
    padding: 20px 15%;
  }
  .popup__pos__photoSelectContent__footer__btn {
    width: calc(50% - 20px/2);
    font-size: 16px;
  }
  .popup__pos__photoSelectContent.-modifier-notice .popup__pos__photoSelectContent__topArea {
    flex-flow: column;
    align-items: flex-end;
    justify-content: start;
    height: 100px;
  }
  .popup__pos__photoSelectContent.-modifier-notice .popup__pos__photoSelectContent__topArea__noticeArea {
    align-items: initial;
    padding-bottom: 10px;
    font-size: 16px;
  }
  .popup__pos__photoSelectContent.-modifier-notice .popup__pos__photoSelectContent__scrollArea {
    height: calc(100% - 54px - 34px - 20px - 20px - 34px - 20px - 20px - 10px - 16px);
  }
  .popup__pos__textEditContent {
    padding: 20px;
  }
  .popup__pos__textEditContent__textArea {
    font-size: 16px;
    line-height: 20px;
  }
  .popup__pos__textEditContent__msg {
    font-size: 14px;
    line-height: 18px;
  }
  .popup__pos__textEditContent__btnArea {
    height: 54px;
    padding: 20px 0 0 0;
  }
  .popup__pos__textEditContent__btnArea__btn {
    width: calc(50% - 20px/2);
    font-size: 16px;
  }
  .popup__pos__content {
    padding: 20px;
  }
  .popup__pos__content__msg {
    min-height: 180px;
    max-height: 500px;
    font-size: 16px;
    line-height: 20px;
  }
  .popup__pos__content__btnArea {
    height: 54px;
    padding: 20px 0 0 0;
  }
  .popup__pos__content__btnArea__btn {
    width: calc(50% - 20px/2);
    font-size: 16px;
  }
}

@media screen and (min-width: 1240px) and (max-width: 1919px) {
  .popup__pos__photoSelectContent {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 1152px;
    height: 560px;
  }
  .popup__pos__photoSelectContent__header {
    height: 54px;
    line-height: 54px;
    font-size: 18px;
  }
  .popup__pos__photoSelectContent__topArea {
    height: 74px;
    padding: 20px 25px;
    border-top: solid 1px #E6E6E6;
  }
  .popup__pos__photoSelectContent__topArea__uploadBtn {
    cursor: pointer;
    width: 220px;
  }
  .popup__pos__photoSelectContent__topArea__uploadBtn__text {
    font-size: 16px;
  }
  .popup__pos__photoSelectContent__topArea__uploadBtn:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .popup__pos__photoSelectContent__topArea__uploadBtn:active {
    color: #462717;
  }
  .popup__pos__photoSelectContent__scrollArea {
    height: calc(100% - 54px - 34px - 20px - 20px - 34px - 20px - 20px);
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea {
    left: 20px;
    width: 1112px;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea {
    width: calc(100% - 10px);
    height: 40px;
    cursor: pointer;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea__icn {
    width: 38px;
    height: 38px;
    background-size: 14px;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea__text {
    left: 38px;
    width: calc(100% - 38px);
    height: 38px;
    line-height: 38px;
    font-size: 14px;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea__uploadLimit {
    right: 10px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea:hover .popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea__text {
    color: rgba(70, 39, 23, 0.5);
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea:active .popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea__text {
    color: #462717;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea {
    padding: 0 0 20px 0;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo {
    cursor: pointer;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo__loading {
    width: 10px;
    height: 10px;
    -webkit-animation: imgLoaderL 1s infinite ease;
    animation: imgLoaderL 1s infinite ease;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo:hover {
    opacity: 0.5;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo:hover.-modifier-selected {
    opacity: 1;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea > ul > li {
    width: 185.33px;
    height: 185.33px;
    padding: 5px;
  }
  .popup__pos__photoSelectContent__footer {
    height: 74px;
    padding: 20px 25%;
  }
  .popup__pos__photoSelectContent__footer__btn {
    width: calc(50% - 20px/2);
    font-size: 16px;
  }
  .popup__pos__photoSelectContent__footer__btn:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .popup__pos__photoSelectContent__footer__btn:active {
    color: #462717;
  }
  .popup__pos__textEditContent {
    padding: 20px;
  }
  .popup__pos__textEditContent__textArea {
    font-size: 16px;
    line-height: 20px;
  }
  .popup__pos__textEditContent__msg {
    font-size: 14px;
    line-height: 18px;
  }
  .popup__pos__textEditContent__btnArea {
    height: 54px;
    padding: 20px 0 0 0;
  }
  .popup__pos__textEditContent__btnArea__btn {
    width: calc(50% - 20px/2);
    font-size: 16px;
  }
  .popup__pos__textEditContent__btnArea__btn:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .popup__pos__textEditContent__btnArea__btn:active {
    color: #462717;
  }
  .popup__pos__content {
    padding: 20px;
  }
  .popup__pos__content__msg {
    min-height: 180px;
    max-height: 350px;
    font-size: 16px;
    line-height: 20px;
  }
  .popup__pos__content__btnArea {
    height: 54px;
    padding: 20px 0 0 0;
  }
  .popup__pos__content__btnArea__btn {
    width: calc(50% - 20px/2);
    font-size: 16px;
  }
  .popup__pos__content__btnArea__btn:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .popup__pos__content__btnArea__btn:active {
    color: #462717;
  }
}

@media screen and (min-width: 1920px) {
  .popup__pos__photoSelectContent {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 1152px;
    height: 750px;
  }
  .popup__pos__photoSelectContent__header {
    height: 54px;
    line-height: 54px;
    font-size: 18px;
  }
  .popup__pos__photoSelectContent__topArea {
    height: 74px;
    padding: 20px 25px;
    border-top: solid 1px #E6E6E6;
  }
  .popup__pos__photoSelectContent__topArea__uploadBtn {
    cursor: pointer;
    width: 220px;
  }
  .popup__pos__photoSelectContent__topArea__uploadBtn__text {
    font-size: 16px;
  }
  .popup__pos__photoSelectContent__topArea__uploadBtn:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .popup__pos__photoSelectContent__topArea__uploadBtn:active {
    color: #462717;
  }
  .popup__pos__photoSelectContent__scrollArea {
    height: calc(100% - 54px - 34px - 20px - 20px - 34px - 20px - 20px);
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea {
    left: 20px;
    width: 1112px;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea {
    width: calc(100% - 10px);
    height: 40px;
    cursor: pointer;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea__icn {
    width: 38px;
    height: 38px;
    background-size: 14px;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea__text {
    left: 38px;
    width: calc(100% - 38px);
    height: 38px;
    line-height: 38px;
    font-size: 14px;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea__uploadLimit {
    right: 10px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea:hover .popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea__text {
    color: rgba(70, 39, 23, 0.5);
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea:active .popup__pos__photoSelectContent__scrollArea__albumArea__album__labelArea__text {
    color: #462717;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea {
    padding: 0 0 20px 0;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo {
    cursor: pointer;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo__loading {
    width: 10px;
    height: 10px;
    -webkit-animation: imgLoaderL 1s infinite ease;
    animation: imgLoaderL 1s infinite ease;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo:hover {
    opacity: 0.5;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea__photo:hover.-modifier-selected {
    opacity: 1;
  }
  .popup__pos__photoSelectContent__scrollArea__albumArea__album__photoArea > ul > li {
    width: 185.33px;
    height: 185.33px;
    padding: 5px;
  }
  .popup__pos__photoSelectContent__footer {
    height: 74px;
    padding: 20px 25%;
  }
  .popup__pos__photoSelectContent__footer__btn {
    width: calc(50% - 20px/2);
    font-size: 16px;
  }
  .popup__pos__photoSelectContent__footer__btn:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .popup__pos__photoSelectContent__footer__btn:active {
    color: #462717;
  }
  .popup__pos__textEditContent {
    padding: 20px;
    max-width: 700px;
  }
  .popup__pos__textEditContent__textArea {
    font-size: 16px;
    line-height: 20px;
    height: 240px;
  }
  .popup__pos__textEditContent__msg {
    font-size: 14px;
    line-height: 18px;
  }
  .popup__pos__textEditContent__btnArea {
    height: 54px;
    padding: 20px 0 0 0;
  }
  .popup__pos__textEditContent__btnArea__btn {
    width: calc(50% - 20px/2);
    font-size: 16px;
  }
  .popup__pos__textEditContent__btnArea__btn:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .popup__pos__textEditContent__btnArea__btn:active {
    color: #462717;
  }
  .popup__pos__content {
    padding: 20px;
  }
  .popup__pos__content__msg {
    min-height: 180px;
    max-height: 500px;
    font-size: 16px;
    line-height: 20px;
  }
  .popup__pos__content__btnArea {
    height: 54px;
    padding: 20px 0 0 0;
  }
  .popup__pos__content__btnArea__btn {
    width: calc(50% - 20px/2);
    font-size: 16px;
  }
  .popup__pos__content__btnArea__btn:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .popup__pos__content__btnArea__btn:active {
    color: #462717;
  }
}

.preview__header {
  position: relative;
  display: block;
  width: 100%;
  height: 44px;
  box-sizing: border-box;
}

.preview__header__title {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 44px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #462717;
}

.preview__header__btn {
  position: absolute;
  top: 0;
  display: block;
  width: 44px;
  height: 44px;
}

.preview__header__btn__pos {
  pointer-events: none;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.preview__header__btn__pos__img {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center 8px;
  background-repeat: no-repeat;
  background-size: 20px;
}

.preview__header__btn__pos__text {
  pointer-events: none;
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  word-break: keep-all;
  font-size: 10px;
}

.preview__header__btn.-modifier-prev {
  left: 0;
}

.preview__header__btn.-modifier-next {
  right: 0;
}

.preview__header__btn:active {
  background-color: #E6E6E6;
}

.preview__main {
  position: relative;
  display: block;
  width: 100%;
  height: calc(100% - 44px);
  box-sizing: border-box;
  background-color: transparent;
}

.preview__main__msgArea {
  position: relative;
  display: block;
  width: 100%;
  height: 80px;
}

.preview__main__msgArea__msg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 362px;
  box-sizing: border-box;
  border: solid 2px #EE0044;
  padding: 5px;
}

.preview__main__msgArea__msg__paragraph {
  display: -webkit-flex;
  display: flex;
  font-size: 12px;
  line-height: 16px;
  color: #EE0044;
}

.preview__main__msgArea__msg__paragraph__mark {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
}

.preview__main__msgArea__msg__paragraph__text {
  display: block;
}

.preview__main__content {
  display: block;
  width: 100%;
  height: calc(100% - 80px);
  box-sizing: border-box;
  padding: 1px 1px 30px 1px;
  overflow: hidden;
}

.preview__main__content__imgArea {
  position: relative;
  display: block;
  width: 94%;
  height: 100%;
  margin: auto;
  min-width: 362px;
}

.preview__main__content__imgArea__img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
}

.preview__main__content__imgArea__img.-modifier-outline {
  outline: solid 1px #B3B3B3;
}

.preview__main__content__imgArea__img__pos {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.preview__main__content__imgArea__img__pos > img {
  display: block;
}

.preview__main__btnArea {
  display: none;
}

.preview__footer {
  position: relative;
  display: none;
  width: 100%;
  height: 74px;
  box-sizing: border-box;
}

.preview__footer__btnArea {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: auto;
  height: auto;
}

.preview__footer__btnArea__btn {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-flex;
  display: flex;
  width: 240px;
  height: 34px;
  box-sizing: border-box;
  border: solid 2px #462717;
  background-color: transparent;
}

.preview__footer__btnArea__btn__icn {
  pointer-events: none;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
}

.preview__footer__btnArea__btn__text {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 30px;
  font-size: 16px;
  text-align: center;
}

.preview__footer__btnArea__btn.-modifier-next {
  margin: 0 0 0 20px;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.preview__footer__btnArea__btn:hover > .preview__footer__btnArea__btn__text {
  color: rgba(70, 39, 23, 0.5);
}

.preview__footer__btnArea__btn:active {
  background-color: #E6E6E6;
}

.preview__footer__btnArea__btn:active > .preview__footer__btnArea__btn__text {
  color: #462717;
}

@media screen and (max-width: 374px) {
  .preview__header__title {
    font-size: 14px;
  }
  .preview__main__msgArea {
    height: 70px;
  }
  .preview__main__msgArea__msg {
    width: 310px;
  }
  .preview__main__msgArea__msg__paragraph {
    font-size: 10px;
    line-height: 14px;
  }
  .preview__main__content {
    height: calc(100% - 70px);
  }
  .preview__main__content__imgArea {
    min-width: 310px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1239px) {
  .preview__header {
    height: 54px;
  }
  .preview__header__title {
    line-height: 54px;
    font-size: 18px;
  }
  .preview__header__btn {
    width: 54px;
    height: 54px;
  }
  .preview__header__btn__pos__img {
    background-position: center 10px;
    background-size: 25px;
  }
  .preview__header__btn__pos__text {
    bottom: 6px;
    font-size: 12px;
  }
  .preview__main {
    height: calc(100% - 54px);
  }
  .preview__main__msgArea {
    height: 100px;
  }
  .preview__main__msgArea__msg {
    width: 430px;
    padding: 10px;
  }
  .preview__main__msgArea__msg__paragraph {
    font-size: 14px;
    line-height: 18px;
  }
  .preview__main__content {
    height: calc(100% - 100px);
  }
}

@media screen and (min-width: 1240px) and (max-width: 1919px) {
  .preview__header {
    height: 54px;
  }
  .preview__header__title {
    line-height: 54px;
    font-size: 20px;
  }
  .preview__header__btn {
    display: none;
  }
  .preview__main {
    height: calc(100% - 54px - 74px);
    border-top: solid 1px #E6E6E6;
  }
  .preview__main__msgArea {
    height: 100px;
  }
  .preview__main__msgArea__msg {
    width: 430px;
    padding: 10px;
  }
  .preview__main__msgArea__msg__paragraph {
    font-size: 14px;
    line-height: 18px;
  }
  .preview__main__content {
    height: calc(100% - 100px);
    padding: 1px;
  }
  .preview__footer {
    display: block;
  }
}

@media screen and (min-width: 1920px) {
  .preview__header {
    height: 54px;
  }
  .preview__header__title {
    line-height: 54px;
    font-size: 20px;
  }
  .preview__header__btn {
    display: none;
  }
  .preview__main {
    height: calc(100% - 54px - 74px);
    border-top: solid 1px #E6E6E6;
  }
  .preview__main__msgArea {
    height: 100px;
  }
  .preview__main__msgArea__msg {
    width: 430px;
    padding: 10px;
  }
  .preview__main__msgArea__msg__paragraph {
    font-size: 14px;
    line-height: 18px;
  }
  .preview__main__content {
    height: calc(100% - 100px);
    padding: 1px;
  }
  .preview__footer {
    display: block;
  }
}

.productSelect__header {
  position: relative;
  display: block;
  width: 100%;
  height: 44px;
  box-sizing: border-box;
}

.productSelect__header__title {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 44px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #462717;
}

.productSelect__header__btn {
  position: absolute;
  top: 0;
  display: block;
  width: 44px;
  height: 44px;
}

.productSelect__header__btn__pos {
  pointer-events: none;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.productSelect__header__btn__pos__img {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center 8px;
  background-repeat: no-repeat;
  background-size: 20px;
}

.productSelect__header__btn__pos__text {
  pointer-events: none;
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  word-break: keep-all;
  font-size: 10px;
}

.productSelect__header__btn.-modifier-prev {
  left: 0;
}

.productSelect__header__btn.-modifier-next {
  right: 0;
}

.productSelect__header__btn:active {
  background-color: #E6E6E6;
}

.productSelect__main {
  position: relative;
  display: block;
  width: 100%;
  height: calc(100% - 44px);
  box-sizing: border-box;
  background-color: transparent;
}

.productSelect__main__topArea {
  display: block;
  width: 100%;
  height: 64px;
  box-sizing: border-box;
  padding: 10px 10px 0 10px;
}

.productSelect__main__topArea__pulldown {
  position: relative;
  margin: auto;
  display: block;
  width: 100%;
  max-width: 560px;
  height: 34px;
  background-color: #E6E6E6;
}

.productSelect__main__topArea__pulldown__selectName {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 34px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}

.productSelect__main__topArea__pulldown__btn {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 44px;
  height: 34px;
  background-color: #E6E6E6;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
}

.productSelect__main__topArea__pulldown__list {
  z-index: 1;
  position: absolute;
  top: 39px;
  left: 0;
  display: none;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  border: solid 1px #B3B3B3;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  background-color: #fff;
}

.productSelect__main__topArea__pulldown__list > ul {
  list-style: none;
}

.productSelect__main__topArea__pulldown__list > ul > li {
  cursor: pointer;
  display: block;
  width: 100%;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  border-bottom: solid 1px #B3B3B3;
  text-align: center;
  font-size: 12px;
}

.productSelect__main__topArea__pulldown__list > ul > li:last-of-type {
  border-bottom: none;
}

.productSelect__main__topArea__pulldown.-modifier-open .productSelect__main__topArea__pulldown__btn {
  transform: rotateZ(180deg);
}

.productSelect__main__topArea__pulldown.-modifier-open .productSelect__main__topArea__pulldown__list {
  display: block;
}

.productSelect__main__scrollArea {
  display: block;
  width: 100%;
  height: calc(100% - 64px);
  overflow-x: hidden;
  overflow-y: auto;
}

.productSelect__main__scrollArea__categoryArea {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.productSelect__main__scrollArea__categoryArea__category {
  display: block;
  width: 100%;
  max-width: 580px;
}

.productSelect__main__scrollArea__categoryArea__category__type {
  display: block;
  width: 100%;
}

.productSelect__main__scrollArea__categoryArea__category__type__typeLabelArea {
  position: relative;
  display: block;
  width: 100%;
  height: 24px;
}

.productSelect__main__scrollArea__categoryArea__category__type__typeLabelArea__line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: calc(100% - 20px);
  height: 2px;
  background-color: #B3B3B3;
}

.productSelect__main__scrollArea__categoryArea__category__type__typeLabelArea__text {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  width: auto;
  height: 100%;
  line-height: 24px;
  box-sizing: border-box;
  padding: 0 10px;
  background-color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 0 5px;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea__item {
  pointer-events: auto;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: solid 1px #B3B3B3;
  background-color: #fff;
  padding: 10px;
  cursor: pointer;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__imgArea {
  pointer-events: none;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 101px;
  overflow-x: hidden;
  overflow-y: hidden;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__imgArea > img {
  display: block;
  height: 100%;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemName {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  padding: 5px 0 0 0;
  line-height: 18px;
  text-align: center;
  font-size: 14px;
  letter-spacing: -1px;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice {
  pointer-events: none;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: 40px;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  width: 100%;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__label {
  font-size: 14px;
  margin: 0 8px 0 0;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__number {
  font-weight: bold;
  font-size: 14px;
  color: #FD7E00;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__currency {
  font-weight: bold;
  font-size: 14px;
  color: #FD7E00;
  margin: 0 0 0 2px;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea__item:active {
  opacity: 1;
  border: solid 1px #462717;
  background-color: #462717;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea__item:active .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemName {
  color: #fff;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea__item:active .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__label {
  color: #fff;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea__item:active .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__number {
  color: #FFF450;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea__item:active .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__currency {
  color: #FFF450;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea__item.-modifier-selected {
  border: solid 1px #462717;
  background-color: #462717;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea__item.-modifier-selected .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemName {
  color: #fff;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea__item.-modifier-selected .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__label {
  color: #fff;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea__item.-modifier-selected .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__number {
  color: #FFF450;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea__item.-modifier-selected .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__currency {
  color: #FFF450;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea__item.-modifier-selected:active {
  opacity: 1;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea > ul {
  list-style: none;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.productSelect__main__scrollArea__categoryArea__category__type__itemArea > ul > li {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 50%;
  box-sizing: border-box;
  padding: 5px;
}

.productSelect__footer {
  position: relative;
  display: none;
  width: 100%;
  height: 74px;
  box-sizing: border-box;
}

.productSelect__footer__btnArea {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: auto;
  height: auto;
}

.productSelect__footer__btnArea__btn {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-flex;
  display: flex;
  width: 240px;
  height: 34px;
  box-sizing: border-box;
  border: solid 2px #462717;
  background-color: transparent;
}

.productSelect__footer__btnArea__btn__icn {
  pointer-events: none;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
}

.productSelect__footer__btnArea__btn__text {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 30px;
  font-size: 16px;
  text-align: center;
}

.productSelect__footer__btnArea__btn.-modifier-next {
  margin: 0 0 0 20px;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.productSelect__footer__btnArea__btn:hover > .productSelect__footer__btnArea__btn__text {
  color: rgba(70, 39, 23, 0.5);
}

.productSelect__footer__btnArea__btn:active {
  background-color: #E6E6E6;
}

.productSelect__footer__btnArea__btn:active > .productSelect__footer__btnArea__btn__text {
  color: #462717;
}

@media screen and (max-width: 374px) {
  .productSelect__header__title {
    font-size: 14px;
  }
  .productSelect__main__topArea__pulldown__selectName {
    font-size: 12px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__typeLabelArea__text {
    font-size: 12px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__imgArea {
    height: 82px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemName {
    line-height: 16px;
    font-size: 12px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__label {
    font-size: 12px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__number {
    font-size: 12px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__currency {
    font-size: 12px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1239px) {
  .productSelect__header {
    height: 54px;
  }
  .productSelect__header__title {
    line-height: 54px;
    font-size: 18px;
  }
  .productSelect__header__btn {
    width: 54px;
    height: 54px;
  }
  .productSelect__header__btn__pos__img {
    background-position: center 10px;
    background-size: 25px;
  }
  .productSelect__header__btn__pos__text {
    bottom: 6px;
    font-size: 12px;
  }
  .productSelect__main {
    height: calc(100% - 54px);
  }
  .productSelect__main__topArea__pulldown__selectName {
    font-size: 16px;
  }
  .productSelect__main__topArea__pulldown__list > ul > li {
    font-size: 14px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__typeLabelArea__text {
    font-size: 16px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item {
    padding: 15px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__imgArea {
    height: 162px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemName {
    height: 46px;
    line-height: 20px;
    font-size: 16px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__label {
    font-size: 16px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__number {
    font-size: 16px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__currency {
    font-size: 16px;
  }
}

@media screen and (min-width: 1240px) and (max-width: 1919px) {
  .productSelect__header {
    height: 54px;
  }
  .productSelect__header__title {
    line-height: 54px;
    font-size: 20px;
  }
  .productSelect__header__btn {
    display: none;
  }
  .productSelect__main {
    height: calc(100% - 54px - 74px);
    border-top: solid 1px #E6E6E6;
  }
  .productSelect__main__topArea {
    height: 124px;
    padding: 40px 0 0 0;
  }
  .productSelect__main__topArea__pulldown__selectName {
    font-size: 16px;
  }
  .productSelect__main__topArea__pulldown__selectName:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .productSelect__main__topArea__pulldown__selectName:active {
    color: #462717;
  }
  .productSelect__main__topArea__pulldown__list > ul > li {
    font-size: 14px;
  }
  .productSelect__main__topArea__pulldown__list > ul > li:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .productSelect__main__topArea__pulldown__list > ul > li:active {
    color: #462717;
  }
  .productSelect__main__scrollArea {
    height: calc(100% - 124px);
  }
  .productSelect__main__scrollArea__categoryArea__category {
    display: inline-block;
    width: auto;
  }
}

@media screen and (min-width: 1240px) and (max-width: 1919px) and (min-width: 1240px) and (max-width: 1540px) {
  .productSelect__main__scrollArea__categoryArea__category {
    max-width: 900px;
  }
}

@media screen and (min-width: 1240px) and (max-width: 1919px) and (min-width: 1540px) and (max-width: 1840px) {
  .productSelect__main__scrollArea__categoryArea__category {
    max-width: 1200px;
  }
}

@media screen and (min-width: 1240px) and (max-width: 1919px) and (min-width: 1840px) and (max-width: 1919px) {
  .productSelect__main__scrollArea__categoryArea__category {
    max-width: 1500px;
  }
}

@media screen and (min-width: 1240px) and (max-width: 1919px) {
  .productSelect__main__scrollArea__categoryArea__category__type__typeLabelArea__line {
    width: calc(100% - 20px);
  }
  .productSelect__main__scrollArea__categoryArea__category__type__typeLabelArea__text {
    font-size: 16px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea {
    padding: 0;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item {
    padding: 20px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__imgArea {
    height: 159px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemName {
    height: 50px;
    padding: 10px 0 0 0;
    line-height: 20px;
    font-size: 16px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__label {
    font-size: 16px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__number {
    font-size: 16px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__currency {
    font-size: 16px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item:hover {
    opacity: 0.5;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item:active {
    opacity: 1;
    border: solid 1px #462717;
    background-color: #462717;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item:active .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemName {
    color: #fff;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item:active .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__label {
    color: #fff;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item:active .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__number {
    color: #FFF450;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item:active .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__currency {
    color: #FFF450;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item.-modifier-selected {
    border: solid 1px #462717;
    background-color: #462717;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item.-modifier-selected .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemName {
    color: #fff;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item.-modifier-selected .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__label {
    color: #fff;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item.-modifier-selected .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__number {
    color: #FFF450;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item.-modifier-selected .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__currency {
    color: #FFF450;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item.-modifier-selected:hover {
    opacity: 1;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item.-modifier-selected:active {
    opacity: 1;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea > ul > li {
    width: 300px;
    padding: 10px;
  }
  .productSelect__footer {
    display: block;
  }
}

@media screen and (min-width: 1920px) {
  .productSelect__header {
    height: 54px;
  }
  .productSelect__header__title {
    line-height: 54px;
    font-size: 20px;
  }
  .productSelect__header__btn {
    display: none;
  }
  .productSelect__main {
    height: calc(100% - 54px - 74px);
    border-top: solid 1px #E6E6E6;
  }
  .productSelect__main__topArea {
    height: 124px;
    padding: 40px 0 0 0;
  }
  .productSelect__main__topArea__pulldown__selectName {
    font-size: 16px;
  }
  .productSelect__main__topArea__pulldown__selectName:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .productSelect__main__topArea__pulldown__selectName:active {
    color: #462717;
  }
  .productSelect__main__topArea__pulldown__list > ul > li {
    font-size: 14px;
  }
  .productSelect__main__topArea__pulldown__list > ul > li:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  .productSelect__main__topArea__pulldown__list > ul > li:active {
    color: #462717;
  }
  .productSelect__main__scrollArea {
    height: calc(100% - 124px);
  }
  .productSelect__main__scrollArea__categoryArea__category {
    display: inline-block;
    width: auto;
    max-width: 1800px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__typeLabelArea__line {
    width: calc(100% - 20px);
  }
  .productSelect__main__scrollArea__categoryArea__category__type__typeLabelArea__text {
    font-size: 16px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea {
    padding: 0;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item {
    padding: 20px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__imgArea {
    height: 159px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemName {
    height: 50px;
    padding: 10px 0 0 0;
    line-height: 20px;
    font-size: 16px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__label {
    font-size: 16px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__number {
    font-size: 16px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__currency {
    font-size: 16px;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item:hover {
    opacity: 0.5;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item:active {
    opacity: 1;
    border: solid 1px #462717;
    background-color: #462717;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item:active .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemName {
    color: #fff;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item:active .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__label {
    color: #fff;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item:active .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__number {
    color: #FFF450;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item:active .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__currency {
    color: #FFF450;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item.-modifier-selected {
    border: solid 1px #462717;
    background-color: #462717;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item.-modifier-selected .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemName {
    color: #fff;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item.-modifier-selected .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__label {
    color: #fff;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item.-modifier-selected .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__number {
    color: #FFF450;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item.-modifier-selected .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item__itemPrice__price__currency {
    color: #FFF450;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item.-modifier-selected:hover {
    opacity: 1;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea__item.-modifier-selected:active {
    opacity: 1;
  }
  .productSelect__main__scrollArea__categoryArea__category__type__itemArea > ul > li {
    width: 300px;
    padding: 10px;
  }
  .productSelect__footer {
    display: block;
  }
}

body.Fn-MultiOrder .edit__main__content__previewArea {
  height: calc(100% - 44px);
}

body.Fn-MultiOrder .edit__main__content__previewBtnArea {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 44px;
  box-sizing: border-box;
  padding: 0 0 10px 0;
}

body.Fn-MultiOrder .edit__main__content__previewBtnArea__btn {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 34px;
  height: 34px;
  border: none;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
}

body.Fn-MultiOrder .edit__main__content__previewBtnArea__btn:active {
  background-color: #E6E6E6;
}

body.Fn-MultiOrder .edit__main__content__previewBtnArea__text {
  display: inline-block;
  width: auto;
  min-width: 140px;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  padding: 0 10px;
  font-size: 12px;
  text-align: center;
}

body.Fn-MultiOrder .edit__main__content__previewBtnArea__label {
  display: inline-block;
  width: auto;
  min-width: 50px;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  font-size: 10px;
  text-align: center;
}

body.Fn-MultiOrder .edit__main__content__previewBtnArea__label.-modifier-leftText {
  text-align: left;
}

body.Fn-MultiOrder .edit__main__content__previewBtnArea__label.-modifier-rightText {
  text-align: right;
}

body.Fn-MultiOrder .edit__main__function__pos__btnArea__btn.-modifier-addDelete {
  display: block;
}

body.Fn-MultiOrder .preview__main__content {
  height: calc(100% - 80px - 54px);
}

body.Fn-MultiOrder .preview__main__btnArea {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 54px;
  box-sizing: border-box;
  padding: 0 0 20px 0;
}

body.Fn-MultiOrder .preview__main__btnArea__label {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  font-size: 12px;
  line-height: 34px;
  padding: 0 10px;
  min-width: 140px;
  text-align: center;
}

body.Fn-MultiOrder .preview__main__btnArea__imgBtn {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 34px;
  height: 34px;
  border: none;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
}

body.Fn-MultiOrder .preview__main__btnArea__imgBtn:active {
  background-color: #E6E6E6;
}

body.Fn-MultiOrder .preview__main__btnArea__btnLabel {
  display: inline-block;
  width: auto;
  min-width: 50px;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  font-size: 10px;
  text-align: center;
}

body.Fn-MultiOrder .preview__main__btnArea__btnLabel.-modifier-leftText {
  text-align: left;
}

body.Fn-MultiOrder .preview__main__btnArea__btnLabel.-modifier-rightText {
  text-align: right;
}

@media screen and (max-width: 374px) {
  body.Fn-MultiOrder .edit__main__content__previewBtnArea__text {
    padding: 0;
  }
  body.Fn-MultiOrder .preview__main__content {
    height: calc(100% - 70px - 54px);
  }
  body.Fn-MultiOrder .preview__main__btnArea {
    display: -webkit-flex;
    display: flex;
    height: 54px;
  }
  body.Fn-MultiOrder .preview__main__btnArea__label {
    padding: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1239px) {
  body.Fn-MultiOrder .edit__main__content__previewArea {
    height: calc(100% - 44px);
  }
  body.Fn-MultiOrder .edit__main__content__previewBtnArea {
    height: 44px;
  }
  body.Fn-MultiOrder .edit__main__content__previewBtnArea__text {
    min-width: 180px;
    font-size: 14px;
  }
  body.Fn-MultiOrder .edit__main__content__previewBtnArea__label {
    min-width: 60px;
    font-size: 12px;
  }
  body.Fn-MultiOrder .preview__main__content {
    height: calc(100% - 100px - 54px);
  }
  body.Fn-MultiOrder .preview__main__btnArea {
    display: -webkit-flex;
    display: flex;
    height: 54px;
  }
  body.Fn-MultiOrder .preview__main__btnArea__label {
    min-width: 180px;
    font-size: 14px;
  }
  body.Fn-MultiOrder .preview__main__btnArea__btnLabel {
    min-width: 60px;
    font-size: 12px;
  }
}

@media screen and (min-width: 1240px) and (max-width: 1919px) {
  body.Fn-MultiOrder .edit__main__content__previewArea {
    height: calc(100% - 44px - 74px);
  }
  body.Fn-MultiOrder .edit__main__content__previewBtnArea {
    height: 44px;
  }
  body.Fn-MultiOrder .edit__main__content__previewBtnArea__btn:hover {
    opacity: 0.5;
  }
  body.Fn-MultiOrder .edit__main__content__previewBtnArea__btn:active {
    opacity: 1;
    background-color: #E6E6E6;
  }
  body.Fn-MultiOrder .edit__main__content__previewBtnArea__text {
    min-width: 200px;
    font-size: 16px;
  }
  body.Fn-MultiOrder .edit__main__content__previewBtnArea__label {
    min-width: 70px;
    font-size: 14px;
  }
  body.Fn-MultiOrder .preview__main__content {
    height: calc(100% - 100px - 54px);
  }
  body.Fn-MultiOrder .preview__main__btnArea {
    display: -webkit-flex;
    display: flex;
    height: 54px;
    padding: 20px 0 0 0;
  }
  body.Fn-MultiOrder .preview__main__btnArea__label {
    min-width: 200px;
    font-size: 16px;
  }
  body.Fn-MultiOrder .preview__main__btnArea__btnLabel {
    min-width: 70px;
    font-size: 14px;
  }
}

@media screen and (min-width: 1920px) {
  body.Fn-MultiOrder .edit__main__content__previewArea {
    height: calc(100% - 44px - 74px);
  }
  body.Fn-MultiOrder .edit__main__content__previewBtnArea {
    height: 44px;
  }
  body.Fn-MultiOrder .edit__main__content__previewBtnArea__btn:hover {
    opacity: 0.5;
  }
  body.Fn-MultiOrder .edit__main__content__previewBtnArea__btn:active {
    opacity: 1;
    background-color: #E6E6E6;
  }
  body.Fn-MultiOrder .edit__main__content__previewBtnArea__text {
    min-width: 200px;
    font-size: 16px;
  }
  body.Fn-MultiOrder .edit__main__content__previewBtnArea__label {
    min-width: 70px;
    font-size: 14px;
  }
  body.Fn-MultiOrder .preview__main__content {
    height: calc(100% - 100px - 54px);
  }
  body.Fn-MultiOrder .preview__main__btnArea {
    display: -webkit-flex;
    display: flex;
    height: 54px;
    padding: 20px 0 0 0;
  }
  body.Fn-MultiOrder .preview__main__btnArea__label {
    min-width: 200px;
    font-size: 16px;
  }
  body.Fn-MultiOrder .preview__main__btnArea__btnLabel {
    min-width: 70px;
    font-size: 14px;
  }
}

body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown {
  position: relative;
  margin: auto;
  display: block;
  width: 100%;
  height: 34px;
  background-color: #E6E6E6;
}

body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__selectName {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 34px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}

body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__btn {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 34px;
  height: 34px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
}

body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__list {
  z-index: 1;
  position: absolute;
  top: 39px;
  left: 0;
  display: none;
  width: 100%;
  height: auto;
  max-height: 307px;
  box-sizing: border-box;
  border: solid 1px #B3B3B3;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  background-color: #fff;
  overflow-x: auto;
  overflow-y: auto;
}

body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__list > ul {
  list-style: none;
}

body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__list > ul > li {
  display: block;
  width: 100%;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  border-bottom: solid 1px #B3B3B3;
  text-align: center;
  font-size: 12px;
}

body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__list > ul > li:last-of-type {
  border-bottom: none;
}

body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown.-modifier-open > .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__btn {
  transform: rotateZ(180deg);
}

body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown.-modifier-open > .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__list {
  display: block;
}

@media screen and (max-width: 374px) {
  body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__list {
    max-height: 206px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1239px) {
  body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__selectName {
    font-size: 16px;
  }
  body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__list > ul > li {
    font-size: 14px;
  }
}

@media screen and (min-width: 1240px) and (max-width: 1919px) {
  body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__selectName {
    cursor: pointer;
    font-size: 16px;
  }
  body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__selectName:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__selectName:active {
    color: #462717;
  }
  body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__list > ul > li {
    cursor: pointer;
    font-size: 14px;
    padding: 0 0 0 17px;
  }
  body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__list > ul > li:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__list > ul > li:active {
    color: #462717;
  }
}

@media screen and (min-width: 1920px) {
  body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__selectName {
    cursor: pointer;
    font-size: 16px;
  }
  body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__selectName:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__selectName:active {
    color: #462717;
  }
  body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__list > ul > li {
    cursor: pointer;
    font-size: 14px;
    padding: 0 0 0 17px;
  }
  body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__list > ul > li:hover {
    color: rgba(70, 39, 23, 0.5);
  }
  body.Fn-QtySelection .confirmOrder__main__scroll__orderListArea__orderData__dataList__data__pulldown__list > ul > li:active {
    color: #462717;
  }
}