/* Common */
.container {
  margin: 0 auto; }
  @media (min-width: 320px) {
    .container {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 768px) {
    .container {
      width: 750px;
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1000px; } }

.row {
  margin-left: -15px;
  margin-right: -15px; }

.col-md-6 {
  float: left;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 320px) {
    .col-md-6 {
      width: 100%; } }
  @media (min-width: 992px) {
    .col-md-6 {
      width: 50%; } }

.col-md-4,
.col-sm-4 {
  width: 33.33333333%;
  padding-left: 15px;
  padding-right: 15px;
  float: left; }

.visible-xs {
  display: none; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.bold {
  font-weight: bold; }

.list-unstyled {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0; }

.color-red {
  color: #ff0000; }

.color-blue {
  color: #0070c0; }

/*head*/
.header {
  border-top: 6px solid #0070c0; }
  @media (min-width: 320px) {
    .header {
      padding: 10px 0; } }
  @media (min-width: 768px) {
    .header {
      padding: 20px 0; } }
  .header .logo {
    overflow: hidden;
    zoom: 1; }
  @media (min-width: 320px) {
    .header .logo-left,
    .header .logo-right {
      text-align: center;
      display: block; } }
  @media (min-width: 768px) {
    .header .logo-left,
    .header .logo-right {
      display: table-cell;
      vertical-align: middle; } }
  .header .logo-left a {
    display: inline-block;
    width: 258px; }
  .header .logo-right {
    width: 10000px;
    font-size: 16px;
    padding-left: 45px;
    padding-top: 7px;
    text-align: right; }

.breadcrumb ul:before,
.breadcrumb ul:after {
  content: '';
  display: table;
  width: 100%; }
.breadcrumb li {
  float: left;
  width: 20%;
  text-align: center;
  padding: 10px 5px 8px;
  position: relative;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: -1px; }
  .breadcrumb li#first {
    border-left: 1px solid #d9d9d9; }
  .breadcrumb li#five {
    width: 19%; }
  .breadcrumb li:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 10px solid #dadada;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    margin-left: 1px;
    left: 100%;
    z-index: 1; }
  .breadcrumb li:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 10px solid #fff;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 100%;
    z-index: 2; }
  .breadcrumb li.first {
    border-left: 1px solid #d9d9d9; }
  .breadcrumb li.active {
    background: #4472c4;
    color: #fff; }
    .breadcrumb li.active:before {
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
      border-left: 10px solid #dadada;
      margin-top: -12px; }
    .breadcrumb li.active:after {
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
      margin-top: -12px;
      border-left: 10px solid #4472c4; }
  .breadcrumb li span {
    display: none; }
  .breadcrumb li:hover span {
    display: block;
    position: fixed;
    width: 100%;
    white-space: nowrap;
    left: 0;
    color: #333; }

.memo {
  height: 35px; }
  .memo li {
    display: none;
    height: 35px;
    padding-top: 8px;
    text-align: center;
    background: #fff2cd;
    border: 1px solid #d9d9d9;
    border-bottom: none;
    position: relative; }
    .memo li.active {
      display: block; }
    .memo li:before {
      content: '';
      width: 0;
      height: 0;
      top: -6px;
      position: absolute;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 6px solid #d9d9d9; }
    .memo li:after {
      content: '';
      width: 0;
      height: 0;
      top: -4px;
      position: absolute;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 6px solid #fff2cd; }
    .memo li.first:before, .memo li.first:after {
      left: 9%; }
    .memo li.second:before, .memo li.second:after {
      left: 29%; }
    .memo li.three:before, .memo li.three:after {
      left: 49%; }
    .memo li.four:before, .memo li.four:after {
      left: 69%; }
    .memo li.five:before, .memo li.five:after {
      left: 89%; }

/*media*/
.media {
  overflow: hidden;
  zoom: 1;
  border: 1px solid #d9d9d9; }

.media-left,
.media-right {
  display: table-cell;
  vertical-align: middle;
  padding: 5px; }

.media-left span {
  display: block; }
  @media (min-width: 320px) {
    .media-left span {
      width: 115px;
      text-align: center; } }
  @media (min-width: 768px) {
    .media-left span {
      width: 120px; } }
  @media (min-width: 992px) {
    .media-left span {
      width: 150px; } }

.media-right {
  width: 10000px; }
  @media (min-width: 320px) {
    .media-right {
      padding-left: 5px;
      text-align: center; } }
  @media (min-width: 768px) {
    .media-right {
      padding-left: 8px;
      text-align: left; } }
  .media-right label {
    display: inline-block;
    background: #ffc000;
    font-size: 90%;
    height: 30px;
    font-weight: bold; }
    @media (min-width: 320px) {
      .media-right label {
        padding: 8px 5px 0; } }
    @media (min-width: 768px) {
      .media-right label {
        padding: 8px 10px 0;
        margin-right: 15px;
        width: auto; } }

.payment-title {
  display: inline-block;
  padding-top: 6px;
  padding-right: 6px; }

.payment {
  background: #ff0000;
  color: #fff;
  padding: 6px 10px 0;
  height: 30px;
  display: inline-block; }
  @media (min-width: 768px) {
    .payment {
      float: right; } }
  .payment:hover {
    text-decoration: none;
    color: #fff;
    background: #FF3136; }

.bg-green {
  background: #b3ebff;
  position: relative; }

.bg-yellow {
  background: #fff2cc; }

/*pay time*/
.pay-time {
  margin-bottom: 15px; }
  .pay-time .title-p {
    margin-top: 0; }
  .pay-time ul {
    padding: 1px; }
  @media (min-width: 320px) {
    .pay-time .color-red {
      font-size: 14px;
      margin: 5px 0 0 5px;
      display: inline-block; } }
  @media (min-width: 768px) {
    .pay-time .color-red {
      font-size: 16px;
      margin: 0; } }

.ticket-content {
  border: 1px solid #d9d9d9; }
  @media (min-width: 320px) {
    .ticket-content {
      margin-bottom: 10px; } }
  @media (min-width: 768px) {
    .ticket-content {
      margin-bottom: 5px; } }

/*info ticket*/
.info-ticket li {
  border-bottom: 1px solid #d9d9d9;
  padding: 1px; }
  @media (min-width: 768px) {
    .info-ticket li {
      width: 50%;
      float: left; } }
  .info-ticket li span {
    text-align: center; }
  .info-ticket li:before, .info-ticket li:after {
    content: '';
    display: table;
    width: 100%; }
.info-ticket .first span {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 5px; }
  @media (min-width: 320px) {
    .info-ticket .first span.bg-green {
      width: 125px; } }
  @media (min-width: 768px) {
    .info-ticket .first span.bg-green {
      width: 130px; } }
  @media (min-width: 992px) {
    .info-ticket .first span.bg-green {
      width: 160px; } }
.info-ticket .second span {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 5px; }
  @media (min-width: 320px) {
    .info-ticket .second span.bg-green {
      width: 125px; } }
  @media (max-width: 767px) {
    .info-ticket .second span.bg-green:after {
      position: absolute;
      content: '';
      width: 100%;
      left: 0;
      top: -3px;
      height: 3px;
      background: #74c8e6;
      border-top: 1px solid #b3ebff;
      border-bottom: 1px solid #b3ebff; } }
  @media (min-width: 768px) {
    .info-ticket .second span.bg-green {
      width: 120px;
      text-align: center; } }
.info-ticket .three {
  border-bottom: none; }
  @media (max-width: 767px) {
    .info-ticket .three {
      background: #fff2cc; } }
  .info-ticket .three span {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 5px; }
    @media (min-width: 320px) {
      .info-ticket .three span.bg-green {
        width: 125px; } }
    @media (min-width: 768px) {
      .info-ticket .three span.bg-green {
        width: 130px; } }
    @media (min-width: 992px) {
      .info-ticket .three span.bg-green {
        width: 160px; } }
    .info-ticket .three span.bg-green:after {
      position: absolute;
      content: '';
      width: 100%;
      left: 0;
      top: -3px;
      height: 3px;
      background: #74c8e6;
      border-top: 1px solid #b3ebff;
      border-bottom: 1px solid #b3ebff; }
    .info-ticket .three span.bg-yellow {
      margin-left: 2px;
      text-align: left;}
      @media (min-width: 768px) {
        .info-ticket .three span.bg-yellow {
          width: 225px; } }
      @media (min-width: 992px) {
        .info-ticket .three span.bg-yellow {
          width: 305px; } }
      @media (min-width: 1200px) {
        .info-ticket .three span.bg-yellow {
          width: 320px; } }
.info-ticket .four {
  border-bottom: none; }
  .info-ticket .four .bg-green:after {
    position: absolute;
    content: '';
    width: 100%;
    left: 0;
    top: -3px;
    height: 3px;
    background: #74c8e6;
    border-top: 1px solid #b3ebff;
    border-bottom: 1px solid #b3ebff; }
  .info-ticket .four span {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 5px; }
    @media (min-width: 320px) {
      .info-ticket .four span.bg-green {
        width: 125px; } }
    @media (min-width: 768px) {
      .info-ticket .four span.bg-green {
        width: 120px;
        text-align: center; } }
    @media (min-width: 992px) {
      .info-ticket .four span.bg-green {
        width: 120px; } }
    .info-ticket .four span .show-hide {
      text-decoration: underline;
      padding: 0;
      color: #4472c4;
      margin-left: 15px;
      cursor: pointer;
      display: inline-block; }
      @media (max-width: 320px) {
        .info-ticket .four span .show-hide {
          margin-left: 0; } }
.info-ticket:before, .info-ticket:after {
  content: '';
  display: table;
  width: 100%; }

/*list item*/
.list-item {
  padding: 15px 10px 10px;
  border-top: 1px solid #d9d9d9; }
  .list-item .title-item {
    float: left;
    text-align: right;
    padding: 6px 5px; }
    @media (min-width: 320px) {
      .list-item .title-item {
        width: 55%; } }
    @media (min-width: 768px) {
      .list-item .title-item {
        width: 67%; } }
    @media (min-width: 992px) {
      .list-item .title-item {
        width: 63%; } }
  .list-item .body-item {
    padding: 6px 5px;
    float: left; }
    @media (min-width: 320px) {
      .list-item .body-item {
        width: 45%; } }
    @media (min-width: 768px) {
      .list-item .body-item {
        width: 33%; } }
    @media (min-width: 992px) {
      .list-item .body-item {
        width: 37%; } }
    .list-item .body-item span {
      display: inline-block; }
    .list-item .body-item .price-item {
      width: 75px;
      text-align: right;
      margin-right: 10px; }
  .list-item li:nth-child(odd) .body-item {
    background: #f2f2f2; }

.title-p {
  color: #0070c0;
  border: 1px solid #d9d9d9;
  border-left: 10px solid #0070c0;
  padding: 6px 8px 3px;
  margin-bottom: 5px;
  font-size: 20px; }
  @media (min-width: 320px) {
    .title-p {
      margin-top: 20px; } }
  @media (min-width: 768px) {
    .title-p {
      margin-top: 30px; } }

/*customer info*/
.customer-info {
  border: 1px solid #d9d9d9; }
  @media (min-width: 320px) {
    .customer-info {
      margin-bottom: 8px; } }
  @media (min-width: 768px) {
    .customer-info {
      margin-bottom: 15px; } }
  .customer-info ul:before,
  .customer-info ul:after {
    content: '';
    display: table;
    width: 100%; }
  .customer-info li {
    padding: 1px; }
    @media (min-width: 768px) {
      .customer-info li {
        float: left; } }
    .customer-info li span {
      display: inline-block;
      padding: 10px 5px;
      text-align: center;
      vertical-align: top; }
  .customer-info .first {
    border-bottom: 1px solid #d9d9d9; }
    @media (min-width: 768px) {
      .customer-info .first {
        width: 50%; } }
    @media (min-width: 320px) {
      .customer-info .first .bg-green {
        width: 110px; } }
    @media (min-width: 768px) {
      .customer-info .first .bg-green {
        width: 130px; } }
    @media (min-width: 992px) {
      .customer-info .first .bg-green {
        width: 130px; } }
  .customer-info .second {
    border-bottom: 1px solid #d9d9d9; }
    @media (min-width: 768px) {
      .customer-info .second {
        width: 30%; } }
    .customer-info .second .bg-green {
      text-align: center; }
      @media (min-width: 320px) {
        .customer-info .second .bg-green {
          width: 110px; }
          .customer-info .second .bg-green:after {
            position: absolute;
            content: '';
            width: 100%;
            left: 0;
            top: -3px;
            height: 3px;
            background: #74c8e6;
            border-top: 1px solid #b3ebff;
            border-bottom: 1px solid #b3ebff; } }
      @media (min-width: 768px) {
        .customer-info .second .bg-green {
          width: 120px; }
          .customer-info .second .bg-green:after {
            display: none; } }
  .customer-info .three {
    border-bottom: 1px solid #d9d9d9; }
    @media (min-width: 768px) {
      .customer-info .three {
        width: 20%; } }
    .customer-info .three .bg-green {
      text-align: center; }
      @media (min-width: 320px) {
        .customer-info .three .bg-green {
          width: 110px; }
          .customer-info .three .bg-green:after {
            position: absolute;
            content: '';
            width: 100%;
            left: 0;
            top: -3px;
            height: 3px;
            background: #74c8e6;
            border-top: 1px solid #b3ebff;
            border-bottom: 1px solid #b3ebff; } }
      @media (min-width: 768px) {
        .customer-info .three .bg-green {
          width: 80px; }
          .customer-info .three .bg-green:after {
            display: none; } }
  .customer-info .four,
  .customer-info .five,
  .customer-info .six,
  .customer-info .seven {
    border-bottom: 1px solid #d9d9d9; }
    @media (min-width: 768px) {
      .customer-info .four {
        width: 50%;}
      .other-passenger .four {
        width: 50%;
        border-bottom: none; }
      }
    @media (min-width: 320px) {
      .customer-info .four .bg-green {
        width: 110px; } }
    @media (min-width: 768px) {
      .customer-info .four .bg-green,
      .customer-info .six .bg-green {
        width: 130px !important; } }
    @media (min-width: 992px) {
      .customer-info .four .bg-green,
      .customer-info .six .bg-green {
        width: 120px; } }
    .customer-info .four .bg-green:after {
      position: absolute;
      content: '';
      width: 100%;
      left: 0;
      top: -3px;
      height: 3px;
      background: #74c8e6;
      border-top: 1px solid #b3ebff;
      border-bottom: 1px solid #b3ebff; }
  @media (min-width: 768px) {
    .customer-info .five {
      width: 50%; } }
  .customer-info .five .bg-green {
    text-align: center; }
    @media (min-width: 320px) {
      .customer-info .five .bg-green {
        width: 110px; } }
    @media (min-width: 768px) {
      .customer-info .five .bg-green {
        width: 120px; } }
    .customer-info .five .bg-green:after {
      position: absolute;
      content: '';
      width: 100%;
      left: 0;
      top: -3px;
      height: 3px;
      background: #74c8e6;
      border-top: 1px solid #b3ebff;
      border-bottom: 1px solid #b3ebff; }
  @media (min-width: 768px) {
    .customer-info .six {
      width: 50%; } }
  .customer-info .six .bg-green {
    text-align: center; }
  @media (min-width: 320px) {
      .customer-info .six .bg-green {
        width: 110px; } }
    @media (min-width: 992px) {
      .customer-info .six .bg-green {
        width: 120px; } }
    .customer-info .six .bg-green:after {
      position: absolute;
      content: '';
      width: 100%;
      left: 0;
      top: -3px;
      height: 3px;
      background: #74c8e6;
      border-top: 1px solid #b3ebff;
      border-bottom: 1px solid #b3ebff; }
    @media (min-width: 768px) {
    .customer-info .seven {
      width: 50%; } }
  .customer-info .seven .bg-green {
    text-align: center; }
    @media (min-width: 320px) {
      .customer-info .seven .bg-green {
        width: 110px; } }
    @media (min-width: 768px) {
      .customer-info .seven .bg-green {
        width: 120px; } }
    .customer-info .seven .bg-green:after {
      position: absolute;
      content: '';
      width: 100%;
      left: 0;
      top: -3px;
      height: 3px;
      background: #74c8e6;
      border-top: 1px solid #b3ebff;
      border-bottom: 1px solid #b3ebff; }

.ticket-memo {
  border: 1px solid #d9d9d9; }
  .ticket-memo li {
    padding: 1px;
    border-top: 1px solid #d9d9d9; }
    .ticket-memo li:first-child {
      border-top: none; }
  .ticket-memo span {
    display: inline-block;
    padding: 10px 5px;
    position: relative;
    text-align: center; }
  @media (min-width: 320px) {
    .ticket-memo .bg-green {
      width: 110px; } }
  @media (min-width: 768px) {
    .ticket-memo .bg-green {
      width: 130px; } }
  @media (min-width: 992px) {
    .ticket-memo .bg-green {
      width: 160px; } }
  .ticket-memo .second span.bg-green:after,
  .ticket-memo .three span.bg-green:after,
  .ticket-memo .four span.bg-green:after {
    position: absolute;
    content: '';
    width: 100%;
    left: 0;
    top: -3px;
    height: 3px;
    background: #74c8e6;
    border-top: 1px solid #b3ebff;
    border-bottom: 1px solid #b3ebff; }

/*list item 2*/
@media (max-width: 767px) {
  .list-item2 {
    border: 1px solid #d9d9d9; }
}
  @media (min-width: 320px) {
    .list-item2 .title-item li {
      border-left: 1px solid #fff;
      min-height: 34px; } }
  @media (min-width: 768px) {
    .list-item2 .title-item li {
      border-left: 1px solid #74c8e6;
      min-height: 34px; } }
  .list-item2 .title-item li.first {
    border-left: 1px solid #fff; }
  .list-item2 .title-item,
  .list-item2 .item {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: -1px; }
    .list-item2 .title-item li,
    .list-item2 .item li {
      padding: 8px 5px;
      min-height: 34px;
      text-align: center; }
      @media (max-width: 767px) {
        .list-item2 .title-item li,
        .list-item2 .item li {
          border-top: 1px solid #74c8e6; }
          .list-item2 .title-item li:first-child,
          .list-item2 .item li:first-child {
            border-top: none; } }
      @media (min-width: 768px) {
        .list-item2 .title-item li,
        .list-item2 .item li {
          float: left; } }
      @media (max-width: 767px) {
        .list-item2 .title-item li.first,
        .list-item2 .item li.first {
          padding-right: 0 !important; } }
      @media (min-width: 768px) {
        .list-item2 .title-item li.first,
        .list-item2 .item li.first {
          width: 8%; } }
      @media (min-width: 768px) {
        .list-item2 .title-item li.second,
        .list-item2 .item li.second {
          width: 14%;
          /*border-left: none;*/ } }
      @media (min-width: 768px) {
        .list-item2 .title-item li.three,
        .list-item2 .item li.three {
          width: 8%; } }
      @media (min-width: 768px) {
        .list-item2 .title-item li.four,
        .list-item2 .item li.four {
          width: 10%; } }
      @media (min-width: 768px) {
        .list-item2 .title-item li.five,
        .list-item2 .item li.five {
          width: 12%; } }
      @media (min-width: 768px) {
        .list-item2 .title-item li.six, .list-item2 .title-item li.seven,
        .list-item2 .item li.six,
      	.list-item2 .item li.seven {
          width: 8%; } }
      @media (min-width: 768px) {
        .list-item2 .title-item li.eight,
      	.list-item2 .item li.eight {
          width: 8%; } }
      @media (min-width: 768px) {
        .list-item2 .title-item li.nine,
      	.list-item2 .item li.nine {
          width: 12%; } }
      @media (min-width: 768px) {
        .list-item2 .title-item li.ten,
      	.list-item2 .item li.ten {
          width: 12%; } }
      @media (min-width: 768px) {
        .list-item2 .title-item li.ten,
      	.list-item2 .item li.ten {
          width: 12%; } }
    .list-item2 .title-item:before, .list-item2 .title-item:after,
    .list-item2 .item:before,
    .list-item2 .item:after {
      content: '';
      display: table;
      width: 100%; }
  .list-item2 .title-item {
    background: #b3ebff;
    border-top: 1px solid #fff; }
    @media (max-width: 767px) {
      .list-item2 .title-item {
        width: 22%;
        float: left; } }
  @media (max-width: 767px) {
    .list-item2 .item {
      width: 39%;
      float: left; } }
  .list-item2 .item li {
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9; }
    @media (max-width: 767px) {
      .list-item2 .item li {
        border-top: 0px solid #d9d9d9; }
        .list-item2 .item li:first-child {
          border-top: none; } }
    .list-item2 .item li:first-child {
      padding: 1px 0 0 1px; }
      @media (max-width: 767px) {
        .list-item2 .item li:first-child {
          border-top: 1px solid #d9d9d9; }
          .list-item2 .item li:first-child:first-child {
            border-top: none;
            padding: 1px 0 0 0;
            border-left: 1px solid #74c8e6; } }
      .list-item2 .item li.first span {
        display: block;
        background: #b3ebff;
        padding-top: 7px; }
        @media (min-width: 320px) {
          .list-item2 .item li.first span {
            height: 34px; } }
        @media (min-width: 768px) {
          .list-item2 .item li.first span {
            height: 32px;
            margin-top: 1px;
            margin-bottom: 1px; }
          .list-item2 .item li.first.has-pdf span {
            height: auto;
            line-height: 60px; }
            .list-item2 .item li.first span.bg-green:before {
              position: absolute;
              content: '';
              width: 100%;
              left: 0;
              top: -3px;
              height: 3px;
              background: #74c8e6;
              border-top: 1px solid #b3ebff;
              border-bottom: 1px solid #b3ebff; }
            .list-item2 .item li.first span.bg-green:after {
              position: absolute;
              content: '';
              width: 100%;
              left: 0;
              bottom: -3px;
              height: 3px;
              background: #74c8e6;
              border-top: 1px solid #b3ebff;
              border-bottom: 1px solid #b3ebff; } }
        .list-item2 .item li.first span.item2 {
          margin-top: 0; }
          @media (min-width: 320px) {
            .list-item2 .item li.first span.item2 {
              height: 34px; } }
          @media (min-width: 768px) {
            .list-item2 .item li.first span.item2 {
              height: 33px; } }

@media (max-width: 767px) {
  .list-logo {
    margin-right: -1px; } }
.list-logo li {
  float: left;
  text-align: center; }
  @media (min-width: 320px) {
    .list-logo li {
      width: 33.333333%;
      border: 1px solid #d9d9d9;
      margin-right: -1px;
      margin-top: -1px;
      padding: 0 5px 5px; } }
  @media (min-width: 768px) {
    .list-logo li {
      width: 20%;
      margin-right: 0;
      border: none;
      padding: 0 15px; } }
  @media (max-width: 320px) {
    .list-logo li a {
      font-size: 12px; } }
  .list-logo li img {
    display: inherit; }

/*another flight*/
.another-flight {
  padding-top: 15px; }
  @media (min-width: 768px) {
    .another-flight {
      border-top: 1px solid #d9d9d9;
      margin-top: 15px; } }
  .another-flight .title-another {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #d9d9d9; }
    @media (min-width: 768px) {
      .another-flight .title-another {
        float: left;
        width: 20%;
        border: none; } }
  @media (min-width: 768px) {
    .another-flight .brand-flight {
      float: left;
      width: 80%; } }
  .another-flight .brand-flight li {
    border-bottom: 1px solid #d9d9d9;
    padding: 7px 0; }
    @media (min-width: 768px) {
      .another-flight .brand-flight li {
        float: left;
        width: 50%;
        border-bottom: none;
        padding: 0; } }

.list-paycard {
  margin-bottom: 10px; }
  .list-paycard .media {
    border-top: none; }
    .list-paycard .media.first {
      border-top: 1px solid #d9d9d9; }
    .list-paycard .media .media-left {
      text-align: center; }
      .list-paycard .media .media-left span {
        display: block;
        font-weight: bold;
        color: #0070c0;
        margin-bottom: 10px; }
        @media (min-width: 320px) {
          .list-paycard .media .media-left span {
            width: 110px;
            font-size: 14px; } }
        @media (min-width: 768px) {
          .list-paycard .media .media-left span {
            width: 200px;
            font-size: 14px; } }
        @media (min-width: 992px) {
          .list-paycard .media .media-left span {
            width: 250px;
            font-size: 16px; } }
    .list-paycard .media .media-right {
      padding: 15px;
      text-align: left;
      background: #e7e6e6; }

.text-content h3 {
  font-size: 16px;
  font-weight: bold; }
.text-content .border {
  border: 1px solid #d9d9d9;
  padding: 15px 15px 5px;
  margin-bottom: 20px; }
  .text-content .border p {
    margin-bottom: 12px;
    line-height: 1.4; }
.text-content .bg {
  background: #fff2cc;
  border: 1px solid #a6a6a6;
  padding: 15px;
  margin-bottom: 15px; }
.text-content p {
  margin-bottom: 8px;
  line-height: 1.8; }
.text-content a {
  color: #4472c4;
  text-decoration: underline; }

.app-flight {
  margin-right: -4px; }
  .app-flight li {
    border: 1px solid #d9d9d9;
    margin-right: -1px;
    padding: 10px;
    position: relative; }
    @media (min-width: 320px) {
      .app-flight li {
        margin-bottom: 20px; } }
    @media (min-width: 768px) {
      .app-flight li {
        height: 190px;
        width: 20%;
        float: left;
        margin-bottom: 0; } }
    @media (min-width: 992px) {
      .app-flight li {
        height: 150px; } }
    .app-flight li span.title {
      font-size: 16px;
      font-weight: bold;
      color: #0070c0;
      display: block;
      margin-bottom: 10px; }
      @media (min-width: 768px) {
        .app-flight li span.title {
          text-align: center; } }
    .app-flight li span.step {
      background: #b3ebff;
      padding: 2px 5px;
      font-size: 12px;
      vertical-align: text-top;
      margin-right: 25px; }
    .app-flight li p {
      margin: 0; }
    .app-flight li.active {
      background: #4472c4;
      color: #fff; }
      .app-flight li.active span.title {
        color: #fff; }
      .app-flight li.active span.step {
        background: #fff2cc;
        color: #000; }
    @media (max-width: 767px) {
      .app-flight li.last::after {
        display: none; }
      .app-flight li::after {
        content: '';
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid #4472c4;
        position: absolute;
        left: 50%;
        margin-left: -15px;
        bottom: -19px;
        z-index: 2; } }

/*footer*/
.footer {
  margin-top: 25px;
  margin-bottom: 15px;
  border-top: 3px solid #0070c0;
  padding-top: 25px; }
  @media (max-width: 767px) {
    .footer {
      padding-top: 10px;
      margin-top: 10px; } }

.footer-logo {
  text-align: center; }
  @media (min-width: 768px) {
    .footer-logo {
      float: left;
      width: 50%;
      text-align: left; } }
  .footer-logo a {
    display: inline-block; }
    @media (max-width: 767px) {
      .footer-logo a img {
        width: 70px; } }
    @media (min-width: 768px) {
      .footer-logo a {
        margin-right: 30px; } }

.footer-menu {
  font-size: 12px; }
  @media (max-width: 767px) {
    .footer-menu {
      text-align: center;
      border-top: 1px solid #d9d9d9;
      padding-top: 10px;
      margin: 10px -10px 0; }
      .footer-menu ul {
        border-bottom: 1px solid #d9d9d9;
        padding-bottom: 10px;
        margin-bottom: 10px; } }
  @media (min-width: 768px) {
    .footer-menu {
      width: 50%;
      float: right;
      text-align: right; } }
  @media (min-width: 320px) {
    .footer-menu li {
      text-align: center;
      display: inline-block;
      padding: 0 10px; } }
  @media (min-width: 768px) {
    .footer-menu li {
      float: right;
      margin-left: 15px;
      padding: 0; } }

#gotop img {
  cursor: pointer; }

.visible-sm {
  display: none; }

@media (max-width: 991px) {
  .visible-sm {
    display: block; } }
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; }

  .visible-xs {
    display: block !important; }

  .visible-xs.visible-inline {
    display: inline-block !important; }

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

  .overflow {
    overflow: hidden;
    white-space: nowrap;
    width: 65%;
    display: inline-flex !important; } }
  @media (max-width: 767px) and (max-width: 320px) {
    .overflow {
      width: 60%; } }
	
  @media (min-width: 767px) {
    .list-item2 .title-item li.pdf {
      display: none; }
  }
  .list-item2 .item a {
	text-decoration: underline;
	color: #0070c0;
  }
  .list-item2 .item li.left {
	  width: 92%;
	  padding: 0;
  }
  .list-item2 .item li.pdf {
	width: 92%;
    text-align: left; }
  .list-item2 .item li.pdf.no-ticket {
	  border-bottom: none 0;
    min-height: 75px;
  }
  .list-item2 .item li.pdf.has-ticket {
    border-bottom: 1px solid #d9d9d9;
	width: 92%;
    text-align: left; }
  .list-item2 .item li.pdf span {
    min-width: 15%;
    display: inline-block; }
  @media (max-width: 767px) {
    .list-item2 .item li.pdf {
      border-bottom: none 0;
      font-size: 90%;
      border-right: 1px solid #d9d9d9;
      width: 100.5%; }
    .list-item2 .item li.pdf span {
      display: none; }
    .list-item2 .item li.pdf i {
      font-size: 0;
      display: block; }
  }
  .list-unstyled .ticket {
	float: left;
  	width: 100%;  
  }
  .list-item2 li.ticket-label {
	padding: 0;
  }
  .list-item2 li.ticket-label span {
	height: auto !important;
  	/* line-height: 36px; */
  }
  .list-item2 li.ticket-body {
	border-bottom: none 0;
  }
  .list-unstyled .ticket div {
	  float: left;
	  text-align: center;
	  padding: 0.5%;
	  border-right: 1px solid #d9d9d9;
  }
  .list-unstyled .ticket div span {
	  display: block;
  }
  @media (max-width: 767px) {
    .list-unstyled .ticket div  {
		
	}
	.ticket-label, .ticket-body  {
		display: none;
	}
  }
  @media (min-width: 767px) {
	  .tbl-ticket {
		  display: none;
	  }
  }
  .tbl-ticket {
	  width: 100%;
	  margin-top: 5px;
	  border-collapse: collapse;
  }
  .tbl-ticket th, .tbl-ticket td {
	  padding: 5px;
	  border: 1px solid #d9d9d9;
	  text-align: center;
  }
  .tbl-ticket th {
	  background-color: #e9e9e9;
  }
  .tbl-ticket td.label {
	width: 22.5%;  
  }

/*new style*/
@media (max-width: 767px) {
  .list-item2 .item li.ten2 {
    border-bottom: none;}
}
.nowrap {white-space: nowrap;}
@media (min-width: 768px) {
  .list-item2 .table {
    width: 100%;
    border-collapse: collapse;}
  .list-item2 .table th,
  .list-item2 .table td {
    padding: 8px 5px;
    text-align: center;
    vertical-align: middle;
    border:1px solid #d9d9d9;}
  .list-item2 .table th {
    border-color: #74c8e6;}
  .list-item2 .table th,
  .list-item2 .table td.title {
    background: #b3ebff;
    border-bottom-color:#74c8e6;
    width: 8%;}
  .list-item2 .table td.text-left {
    text-align: left;}
  .list-item2 .table td ul {
    display: table;
    width: 100%;}
  .list-item2 .table td li {
    display: table-cell;
    padding: 8px 5px;
    position: relative;}
  .list-item2 .table td li span {
    display: block;}
  .list-item2 .table td li:after {
    content: '';
    width: 1px;
    position: absolute;
    background: #d9d9d9;
    top: -9px;
    left: 0;
    bottom: -10px;}
  .list-item2 .table td li:first-child:after {
    display: none;}
  .list-item2 td a {
    color: #0070c0;
    text-decoration: underline;}
}

.list-item2 .item li.first {
  border-left: none;}

/* -- Update content for #4660#note-14 -- */
.bt_viewMore, .bt_viewMore_SP {
  width: 80px;
  height: auto;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
  margin: 0px auto;
  background: #4472c4;
  border:none;
  border-radius: 3px;
}
.bt_viewMore:after, .bt_viewMore_SP:after {
  content: "+";
  display: inline-block;
  color: #ffffff;
  margin-left: 3px;
}
.bt_viewMore.changeIcon:after, .bt_viewMore_SP.changeIcon:after {
  content: "-";
  display: inline-block;
  color: #ffffff;
  margin-left: 3px;
}
.viewMoreContent, .viewMoreContent_SP {
  display: none;
  position: relative;
  margin-top: 5px;
  background: #4472c4;
  padding: 10px;
  color: #fff;
  text-align: left;
}
.viewMoreContent_SP {
  margin-top: 20px;
}
.viewMoreContent_SP li {
  list-style: disc;
  border: none;
  margin-bottom: 5px;
  padding: 0;
}
.viewMoreContent_SP li::after {
  content:none
}
.viewMoreContent::before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  left: 53%;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #4472c4;
}
.viewMoreContent_SP:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  left: 48%;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #4472c4;
}
@media (min-width: 768px) {
      .app-flight li {
        height: 323px; 
        width: 18.5%;}
      .app-flight li.box-02 {
        width: 26%;
      }
      .app-flight li.box-03 {
        text-align: center;
      }
      .app-flight li.box-03 p {
        text-align: left;
      }
      .bt_viewMore_SP, .viewMoreContent_SP  {
        display: none;
      }
    }
@media (min-width: 992px) {
      .app-flight li {
        height: 262px; 
        width: 18.5%;}
      .app-flight li.box-02 {
        width: 26%;
      }
    }
@media (min-width: 1200px) {
      .app-flight li {
        height: 245px; 
        width: 18.5%;}
      .app-flight li.box-02 {
        width: 26%;
      }
    }
@media (max-width: 767px) {
      .app-flight li.box-03 {
        text-align: center;
      }
      .app-flight li.box-03 p {
        text-align: left;
      }
      .bt_viewMore, .viewMoreContent  {
        display: none;
      }
      .viewMoreContent_SP:before {
        left: 50%;
        margin-left: -12px;
      }
    }
/* -- Update content for #4660#note-14 END -- */
.title-p.noBorder {
  border: none;
  padding-left: 0px;
  font-weight: bold;
}

/*fix css for getlink.php page, ticket[#4793]*//*fix css for getlink.php page, ticket[#4793]*/
#confirmForm .media-left span {
  text-align: right;}

@media (min-width: 320px){
  #confirmForm .media {
    padding: 10px;}
  #confirmForm .media-left .color-red {
    margin-left: 0;}
  #confirmForm .media-left span {
    text-align: left;
  }
  #confirmForm .media-left,
  #confirmForm .media-right {
    vertical-align: top;
    font-size: 12px;
    display: block;
    text-align: left;}
  #confirmForm .media-left {
    padding: 8px 5px;}
  #confirmForm .media-right {
    width: auto;
    padding: 0 0 5px;}
  #confirmForm .text_note {
    margin-bottom: 10px;
    display: block;}
  #confirmForm #app_id,
  #confirmForm #tel {
    width: 100%;
    height: 40px;
    margin-bottom: 5px;}
  #confirmForm .text_note .color-red {
    font-size: 12px;
    display: inherit;}
  #btnSubmit.conf_btn {
    border: none;
    padding: 15px 25px;
    height: auto;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;}
}
@media (min-width: 768px) {
  #confirmForm .media {
    padding: 1px;
    border: 1px solid #d9d9d9;}
  #confirmForm .media-left,
  #confirmForm .media-right {
    vertical-align: middle;
    font-size: 14px;
    display: table-cell;}
  #confirmForm .media-left {
    padding: 5px;
    border-bottom:1px solid #4abde6;}
  #confirmForm .media-right {
    padding: 5px;
    border-bottom:1px solid #d9d9d9;
    width: 10000px;}
  #confirmForm .text_note {
    margin-bottom: 0;
    display: inline-block;}
  #confirmForm .media-left span {
    width: 140px;
  }
  #confirmForm #app_id,
  #confirmForm #tel {
    width: 170px;
    height: 40px;
    margin-bottom: 0;}
  #confirmForm .text_note,
  #confirmForm .text_note .color-red {
    font-size: 12px;}
  #confirmForm .media-left .text_note .color-red {
    margin-left: 5px;}
  #btnSubmit.conf_btn {
    width: auto;}
}
@media (min-width: 992px){
  #confirmForm .media-left span {
    width: 150px;
  }
  #confirmForm #app_id,
  #confirmForm #tel {
    width: 250px;}
  #confirmForm .text_note,
  #confirmForm .text_note .color-red {
    font-size: 14px;}
}
/*[END 4793]*/
.bagCell {
  word-break: break-all;
}

/*For #5413 LINE PUSH*/
.ln_content {display: none;}
.linepushnotify {
    margin: 10px 0;
}
.lineguide {
    padding: 20px 10px 30px;
    background: #fafafa;
    margin: 15px 0;
    border: 1px solid #ebebeb;
    text-align: center;
}
.lineguide p {
    margin: 0 15px 15px;
    text-align: left;
}
.linepushnotify .btn_update {
    display: block;
    background: #4f71b4;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    width: 75%;
    margin: 20px auto;
    padding: 10px;
    border-radius: 5px;
}
.onoffNotify {
    text-align: right;
    margin: 10px 0;
    overflow: hidden;
}
.onofflabel {
    display: block;
    vertical-align: middle;
    font-size: 11px;
    float: left;
    width: 80%;
    max-width: 340px;
    max-width: 320px;
    text-align: left;
    padding-left: 50px;
    background: url(/booking/confirm/image/common/logo-line.png) no-repeat top left;
    background-size: 45px;
    line-height: 120%;
    min-height: 40px;
    padding-top: 5px;
}
@media (max-width: 374px) {
    .onofflabel {
        width: 75%;
    }
}
.onoffNotify .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  vertical-align: middle;
  margin-left: 10px;
}

/* Hide default HTML checkbox */
.onoffNotify .switch input {display:none;}

/* The slider */
.onoffNotify .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.onoffNotify .slider:before {
  position: absolute;
  content: "";
  font-size: 10px;
    line-height: 2.6;
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.onoffNotify .slider:after {
    content: "OFF";
    display: block;
    position: absolute;
    right: 5px;
    top: 9px;
    font-size: 11px;
}
.onoffNotify input:checked + .slider:after {
    content: "ON";
    display: block;
    position: absolute;
    right: 35px;
    top: 9px;
    font-size: 11px;
    color: #fff;
}
.onoffNotify input:checked + .slider {
  background-color: #0bb901;
}
.onoffNotify input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.onoffNotify input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.onoffNotify .slider.round {
  border-radius: 34px;
}

.onoffNotify .slider.round:before {
  border-radius: 50%;
}
@media (max-width: 768px) {
    .ln_content { display: block !important; }
}
/* End for #5413 LINE PUSH*/

@media (max-width: 767px) {
  .main {
    margin-top: 15px;}
}
.flight_header {
  font-size: 14px;
  padding: 5px;
  /* background-color: #B6D8F0; */
}
.departure_time {
  padding: 5px;
}
.flight_info {
  height:auto;
  padding-left: 40px;
  background: url(/booking/confirm/image/common/arrowdown@2x.png) 30px bottom no-repeat;
}
.arrown_down {
  width: 5%;
  float:left;
  height: 100%;
}
.arrown_down img{
  height: 100%;
}
.airline_logo {
  float:left;
  padding-left: 25px;
}
.airline_logo img {
  width: auto;
  height: 45px;
}
.flight_number {
  width: 20%;
  float:left;
  padding: 5px;
  font-size:16px;
  height:100%;
  line-height: 70px;
  text-align: center;
  font-weight:bold;
}
.booking_number {
  width: 30%;
  float: right;
  padding: 5px;
  font-size: 16px;
  height:100%;
  font-weight:bold;
}
.booking_number_detail {
  width: 30%;
  float: right;
  padding: 5px;
  font-size:16px;
  height:100%;
  font-weight: bold;
  line-height: 1.5;
}
.booking_number_detail a{
  text-decoration: underline;
  color: #5cb3e4;
  font-size: 14px;
  font-weight: normal;
}
.arrival_time {
  width: 70%;
  float: left;
}
.flight_change {
  width: auto;
  float: left;
  text-align: left;
}
.seat_text {
  width: auto;
  float: left;
  text-align: left;
  margin-right: 20px;
}
.traveller_detail_block {
  border-top: 2px solid #ccc;
  padding-top: 5px;
}
.traveller_name {
  padding: 5px;
  border-bottom: 1px dashed #ccc;
}
.luggage_detail {
  padding: 5px;
  border-bottom: 1px dashed #ccc;
}
.seat_grage_detail {
  padding: 5px;
}
.title-p i {
  width:13px;
  height:9px;
  float: right;
  margin-top: 4px;
}
.title-p i.expand {
  background-image: url('/booking/confirm/image/common/arrow_expand.png');
}

.title-p i.collapse {
  background-image: url('/booking/confirm/image/common/arrow_collapse.png');
}

.arrown_down,
.airline_logo,
.flight_number,
.booking_number,
.booking_number_detail,
.moredt {
  display: inline-block;
  float: none;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .flight_number,
  .booking_number,
  .booking_number_detail {
    display: block;
    width: 100%;
    text-align: left;
    line-height: normal;
    padding: 10px 0;}
}
.airline_logo {
  padding-left: 0px;
}
.departure_time,
.arrival_time {
  margin: 10px;
}
.flight_info {
  padding-left: 65px;
}
.span_receipt_no {
  font-size: 18px;
  font-weight: bold;
}
.pay-time p > a {
  color: #4471c5;
}

/* CSS for #6984 */
.pay-time {
    position: relative; }
  .pay-time .title-p.w80,
  .pay-time ul.w80 {
    width: 80%;
  }
  .pay-time .gomaillist {
      width: 17%;
      text-align: center;
      cursor: pointer;
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
  }
  .pay-time .gomaillist a {
    padding: 0 11px;
    display: block;
    border: 1px solid #ccc;
    height: 100%;
    width: 100%;
  }
  .pay-time .gomaillist a img {
    height: 100%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .container .clearfix .title-p {
    position: relative;
    cursor: pointer;
  }
  /*.container .clearfix .title-p:after {
    width: 0px;
      height: 0px;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid #0070c0;
      content: '';
      margin: 0;
      position: absolute;
      right: 10px;
      top: 13px;
  }*/
  .mail-list-box > div {
    width: 100%;
    border-bottom: 1px dashed #ccc;
    padding: 15px 15px;
    float: left;
    position: relative;
  }
  .mail-list-box > div:last-child {
    border: none;
  }
  .mail-list-box ul {
    padding:  0;
    margin: 0;
  }
  .mail-list-box li {
    float: left;
    color: #888;
    font-size: 11px;
  }
  .mail-list-box li .date {
    color: #666;
  }
  .mail-list-box .top-contxt {
    font-weight: bold;
  }
  .mail-list-box .top-contxt ul li {
    color: #333;
    font-size: 14px;
    font-weight: bold;
  }
  .mail-list-box ul li > p {
    color: #0070c0;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 13px;
  }
  .mail-list-box ul li > p > img {
    cursor: pointer;
  }
  .mail-list-box ul li p a {
    color: #0070c0;
  }
  .mail-list-box ul li.email-title > div {
    padding-top: 20px;
    border-top: 1px solid #ccc;
    margin-top: 10px;
    color: #333;
  }
  .mail-list-box .attached {
    margin-right: 10px;
    padding: 5px 10px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
  }
  .mail-list-box .attached img {
    width: 20px;
    height: 20px;
    -webkit-transform:rotate(90deg);
       -moz-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
         -o-transform:rotate(90deg);
            transform:rotate(90deg);
  }
  .mail-list-box img.open {
    display: block;
    float: right;
    margin-top: 5px;
    cursor: pointer;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .mail-list-box .arrow-down-box > img{
    width: 20px;
  }
  .mail-list-box img.open.hidden-xs {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  display: block !important;
  }
  .sp {
    display: none;
  }
  .att-sp {
    display: none;
    margin-left: 15px;
    float: right;
  }
  .mail-list-box .details-email.hidden-xs {
    display: none;
  }
  .mail-list-box .details-email {
    font-size: 13px;
	word-wrap: break-word;
  }
  #email-list .maillist_block {
    border: 1px solid #ddd;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
    padding: 0 10px;
  }
  @media (max-width: 768px) {
    .att-sp, .sp {
      display: block !important;
    }
    .att-pc, .pc {
      display: none !important;
    }
    .mail-list-box .items.dates {
      width: 100%;
    }
    .mail-list-box .items.dates .date {
      float: left;
      padding-top: 4px;
    }
    .mail-list-box .items.dates .att-sp {
      float: left;
      width: 30px;
      padding: 0 5px;
    }
    .mail-list-box .email-title {
      width: 100%;
    }
    .mail-list-box .arrow-down-box {
      position: absolute;
      right: 15px;
      top: 10px;
      width: 25px;
    }
    .mail-list-box .all-items {
      width: 100%;
      text-align: right;
    }
    a.link-info {
      margin: 10px 0 20px;
    }
  }

.link-info {
    display: inline-block;
    margin: 10px 10px 0 10px;
    text-decoration: underline;
    color: #4b74b4;
}