@charset "UTF-8";
.starlink-message .itembox-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100vh - 300px);
}

.starlink-message .itembox-message .message-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 456px;
          flex: 1 0 456px;
  max-width: 456px;
  border-right: 1px solid #d9e0e5;
}

.starlink-message .itembox-message .message-main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% - 457px);
          flex: 1 0 calc(100% - 457px);
  max-width: calc(100% - 457px);
  overflow-y: auto;
}

.starlink-message .itembox-functional-header {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 76px;
          flex: 1 0 76px;
  max-height: 76px;
}

.starlink-message .itembox-functional-header > .row:nth-of-type(1) {
  padding: 20px;
  background: #f2f2f2;
}

.starlink-message .itembox-functional-header > .row:nth-of-type(1) .btn,
.starlink-message .itembox-functional-header > .row:nth-of-type(1) .select > select {
  height: 34px;
}

.starlink-message .itembox-functional-header .selectall {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.starlink-message .itembox-functional-header .item-action {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-left: 12px;
}

.starlink-message .itembox-functional-header .item-action .btn {
  min-width: inherit;
}

.starlink-message .itembox-functional-header .item-action.disable .btn {
  border-color: #a8d5ef;
  background: #a8d5ef;
}

.starlink-message .itembox-functional-header .item-action.disable .btn:hover {
  opacity: 1;
  cursor: default;
}

.starlink-message .itembox-functional-header .order {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.starlink-message .itemlist-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% - 76px);
          flex: 1 0 calc(100% - 76px);
  max-height: calc(100% - 76px);
}

.starlink-message .itemlist-list:not(.itemlist-header) .itemlist-item > ul {
  min-height: inherit;
}

.starlink-message .itemlist-list .item-message {
  padding: 20px 30px 16px 31px;
}

.starlink-message .itemlist-list .item-message > ul {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% - 36px);
          flex: 1 0 calc(100% - 36px);
  max-width: calc(100% - 36px);
}

.starlink-message .item-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.starlink-message .item-message:hover {
  background: #eaf8ff;
}

.starlink-message .item-message.selected {
  background: #d9f1ff;
}

.starlink-message .item-message ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.starlink-message .item-message ul > li:nth-of-type(1) {
  -ms-flex-preferred-size: 18px;
      flex-basis: 18px;
  max-width: 18px;
  margin-right: 8px;
}

.starlink-message .item-message ul > li:nth-of-type(2) {
  -ms-flex-preferred-size: calc(100% - 26px);
      flex-basis: calc(100% - 26px);
  max-width: calc(100% - 26px);
}

.starlink-message .item-message ul > li:nth-of-type(3) {
  height: 2.8em;
  margin-top: 4px;
}

.starlink-message .item-message ul > li:nth-of-type(n+3) {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100%;
}

.starlink-message .item-message .check {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 20px;
}

.starlink-message .item-message .title {
  font-size: 1.8rem;
  font-weight: bold;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.starlink-message .item-message .excerpt {
  overflow: hidden;
  height: 100%;
  font-size: 1.4rem;
}

.starlink-message .item-message .date {
  margin-top: 8px;
}

.starlink-message .message-main .message {
  padding: 48px 32px 64px;
}

.starlink-message .message-main .message .date {
  text-align: right;
  font-size: 1.2rem;
}

.starlink-message .message-main .message .title {
  margin-top: 24px;
  font-size: 1.8rem;
  font-weight: bold;
}

.starlink-message .message-main .message .body {
  margin-top: 48px;
}

.starlink-message .message-main .placeholder {
  padding-top: 106px;
}

.starlink-message .message-main .placeholder p {
  text-align: center;
}