@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*for Retina screen*/
/*--------------------------*/
/*inset 0 1px 1px rgba(0, 0, 0, 0.075)*/
/*for ghost button*/
/*---------------------------------*/
/*for article col-3 component*/
/*----------------*/
::-webkit-input-placeholder {
  color: #dddddd !important; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #dddddd !important; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #dddddd !important; }

:-ms-input-placeholder {
  color: #dddddd !important; }

/* Recommended placeholder styles */
.empty {
  color: #dddddd; }

/*[readonly].empty { cursor: default; }*/
/* Emulate IE `onselectstart=return false` for demo */
/* [disabled].empty {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }*/
/* Hide browser placeholders for demo */
/*::-webkit-input-placeholder { color: transparent; }*/
/* Firefox 18- */
/*:-moz-placeholder { color: transparent; }*/
/* Firefox 19+ */
/*::-moz-placeholder {   color: transparent; }*/
/*:-ms-input-placeholder {   color: transparent; }*/
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
       box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal;
  color: #0054a4; }

input[type="checkbox"],
input[type="radio"] {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
       box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .navbar {
    display: none; }

  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }

  .label {
    border: 1px solid #000; }

  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }
* {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #337ab7;
  text-decoration: none; }
  a:hover, a:focus {
    color: #23527c;
    text-decoration: underline; }
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 22px;
  margin-bottom: 22px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 0; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none; }

pre {
  display: block;
  padding: 10.5px;
  margin: 0 0 11px;
  font-size: 15px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 0; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 992px) {
    .container > .row {
      padding: 0 15px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1140px; } }
  @media (min-width: 1300px) {
    .container {
      width: 1200px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: 0;
  margin-right: 0; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 640px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }

  .col-sm-1 {
    width: 8.33333%; }

  .col-sm-2 {
    width: 16.66667%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-4 {
    width: 33.33333%; }

  .col-sm-5 {
    width: 41.66667%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-7 {
    width: 58.33333%; }

  .col-sm-8 {
    width: 66.66667%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-10 {
    width: 83.33333%; }

  .col-sm-11 {
    width: 91.66667%; }

  .col-sm-12 {
    width: 100%; }

  .col-sm-pull-0 {
    right: auto; }

  .col-sm-pull-1 {
    right: 8.33333%; }

  .col-sm-pull-2 {
    right: 16.66667%; }

  .col-sm-pull-3 {
    right: 25%; }

  .col-sm-pull-4 {
    right: 33.33333%; }

  .col-sm-pull-5 {
    right: 41.66667%; }

  .col-sm-pull-6 {
    right: 50%; }

  .col-sm-pull-7 {
    right: 58.33333%; }

  .col-sm-pull-8 {
    right: 66.66667%; }

  .col-sm-pull-9 {
    right: 75%; }

  .col-sm-pull-10 {
    right: 83.33333%; }

  .col-sm-pull-11 {
    right: 91.66667%; }

  .col-sm-pull-12 {
    right: 100%; }

  .col-sm-push-0 {
    left: auto; }

  .col-sm-push-1 {
    left: 8.33333%; }

  .col-sm-push-2 {
    left: 16.66667%; }

  .col-sm-push-3 {
    left: 25%; }

  .col-sm-push-4 {
    left: 33.33333%; }

  .col-sm-push-5 {
    left: 41.66667%; }

  .col-sm-push-6 {
    left: 50%; }

  .col-sm-push-7 {
    left: 58.33333%; }

  .col-sm-push-8 {
    left: 66.66667%; }

  .col-sm-push-9 {
    left: 75%; }

  .col-sm-push-10 {
    left: 83.33333%; }

  .col-sm-push-11 {
    left: 91.66667%; }

  .col-sm-push-12 {
    left: 100%; }

  .col-sm-offset-0 {
    margin-left: 0%; }

  .col-sm-offset-1 {
    margin-left: 8.33333%; }

  .col-sm-offset-2 {
    margin-left: 16.66667%; }

  .col-sm-offset-3 {
    margin-left: 25%; }

  .col-sm-offset-4 {
    margin-left: 33.33333%; }

  .col-sm-offset-5 {
    margin-left: 41.66667%; }

  .col-sm-offset-6 {
    margin-left: 50%; }

  .col-sm-offset-7 {
    margin-left: 58.33333%; }

  .col-sm-offset-8 {
    margin-left: 66.66667%; }

  .col-sm-offset-9 {
    margin-left: 75%; }

  .col-sm-offset-10 {
    margin-left: 83.33333%; }

  .col-sm-offset-11 {
    margin-left: 91.66667%; }

  .col-sm-offset-12 {
    margin-left: 100%; } }
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }

  .col-md-1 {
    width: 8.33333%; }

  .col-md-2 {
    width: 16.66667%; }

  .col-md-3 {
    width: 25%; }

  .col-md-4 {
    width: 33.33333%; }

  .col-md-5 {
    width: 41.66667%; }

  .col-md-6 {
    width: 50%; }

  .col-md-7 {
    width: 58.33333%; }

  .col-md-8 {
    width: 66.66667%; }

  .col-md-9 {
    width: 75%; }

  .col-md-10 {
    width: 83.33333%; }

  .col-md-11 {
    width: 91.66667%; }

  .col-md-12 {
    width: 100%; }

  .col-md-pull-0 {
    right: auto; }

  .col-md-pull-1 {
    right: 8.33333%; }

  .col-md-pull-2 {
    right: 16.66667%; }

  .col-md-pull-3 {
    right: 25%; }

  .col-md-pull-4 {
    right: 33.33333%; }

  .col-md-pull-5 {
    right: 41.66667%; }

  .col-md-pull-6 {
    right: 50%; }

  .col-md-pull-7 {
    right: 58.33333%; }

  .col-md-pull-8 {
    right: 66.66667%; }

  .col-md-pull-9 {
    right: 75%; }

  .col-md-pull-10 {
    right: 83.33333%; }

  .col-md-pull-11 {
    right: 91.66667%; }

  .col-md-pull-12 {
    right: 100%; }

  .col-md-push-0 {
    left: auto; }

  .col-md-push-1 {
    left: 8.33333%; }

  .col-md-push-2 {
    left: 16.66667%; }

  .col-md-push-3 {
    left: 25%; }

  .col-md-push-4 {
    left: 33.33333%; }

  .col-md-push-5 {
    left: 41.66667%; }

  .col-md-push-6 {
    left: 50%; }

  .col-md-push-7 {
    left: 58.33333%; }

  .col-md-push-8 {
    left: 66.66667%; }

  .col-md-push-9 {
    left: 75%; }

  .col-md-push-10 {
    left: 83.33333%; }

  .col-md-push-11 {
    left: 91.66667%; }

  .col-md-push-12 {
    left: 100%; }

  .col-md-offset-0 {
    margin-left: 0%; }

  .col-md-offset-1 {
    margin-left: 8.33333%; }

  .col-md-offset-2 {
    margin-left: 16.66667%; }

  .col-md-offset-3 {
    margin-left: 25%; }

  .col-md-offset-4 {
    margin-left: 33.33333%; }

  .col-md-offset-5 {
    margin-left: 41.66667%; }

  .col-md-offset-6 {
    margin-left: 50%; }

  .col-md-offset-7 {
    margin-left: 58.33333%; }

  .col-md-offset-8 {
    margin-left: 66.66667%; }

  .col-md-offset-9 {
    margin-left: 75%; }

  .col-md-offset-10 {
    margin-left: 83.33333%; }

  .col-md-offset-11 {
    margin-left: 91.66667%; }

  .col-md-offset-12 {
    margin-left: 100%; } }
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }

  .col-lg-1 {
    width: 8.33333%; }

  .col-lg-2 {
    width: 16.66667%; }

  .col-lg-3 {
    width: 25%; }

  .col-lg-4 {
    width: 33.33333%; }

  .col-lg-5 {
    width: 41.66667%; }

  .col-lg-6 {
    width: 50%; }

  .col-lg-7 {
    width: 58.33333%; }

  .col-lg-8 {
    width: 66.66667%; }

  .col-lg-9 {
    width: 75%; }

  .col-lg-10 {
    width: 83.33333%; }

  .col-lg-11 {
    width: 91.66667%; }

  .col-lg-12 {
    width: 100%; }

  .col-lg-pull-0 {
    right: auto; }

  .col-lg-pull-1 {
    right: 8.33333%; }

  .col-lg-pull-2 {
    right: 16.66667%; }

  .col-lg-pull-3 {
    right: 25%; }

  .col-lg-pull-4 {
    right: 33.33333%; }

  .col-lg-pull-5 {
    right: 41.66667%; }

  .col-lg-pull-6 {
    right: 50%; }

  .col-lg-pull-7 {
    right: 58.33333%; }

  .col-lg-pull-8 {
    right: 66.66667%; }

  .col-lg-pull-9 {
    right: 75%; }

  .col-lg-pull-10 {
    right: 83.33333%; }

  .col-lg-pull-11 {
    right: 91.66667%; }

  .col-lg-pull-12 {
    right: 100%; }

  .col-lg-push-0 {
    left: auto; }

  .col-lg-push-1 {
    left: 8.33333%; }

  .col-lg-push-2 {
    left: 16.66667%; }

  .col-lg-push-3 {
    left: 25%; }

  .col-lg-push-4 {
    left: 33.33333%; }

  .col-lg-push-5 {
    left: 41.66667%; }

  .col-lg-push-6 {
    left: 50%; }

  .col-lg-push-7 {
    left: 58.33333%; }

  .col-lg-push-8 {
    left: 66.66667%; }

  .col-lg-push-9 {
    left: 75%; }

  .col-lg-push-10 {
    left: 83.33333%; }

  .col-lg-push-11 {
    left: 91.66667%; }

  .col-lg-push-12 {
    left: 100%; }

  .col-lg-offset-0 {
    margin-left: 0%; }

  .col-lg-offset-1 {
    margin-left: 8.33333%; }

  .col-lg-offset-2 {
    margin-left: 16.66667%; }

  .col-lg-offset-3 {
    margin-left: 25%; }

  .col-lg-offset-4 {
    margin-left: 33.33333%; }

  .col-lg-offset-5 {
    margin-left: 41.66667%; }

  .col-lg-offset-6 {
    margin-left: 50%; }

  .col-lg-offset-7 {
    margin-left: 58.33333%; }

  .col-lg-offset-8 {
    margin-left: 66.66667%; }

  .col-lg-offset-9 {
    margin-left: 75%; }

  .col-lg-offset-10 {
    margin-left: 83.33333%; }

  .col-lg-offset-11 {
    margin-left: 91.66667%; }

  .col-lg-offset-12 {
    margin-left: 100%; } }
table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 22px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info,
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }
  @media screen and (max-width: 639px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 16.5px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd; }
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table-bordered {
        border: 0; }
        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 22px;
  font-size: 24px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 16px;
  line-height: 1.42857;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 36px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1; }
  .form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

input[type="search"] {
  -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 36px; }
  input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
  .input-group-sm > input[type="date"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input[type="time"].form-control,
  .input-group-sm > input[type="time"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input[type="datetime-local"].form-control,
  .input-group-sm > input[type="datetime-local"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input[type="month"].form-control,
  .input-group-sm > input[type="month"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm
  input[type="month"] {
    line-height: 33px; }
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
  .input-group-lg > input[type="date"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input[type="time"].form-control,
  .input-group-lg > input[type="time"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input[type="datetime-local"].form-control,
  .input-group-lg > input[type="datetime-local"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input[type="month"].form-control,
  .input-group-lg > input[type="month"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg
  input[type="month"] {
    line-height: 49px; } }
.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio label,
  .checkbox label {
    min-height: 22px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled, fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled, fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label, fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 38px; }
  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-left: 0;
    padding-right: 0; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 33px;
  line-height: 33px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto; }

.form-group-sm .form-control {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px; }
.form-group-sm select.form-control {
  height: 33px;
  line-height: 33px; }
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto; }
.form-group-sm .form-control-static {
  height: 33px;
  min-height: 36px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.5; }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 49px;
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33333;
  border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 49px;
  line-height: 49px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto; }

.form-group-lg .form-control {
  height: 49px;
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33333;
  border-radius: 6px; }
.form-group-lg select.form-control {
  height: 49px;
  line-height: 49px; }
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto; }
.form-group-lg .form-control-static {
  height: 49px;
  min-height: 42px;
  padding: 11px 16px;
  font-size: 20px;
  line-height: 1.33333; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control {
    padding-right: 45px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 49px;
  height: 49px;
  line-height: 49px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 33px;
  height: 33px;
  line-height: 33px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #3c763d; }
.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }
.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #8a6d3b; }
.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }
.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #a94442; }
.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }
.has-error .form-control-feedback {
  color: #a94442; }

.has-feedback label ~ .form-control-feedback {
  top: 27px; }
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

@media (min-width: 640px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 29px; }
.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }
@media (min-width: 640px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px; } }
.form-horizontal .has-feedback .form-control-feedback {
  right: 0; }
@media (min-width: 640px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.33333px;
    font-size: 20px; } }
@media (min-width: 640px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 14px; } }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none; }

a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c; }
  .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
      color: #333;
      background-color: #d4d4d4;
      border-color: #8c8c8c; }
  .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40; }
  .btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
  .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #204d74;
      border-color: #122b40; }
  .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
    background-color: #337ab7;
    border-color: #2e6da4; }
  .btn-primary .badge {
    color: #337ab7;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625; }
  .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #398439;
      border-color: #255625; }
  .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85; }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85; }
  .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d; }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #985f0d; }
  .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19; }
  .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
  .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #ac2925;
      border-color: #761c19; }
  .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff; }

.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33333;
  border-radius: 6px; }

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 16px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 10px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333333;
    white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777; }
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }
.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 14px;
  line-height: 1.42857;
  color: #777777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: ""; }
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 640px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left; }
    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }
  .btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table; }
  .btn-toolbar:after {
    clear: both; }
  .btn-toolbar .btn,
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table; }
.btn-group-vertical > .btn-group:after {
  clear: both; }
.btn-group-vertical > .btn-group > .btn {
  float: none; }
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%; }
  .btn-group-justified > .btn-group .btn {
    width: 100%; }
  .btn-group-justified > .btn-group .dropdown-menu {
    left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 0; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 3px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 20px;
    border-radius: 6px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
      z-index: 2; }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px; }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .nav > li.disabled > a {
      color: #777777; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #777777;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #337ab7; }
  .nav .nav-divider {
    height: 1px;
    margin: 10px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent;
      border-radius: 0 0 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #555555;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 0; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      text-align: center;
      margin-bottom: 5px; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 640px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 0; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd; }
  @media (min-width: 640px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 0 0 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #fff; } }

.tab-content > .tab-pane {
  display: none; }
.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 22px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    content: " ";
    display: table; }
  .navbar:after {
    clear: both; }
  @media (min-width: 640px) {
    .navbar {
      border-radius: 0; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }
.navbar-header:after {
  clear: both; }
@media (min-width: 1025px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 0;
  padding-left: 0;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 1025px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0; } }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }
  @media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px; } }

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: 0;
  margin-left: 0; }
  @media (min-width: 640px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 640px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media (min-width: 640px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  padding: 14px 0;
  font-size: 20px;
  line-height: 22px;
  height: 50px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }
  @media (min-width: 640px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
      margin-left: 0; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 0;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 1025px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 7px 0; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 22px; }
  @media (max-width: 639px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none; }
      .navbar-nav .open .dropdown-menu > li > a,
      .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px; }
      .navbar-nav .open .dropdown-menu > li > a {
        line-height: 22px; }
        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none; } }
  @media (min-width: 640px) {
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; }
        .navbar-nav > li > a {
          padding-top: 14px;
          padding-bottom: 14px; } }

.navbar-form {
  margin-left: 0;
  margin-right: 0;
  padding: 10px 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 7px;
  margin-bottom: 7px; }
  @media (min-width: 640px) {
    .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .navbar-form .form-control-static {
      display: inline-block; }
    .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle; }
      .navbar-form .input-group .input-group-addon,
      .navbar-form .input-group .input-group-btn,
      .navbar-form .input-group .form-control {
        width: auto; }
    .navbar-form .input-group > .form-control {
      width: 100%; }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle; }
      .navbar-form .radio label,
      .navbar-form .checkbox label {
        padding-left: 0; }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0; }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0; } }
  @media (max-width: 639px) {
    .navbar-form .form-group {
      margin-bottom: 5px; }
      .navbar-form .form-group:last-child {
        margin-bottom: 0; } }
  @media (min-width: 640px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 7px;
  margin-bottom: 7px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 8.5px;
    margin-bottom: 8.5px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px; }

.navbar-text {
  margin-top: 14px;
  margin-bottom: 14px; }
  @media (min-width: 640px) {
    .navbar-text {
      float: left;
      margin-left: 0;
      margin-right: 0; } }

@media (min-width: 640px) {
  .navbar-left {
    float: left !important; }

  .navbar-right {
    float: right !important;
    margin-right: 0; }
    .navbar-right ~ .navbar-right {
      margin-right: 0; } }
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: #777; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #5e5e5e;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777; }
  .navbar-default .navbar-nav > li > a {
    color: #777; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #333;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #888; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555; }
  @media (max-width: 639px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent; } }
  .navbar-default .navbar-link {
    color: #777; }
    .navbar-default .navbar-link:hover {
      color: #333; }
  .navbar-default .btn-link {
    color: #777; }
    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
      color: #333; }
    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #090909;
    color: #fff; }
  @media (max-width: 639px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent; } }
  .navbar-inverse .navbar-link {
    color: #9d9d9d; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }
  .navbar-inverse .btn-link {
    color: #9d9d9d; }
    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
      color: #fff; }
    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 22px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 0; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li + li:before {
      content: "/ ";
      padding: 0 5px;
      color: #ccc; }
  .breadcrumb > .active {
    color: #777777; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 22px 0;
  border-radius: 0; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.42857;
      text-decoration: none;
      color: #337ab7;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 0;
      border-top-left-radius: 0; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    z-index: 3;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33333; }
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5; }
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 22px 0;
  list-style: none;
  text-align: center; }
  .pager:before, .pager:after {
    content: " ";
    display: table; }
  .pager:after {
    clear: both; }
  .pager li {
    display: inline; }
    .pager li > a,
    .pager li > span {
      display: inline-block;
      padding: 5px 14px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 15px; }
    .pager li > a:hover,
    .pager li > a:focus {
      text-decoration: none;
      background-color: #eeeeee; }
  .pager .next > a,
  .pager .next > span {
    float: right; }
  .pager .previous > a,
  .pager .previous > span {
    float: left; }
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: #777777;
    background-color: #fff;
    cursor: not-allowed; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
  .label:empty {
    display: none; }
  .btn .label {
    position: relative;
    top: -1px; }

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-default {
  background-color: #777777; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e; }

.label-primary {
  background-color: #337ab7; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #286090; }

.label-success {
  background-color: #5cb85c; }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5; }

.label-warning {
  background-color: #f0ad4e; }
  .label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f; }

.label-danger {
  background-color: #d9534f; }
  .label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px; }
  .badge:empty {
    display: none; }
  .btn .badge {
    position: relative;
    top: -1px; }
  .btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px; }
  .list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff; }
  .list-group-item > .badge {
    float: right; }
  .list-group-item > .badge + .badge {
    margin-right: 5px; }
  .nav-pills > li > a > .badge {
    margin-left: 3px; }

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee; }
  .jumbotron h1,
  .jumbotron .h1 {
    color: inherit; }
  .jumbotron p {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 200; }
  .jumbotron > hr {
    border-top-color: #d5d5d5; }
  .container .jumbotron, .container-fluid .jumbotron {
    border-radius: 6px; }
  .jumbotron .container {
    max-width: 100%; }
  @media screen and (min-width: 640px) {
    .jumbotron {
      padding-top: 48px;
      padding-bottom: 48px; }
      .container .jumbotron, .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px; }
      .jumbotron h1,
      .jumbotron .h1 {
        font-size: 72px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 22px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  transition: border 0.2s ease-in-out; }
  .thumbnail > img,
  .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto; }
  .thumbnail .caption {
    padding: 9px;
    color: #333333; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7; }

.alert {
  padding: 15px;
  margin-bottom: 22px;
  border: 1px solid transparent;
  border-radius: 0; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px; }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }
  .alert-info hr {
    border-top-color: #a6e1ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
  .alert-danger hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link {
    color: #843534; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }
.progress {
  overflow: hidden;
  height: 22px;
  margin-bottom: 22px;
  background-color: #f5f5f5;
  border-radius: 0;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease; }

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #5cb85c; }
  .progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #5bc0de; }
  .progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #f0ad4e; }
  .progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #d9534f; }
  .progress-striped .progress-bar-danger {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media {
  margin-top: 15px; }
  .media:first-child {
    margin-top: 0; }

.media,
.media-body {
  zoom: 1;
  overflow: hidden; }

.media-body {
  width: 10000px; }

.media-object {
  display: block; }
  .media-object.img-thumbnail {
    max-width: none; }

.media-right,
.media > .pull-right {
  padding-left: 10px; }

.media-left,
.media > .pull-left {
  padding-right: 10px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }

a.list-group-item,
button.list-group-item {
  color: #555; }
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:hover, a.list-group-item:focus,
  button.list-group-item:hover,
  button.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5; }

button.list-group-item {
  width: 100%;
  text-align: left; }

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed; }
  .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit; }
  .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #777777; }
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7; }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active .list-group-item-heading > small,
  .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading > small,
  .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading > small,
  .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit; }
  .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #c7ddef; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d; }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit; }
  a.list-group-item-success:hover, a.list-group-item-success:focus,
  button.list-group-item-success:hover,
  button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6; }
  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
  button.list-group-item-success.active,
  button.list-group-item-success.active:hover,
  button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f; }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit; }
  a.list-group-item-info:hover, a.list-group-item-info:focus,
  button.list-group-item-info:hover,
  button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3; }
  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
  button.list-group-item-info.active,
  button.list-group-item-info.active:hover,
  button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b; }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit; }
  a.list-group-item-warning:hover, a.list-group-item-warning:focus,
  button.list-group-item-warning:hover,
  button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:hover,
  button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442; }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit; }
  a.list-group-item-danger:hover, a.list-group-item-danger:focus,
  button.list-group-item-danger:hover,
  button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:hover,
  button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.panel {
  margin-bottom: 22px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }
  .panel-body:before, .panel-body:after {
    content: " ";
    display: table; }
  .panel-body:after {
    clear: both; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: -1;
  border-top-left-radius: -1; }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  color: inherit; }
  .panel-title > a,
  .panel-title > small,
  .panel-title > .small,
  .panel-title > small > a,
  .panel-title > .small > a {
    color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1; }

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0; }
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: -1;
    border-top-left-radius: -1; }
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: -1;
    border-bottom-left-radius: -1; }
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }
  .panel > .table caption,
  .panel > .table-responsive > .table caption,
  .panel > .panel-collapse > .table caption {
    padding-left: 15px;
    padding-right: 15px; }
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: -1;
  border-top-left-radius: -1; }
  .panel > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: -1;
    border-top-right-radius: -1; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
      border-top-left-radius: -1; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
      border-top-right-radius: -1; }
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1; }
  .panel > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: -1;
    border-bottom-right-radius: -1; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
      border-bottom-left-radius: -1; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
      border-bottom-right-radius: -1; }
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd; }
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0; }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0; }
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0; }

.panel-group {
  margin-bottom: 22px; }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0; }
    .panel-group .panel + .panel {
      margin-top: 5px; }
  .panel-group .panel-heading {
    border-bottom: 0; }
    .panel-group .panel-heading + .panel-collapse > .panel-body,
    .panel-group .panel-heading + .panel-collapse > .list-group {
      border-top: 1px solid #ddd; }
  .panel-group .panel-footer {
    border-top: 0; }
    .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }
  .panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd; }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ddd; }
    .panel-default > .panel-heading .badge {
      color: #f5f5f5;
      background-color: #333333; }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd; }

.panel-primary {
  border-color: #337ab7; }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7; }
    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #337ab7; }
    .panel-primary > .panel-heading .badge {
      color: #337ab7;
      background-color: #fff; }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7; }

.panel-success {
  border-color: #d6e9c6; }
  .panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
    .panel-success > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #d6e9c6; }
    .panel-success > .panel-heading .badge {
      color: #dff0d8;
      background-color: #3c763d; }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }
  .panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1; }
    .panel-info > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #bce8f1; }
    .panel-info > .panel-heading .badge {
      color: #d9edf7;
      background-color: #31708f; }
  .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }
  .panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc; }
    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #faebcc; }
    .panel-warning > .panel-heading .badge {
      color: #fcf8e3;
      background-color: #8a6d3b; }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }
  .panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1; }
    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ebccd1; }
    .panel-danger > .panel-heading .badge {
      color: #f2dede;
      background-color: #a94442; }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .carousel-inner > .item {
    display: none;
    position: relative;
    transition: 0.6s ease-in-out left; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
      max-width: 100%;
      height: auto;
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .item {
        transition: -webkit-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px; }
        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          left: 0; } }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
  .carousel-control.right {
    left: auto;
    right: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
  .carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block; }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif; }
  .carousel-control .icon-prev:before {
    content: '\2039'; }
  .carousel-control .icon-next:before {
    content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: transparent; }
  .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn {
    text-shadow: none; }

@media screen and (min-width: 640px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px; }

  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }

  .carousel-indicators {
    bottom: 20px; } }
html, body {
  font-family: Helvetica, "Microsoft YaHei", "Microsoft JhengHei", 微軟正黑體, "Hiragino Sans GB", Arial, sans-serif;
  color: #4a4a4a;
  background-color: #f8f8f8;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  font-size: 14px;
  min-width: 320px; }

.autoprefixer-test {
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  background: linear-gradient(to top, black, white);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5px; }
  .autoprefixer-test ::-webkit-input-placeholder {
    color: #ccc; }
  .autoprefixer-test :-moz-placeholder {
    color: #ccc; }
  .autoprefixer-test ::-moz-placeholder {
    color: #ccc; }
  .autoprefixer-test :-ms-input-placeholder {
    color: #ccc; }
  .autoprefixer-test ::placeholder {
    color: #ccc; }

body.body-cms {
  background-color: white; }

.hide {
  display: none; }

@media (max-width: 991px) {
  .hide-sm {
    display: none; } }

.sr-only {
  position: absolute !important; }

.col-gl-5 {
  width: 20% !important; }

.rotate {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

@media (max-width: 991px) {
  .rotate-sm {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); } }

h1 {
  font-size: 40px;
  font-weight: lighter; }

h2 {
  font-size: 30px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 16px; }

.textIndent {
  text-indent: 2em; }

.clear:after {
  display: block;
  content: "";
  clear: both; }

@media (max-width: 639px) {
  h1 {
    font-size: 32px;
    background-size: 70%; } }
b, strong {
  font-weight: bold; }

a {
  color: #2A5390;
  font-size: 14px;
  cursor: pointer; }
  a:hover {
    text-decoration: underline; }

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

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

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

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

.text-nowrap {
  white-space: nowrap; }

.floatleft {
  float: left; }

.floatright {
  float: right; }

.text-ellipsis {
  /*text-overflow:ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  word-break:normal;*/
  word-wrap: break-word; }

input::-ms-clear,
input::-ms-reveal {
  display: none !important; }

.affix {
  position: fixed; }

.paddingTop30 {
  padding-top: 30px !important; }

/*Skip Link*/
.skiplinks ul li a {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  color: #223B61; }
  .skiplinks ul li a:focus {
    background-color: #fff;
    border: 2px solid #223B61;
    clip: auto;
    display: block;
    height: auto;
    margin: 0;
    max-width: 1000px;
    overflow: visible;
    padding: 10px;
    position: static;
    text-align: center;
    width: 100%;
    z-index: 1; }

.skiplinks {
  background-color: #fff; }

.skiplinks ul {
  list-style-type: none;
  margin: 0 auto;
  max-width: 1000px;
  padding: 0; }

#content-body {
  clear: both; }

/*/ ---------------  color panel Style ------------------*/
.panel-gold {
  background: #BFA456;
  color: #413202; }

.panel-blue {
  background: #223B61;
  color: #f8f8f8; }
  .panel-blue h2 {
    font-size: 24px; }
  .panel-blue .ui-select-wrapper .display-label {
    color: #f8f8f8;
    font-size: 12px; }
  .panel-blue a {
    color: #f8f8f8;
    font-weight: normal; }

.panel-pink {
  color: white;
  background-color: #E4007F; }

.panel-lightblue {
  background: #A1D7DD;
  color: #223B61; }

/*/  ---------------  color panel end Style ------------------*/
a:focus, button:focus, input:focus, .btn:focus, *:focus {
  outline: 2px solid #A1D7DD;
  outline-offset: 0; }

form .row > div, #form .row > div {
  margin-top: 8px;
  margin-bottom: 8px; }
  form .row > div.hiddenFormItem, #form .row > div.hiddenFormItem {
    display: none; }
  form .row > div.noneFormItem, #form .row > div.noneFormItem {
    display: none; }
  @media (min-width: 991px) {
    form .row > div.hiddenFormItem, #form .row > div.hiddenFormItem {
      display: block;
      visibility: hidden; }
    form .row > div .bookingConfirm, #form .row > div .bookingConfirm {
      margin-top: 16px; } }

.display-label {
  font-size: 14px; }

.bookingpanel-btn > button {
  font-size: 14px;
  font-weight: bold; }

/*for hide select arrow on IE10*/
select::-ms-expand {
  display: none; }

/*hidden-label(sr-only)*/
.hide-label .display-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

/*a.link-red {
		border-bottom: 1px solid $brand-pink;
		color: $brand-grey;
		text-decoration: none;
		&:after {
			content: "";
			display: inline-block;
			width: 7px;
			height: 7px;
			position: relative;
			top: -8px;
			background-image: url(https://tw.ceair.com/newwebsite/images/icon-link-red.svg);
			background-repeat: no-repeat;
		}
		&:hover {
			border-bottom: 2px solid $brand-pink;
			text-decoration: none;
		}
	}*/
.flow-navi {
  padding: 15px 30px 45px 30px;
  font-size: 16px;
  color: black; }
  .flow-navi .flow-navi-head {
    display: none;
    padding: 30px 15px 30px 15px;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8; }
    .flow-navi .flow-navi-head .btn-expand:after {
      margin-top: 5.5px;
      float: right; }
  .flow-navi .flow-navi-list {
    position: relative; }
    .flow-navi .flow-navi-list:before {
      content: "";
      border-left: 2px solid #D8D8D8;
      left: 7px;
      top: 15px;
      bottom: 95px;
      position: absolute; }
    .flow-navi .flow-navi-list.hide-line:before {
      display: none; }
    .flow-navi .flow-navi-list li {
      margin: 30px 0;
      position: relative;
      z-index: 1; }
      .flow-navi .flow-navi-list li:before {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        margin: 0 15px 0 5px;
        background: black;
        vertical-align: middle; }
      .flow-navi .flow-navi-list li a {
        vertical-align: middle;
        text-decoration: underline; }
      .flow-navi .flow-navi-list li:last-of-type {
        border-top: 2px solid #D8D8D8;
        padding: 30px 0 0 26px; }
        .flow-navi .flow-navi-list li:last-of-type:before {
          display: none; }
      .flow-navi .flow-navi-list li.selected a {
        color: #E4007F;
        text-decoration: none; }
      .flow-navi .flow-navi-list li.selected:before {
        background: #E4007F; }
  @media (max-width: 991px) {
    .flow-navi {
      padding: 45px 0; }
      .flow-navi .flow-navi-head {
        display: block; }
      .flow-navi .flow-navi-list:before {
        display: none; }
      .flow-navi .flow-navi-list li {
        transition: all 0.5s ease 0s;
        opacity: 0;
        filter: alpha(opacity=0);
        max-height: 0;
        margin: 0;
        padding: 0 15px; }
        .flow-navi .flow-navi-list li:last-of-type {
          padding: 0 15px;
          border-top-width: 3px; }
        .flow-navi .flow-navi-list li:before {
          display: none; }
      .flow-navi .flow-navi-list.show-list li {
        opacity: 1;
        filter: alpha(opacity=100);
        max-height: 50px;
        margin: 30px 0; }
        .flow-navi .flow-navi-list.show-list li:last-of-type {
          padding-top: 30px; } }

#memberInfo h1, #myContacts h1 {
  padding-left: 60px;
  background-position-y: 16px;
  background-position-x: 10px;
  color: #4a4a4a;
  background-repeat: no-repeat; }
  @media (max-width: 639px) {
    #memberInfo h1, #myContacts h1 {
      background-position-y: 0;
      background-position-x: 10px;
      width: 30px; } }

.horizontal-form .horizontal-form-row > div {
  float: none;
  display: inline-block;
  vertical-align: bottom; }
  .horizontal-form .horizontal-form-row > div .btn {
    margin-bottom: 5px;
    max-width: 100%; }
.horizontal-form .padding-right .ui-input-wrapper {
  padding-right: 0; }
.horizontal-form .padding-right > div:first-child .ui-input-wrapper {
  padding-right: 15px; }
.horizontal-form .button-right > div {
  float: right; }

.table-list a, .related-content a {
  font-size: 14px; }

.table .fixheader th, .table .fixheader td {
  padding: 5px 0; }

.page-header {
  background-color: #223B61;
  margin-bottom: 15px;
  height: 120px; }
  .page-header.travel-information-header {
    margin-bottom: 0; }
  .page-header h1 {
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 120px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .page-header img {
    float: right; }
  .page-header .page-header-right {
    margin-left: 15px; }

.travel-information-header {
  height: 243px; }
  .travel-information-header p {
    color: #ffffff;
    margin-top: 38px; }
  .travel-information-header h1 {
    height: 52px; }

.page-header-image {
  background-color: #223B61;
  height: 100%;
  overflow: hidden; }

@media (max-width: 991px) {
  .page-header .page-header-image {
    display: none; }

  .page-header h1 {
    text-align: center; }

  .travel-information-header p {
    text-align: center; } }
.date-picker-input:after {
  content: '';
  background: url(https://tw.ceair.com/newwebsite/images/icon-date-input.svg) no-repeat;
  background-size: contain;
  width: 15px;
  height: 17px;
  display: inline-block;
  position: absolute;
  top: 36px;
  right: 30px;
  z-index: 1;
  pointer-events: none; }

.popupLoading {
  position: fixed;
  top: 0;
  background-color: #000;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: 1005; }
  .popupLoading .buffer {
    width: 100%;
    height: 100%;
    background: url("/public/system/assets/images/loading.gif") center center no-repeat; }
    @media (max-width: 500px) {
      .popupLoading .buffer {
        background-size: 80%; } }
    .popupLoading .buffer .popup-ads-wrapper {
      position: absolute;
      top: 55%;
      left: 50%;
      color: #fff;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
      .popupLoading .buffer .popup-ads-wrapper a {
        color: #fff; }

.loadingHide {
  display: none; }

.color-width {
  color: transparent; }

.forgotPassword {
  position: relative;
  z-index: 0; }

.conditions {
  vertical-align: middle;
  margin-left: 10px;
  text-decoration: underline; }

.priceTips {
  padding: 10px 0; }
  .priceTips > a {
    display: inline-block;
    padding: 5px 0;
    text-decoration: underline; }

.wifi-tips .icon-info {
  font-size: 12px;
  background-size: 16px 16px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 5px; }
.wifi-tips .icon-info:hover {
  background-size: 16px 16px; }

.ReactModal__Overlay .ReactModal__Content.wifi-popup {
  width: 800px; }

ul.wifi-table-tit {
  width: 740px;
  background-color: #223B61;
  font-weight: bold;
  position: fixed;
  left: 20px;
  top: 50px;
  z-index: 1; }
  ul.wifi-table-tit li {
    display: inline-block;
    vertical-align: top;
    height: 36px;
    line-height: 36px;
    color: #ffffff;
    font-size: 14px;
    padding: 0 6px 0 8px; }
  @media (max-width: 991px) {
    ul.wifi-table-tit {
      /*新 20161229 Ailsa*/
      display: none; } }

.visible-print {
  display: none !important; }

.verificationCode {
  padding-top: 16px !important; }
  .verificationCode:after {
    content: '';
    clear: both;
    display: block; }
  .verificationCode .inline-block {
    float: left; }
    .verificationCode .inline-block .playVoice, .verificationCode .inline-block .refresh {
      display: block;
      margin-bottom: 3px;
      width: 25px;
      height: 25px;
      margin-right: 3px; }
    .verificationCode .inline-block .playVoice {
      background: url(https://tw.ceair.com/newwebsite/images/voice.gif) no-repeat; }
    .verificationCode .inline-block .refresh {
      background: url(https://tw.ceair.com/newwebsite/images/refresh.gif) no-repeat; }

@media print {
  .hidden-print {
    display: none !important; }

  .visible-print {
    display: block !important; } }
@media print and (max-width: 639px) {
  #payment .shadowcard-wrapper .shadowcard .show-detail .leg-passenger .table-wrapper {
    max-height: 500px;
    opacity: 1; }

  #payment .shadowcard-wrapper .shadowcard .show-detail .show-passenger .table-wrapper td:first-child {
    border-left: none; } }
.text-pink {
  color: #E4007F !important; }

.text-blue-light {
  color: #294f9a; }

.text-bold {
  font-weight: bold; }

.loginPageBtnBox {
  padding: 0 10px; }
  .loginPageBtnBox .loginPageLoginBtn {
    padding-right: 10px; }
  .loginPageBtnBox .loginPageRegisterBtn {
    padding-left: 10px; }
  @media (max-width: 639px) {
    .loginPageBtnBox .loginPageLoginBtn {
      padding-right: 0;
      padding-bottom: 10px; }
    .loginPageBtnBox .loginPageRegisterBtn {
      padding-left: 0; } }

#nb-language {
  position: relative;
  text-align: left;
  border-radius: 6px 0px 6px 6px;
  border: 1px solid #333;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  margin-right: -20px;
  position: absolute;
  right: 0;
  z-index: 1002;
  background: #fff; }
  #nb-language .nb-language {
    width: 600px;
    padding: 20px 10px; }
  #nb-language .nb-document {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #nb-language .nb-select {
    padding-top: 16px; }
  #nb-language .language-close {
    position: absolute;
    right: 5px;
    top: 3px; }

#flightRouteContainer {
  height: 800px; }
  @media (max-width: 991px) {
    #flightRouteContainer {
      height: 250px; } }

.ib2c-list dt {
  font-weight: bold; }
.ib2c-list li:before, .ib2c-list dd:before {
  background: #E4007F;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 7px 10px 0 10px;
  vertical-align: top; }

.csConsole {
  display: block;
  width: 50px;
  height: 50px;
  background: url(http://172.31.67.44/online-customer/dist/assets/cs1.png) no-repeat;
  position: fixed;
  right: 30px;
  bottom: 100px;
  border: 1px solid #7a7f85; }
  .csConsole:hover {
    width: 50px;
    height: 50px;
    background: url(http://172.31.67.44/online-customer/dist/assets/cs2.png) no-repeat;
    position: fixed;
    right: 30px;
    bottom: 100px;
    border: 1px solid #7a7f85; }

.korea {
  padding: 20px;
  overflow: auto;
  max-height: 300px;
  border: 1px solid #d8d8d8; }
  .korea .tip::before {
    background: #E4007F;
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 4px 15px 3px 5px; }
  .korea table {
    font-size: 12px;
    border-collapse: collapse; }
    .korea table th, .korea table td {
      vertical-align: middle !important;
      text-align: center; }

#transit-application-form .condition::before, #add-service .condition::before {
  background: #E4007F;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 8px 15px 0 5px;
  vertical-align: top; }
#transit-application-form .value, #add-service .value {
  display: inline-block;
  line-height: 2em; }

.space-around-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around; }

.space-between-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.center-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-end-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

#onlineConsultingForm h4 {
  line-height: 3em; }
#onlineConsultingForm #btn-submit {
  margin-top: 17px; }

input[type='password'] {
  font-family: Helvetica, "Microsoft YaHei", "Microsoft JhengHei", 微軟正黑體, "Hiragino Sans GB", Arial, sans-serif; }

.ui-radio-wrapper {
  position: relative;
  float: left; }
  @media (min-width: 640px) {
    .ui-radio-wrapper {
      margin-right: 25px; } }
  .ui-radio-wrapper .ui-radio {
    position: absolute;
    clip: rect(0 0 0 0); }
  .ui-radio-wrapper .label-txt {
    margin-left: 36px;
    font-size: 12px;
    color: #4D4D4D; }
  .ui-radio-wrapper .label-radio {
    font-weight: normal; }
    .ui-radio-wrapper .label-radio .fake-radio {
      display: inline-block;
      background: white;
      border-radius: 50% 50%;
      border: 3px solid white;
      box-shadow: 0 0 0 2px #223B61;
      width: 18px;
      height: 18px;
      margin-top: 2px; }
    .ui-radio-wrapper .label-radio .label-text {
      line-height: 18px;
      left: 5px;
      top: -4px;
      position: relative;
      margin-right: 10px; }
    .ui-radio-wrapper .label-radio:hover .fake-radio {
      box-shadow: 0 0 0 3px #223B61; }
  .ui-radio-wrapper .label-radio.disabled {
    cursor: not-allowed; }
    .ui-radio-wrapper .label-radio.disabled .fake-radio {
      background-color: #f8f8f8;
      border-color: #f8f8f8;
      box-shadow: 0 0 0 2px #707070; }
  .ui-radio-wrapper .ui-radio:checked + .label-radio .label-text {
    font-weight: bold; }
  .ui-radio-wrapper .ui-radio:checked + .label-radio .fake-radio, .ui-radio-wrapper .fake-radio.checked {
    background-color: #223B61;
    box-shadow: 0 0 0 2px #223B61; }
  .ui-radio-wrapper .grey {
    background-color: grey !important;
    box-shadow: 0 0 0 2px grey !important; }
  .ui-radio-wrapper .ui-radio:focus + .label-radio {
    outline: 2px solid #A1D7DD;
    outline-offset: 0; }

.ui-select-wrapper {
  display: block;
  width: 100%;
  padding-right: 12px; }
  .ui-select-wrapper.disabled .ui-select-box .ui-select {
    background: #f8f8f8;
    color: #979797;
    border-bottom-color: #707070 !important; }
  .ui-select-wrapper .display-label {
    font-weight: normal;
    color: #4a4a4a;
    display: block;
    font-size: 12px; }
    .ui-select-wrapper .display-label .star {
      font-size: 24px;
      display: inline-block;
      position: relative;
      line-height: 0;
      top: 5px;
      color: #E4007F; }
  .ui-select-wrapper .ui-select-box {
    position: relative;
    display: block;
    font-size: 14px;
    height: 55px;
    width: 100%;
    left: 2px; }
    .ui-select-wrapper .ui-select-box:before {
      content: '';
      background: url(https://tw.ceair.com/newwebsite/images/dropdown.svg) no-repeat;
      background-size: 80%;
      width: 16px;
      height: 12px;
      position: absolute;
      right: 0;
      top: 40%;
      z-index: 1;
      pointer-events: none; }
    .ui-select-wrapper .ui-select-box.select-open:before {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      transition: 0.4s, ease-out; }
    .ui-select-wrapper .ui-select-box.select-close:before {
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
      transition: 0.4s, ease-out; }
    .ui-select-wrapper .ui-select-box.select-h40:before {
      right: 6px;
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8); }
    .ui-select-wrapper .ui-select-box .ui-select {
      font-weight: normal;
      position: absolute;
      width: 100%;
      height: 100%;
      /*opacity: 0;*/
      font-size: 14px;
      background-color: white;
      border: 1px solid #D8D8D8 !important;
      border-bottom: 3px solid #223B61 !important;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none\9;
      appearance: none;
      border: none;
      box-shadow: 0, 0, 0, white;
      color: #223B61; }
      .ui-select-wrapper .ui-select-box .ui-select::-ms-expand {
        display: none\9; }
      .ui-select-wrapper .ui-select-box .ui-select:focus {
        border-color: #A1D7DD;
        outline: 3px solid #A1D7DD;
        outline-offset: -3px; }
    .ui-select-wrapper .ui-select-box .select-text {
      position: absolute;
      width: 100%;
      height: 100%;
      line-height: 28px;
      display: inline-block;
      padding: 5px 20px 5px 10px;
      margin-right: 10px;
      border: none;
      z-index: -1; }
    .ui-select-wrapper .ui-select-box:hover {
      border-color: #223B61; }
      .ui-select-wrapper .ui-select-box:hover:before {
        background-image: url(https://tw.ceair.com/newwebsite/images/select-arrow-blue.svg); }

.ie9 .ui-select-wrapper .ui-select-box:before {
  display: none; }

.ui-autocomplete {
  display: block;
  width: 100%;
  padding-right: 15px; }
  .ui-autocomplete .display-label {
    font-weight: normal;
    color: #4a4a4a;
    display: block;
    font-size: 12px; }
    .ui-autocomplete .display-label .star {
      font-size: 24px;
      display: inline-block;
      position: relative;
      line-height: 0;
      top: 5px;
      color: #E4007F; }
    .ui-autocomplete .display-label .info {
      display: inline-block;
      position: relative;
      left: 10px;
      top: -5px;
      width: 24px;
      height: 24px;
      margin-bottom: -8px;
      background: url(https://tw.ceair.com/newwebsite/images/icon-label-info.svg) no-repeat; }
  .ui-autocomplete .ui-autocomplete-box {
    display: block;
    width: 100%;
    position: relative;
    border: 1px solid #D8D8D8;
    border-bottom: 3px solid #223B61;
    height: 55px; }
    .ui-autocomplete .ui-autocomplete-box:before {
      content: '';
      background: url(https://tw.ceair.com/newwebsite/images/select-arrow.svg) no-repeat;
      background-size: 80%;
      width: 16px;
      height: 12px;
      position: absolute;
      right: 5px;
      top: 40%;
      z-index: 1;
      pointer-events: none;
      transition: 0.4s, ease-out; }
    .ui-autocomplete .ui-autocomplete-box:hover {
      border-color: #223B61;
      outline: 1px solid #223B61;
      outline-offset: 0; }
      .ui-autocomplete .ui-autocomplete-box:hover:before {
        background-image: url(https://tw.ceair.com/newwebsite/images/select-arrow-blue.svg); }
    .ui-autocomplete .ui-autocomplete-box.select-open {
      outline: none;
      border: 2px solid #223B61;
      border-bottom: 1px solid #D8D8D8; }
      .ui-autocomplete .ui-autocomplete-box.select-open:before {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
    .ui-autocomplete .ui-autocomplete-box > input {
      width: 100%;
      height: 100%;
      font-size: 14px;
      font-weight: normal;
      padding: 5px 20px 5px 10px;
      background-color: white;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none\9;
      appearance: none;
      border: none;
      box-shadow: 0, 0, 0, white;
      color: #223B61; }
      .ui-autocomplete .ui-autocomplete-box > input::-ms-expand {
        display: none\9; }
      .ui-autocomplete .ui-autocomplete-box > input:focus {
        outline: none; }
    .ui-autocomplete .ui-autocomplete-box > div {
      text-align: left;
      position: absolute;
      border: 1px solid #D8D8D8;
      border-top: 1px solid #D8D8D8;
      z-index: 9;
      background-color: white;
      max-height: 223px;
      overflow-y: scroll; }
      .ui-autocomplete .ui-autocomplete-box > div .item {
        font-size: 14px;
        font-weight: normal;
        line-height: 50px;
        color: #4a4a4a;
        background: white;
        padding-left: 20px; }
      .ui-autocomplete .ui-autocomplete-box > div p.group-label {
        font-size: 14px;
        border-top: 1px solid #D8D8D8;
        border-bottom: 1px solid #D8D8D8;
        padding-left: 20px;
        font-weight: lighter;
        line-height: 50px; }
      .ui-autocomplete .ui-autocomplete-box > div .highlight {
        background-color: #f8f8f8; }
        .ui-autocomplete .ui-autocomplete-box > div .highlight p.item-label {
          font-size: 14px; }
    .ui-autocomplete .ui-autocomplete-box .autocomplete-list {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 11;
      background: #fff;
      border: 1px solid #D8D8D8;
      max-height: 245px;
      overflow: hidden;
      overflow-y: auto;
      font-weight: normal; }
      .ui-autocomplete .ui-autocomplete-box .autocomplete-list .autocomplete-list-box {
        max-height: 245px;
        overflow-y: auto; }
      .ui-autocomplete .ui-autocomplete-box .autocomplete-list dt, .ui-autocomplete .ui-autocomplete-box .autocomplete-list dd {
        white-space: nowrap;
        border-bottom: 1px solid #D8D8D8;
        font-size: 14px;
        line-height: 16px;
        overflow: hidden;
        text-overflow: ellipsis; }
      .ui-autocomplete .ui-autocomplete-box .autocomplete-list dt {
        padding: 16px 10px;
        font-style: italic;
        font-weight: bold; }
      .ui-autocomplete .ui-autocomplete-box .autocomplete-list dd {
        padding: 16px;
        border-bottom: 1px dotted #eee; }
      .ui-autocomplete .ui-autocomplete-box .autocomplete-list .current {
        background-color: #f8f8f8;
        font-weight: bold; }
      .ui-autocomplete .ui-autocomplete-box .autocomplete-list .select {
        background-color: #eee; }

.ui-dateinput-wrapper .display-label {
  font-weight: normal;
  color: #4a4a4a;
  display: block;
  font-size: 12px; }
  .ui-dateinput-wrapper .display-label .star {
    font-size: 24px;
    display: inline-block;
    position: relative;
    line-height: 0;
    top: 5px;
    color: #E4007F; }
.ui-dateinput-wrapper .row .hide-label {
  margin-top: 0;
  margin-bottom: 0; }

.ui-dateSelect-wrapper .display-label {
  font-weight: normal;
  color: #4a4a4a;
  display: block;
  font-size: 12px; }
  .ui-dateSelect-wrapper .display-label .star {
    font-size: 24px;
    display: inline-block;
    position: relative;
    line-height: 0;
    top: 5px;
    color: #E4007F; }
.ui-dateSelect-wrapper .row .hide-label {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.ui-btn-wrapper .display-label {
  display: block; }

.ui-input-wrapper {
  display: block;
  width: 100%;
  padding-right: 15px; }
  .ui-input-wrapper .look-password {
    position: absolute;
    width: 25px;
    height: 25px;
    right: 20px;
    bottom: 20px;
    background: url("/public/system/assets/images/eye-icon2.png") no-repeat center; }
    .ui-input-wrapper .look-password:hover {
      background: url("/public/system/assets/images/eye-icon1.png") no-repeat center; }
  .ui-input-wrapper.disabled .input, .ui-input-wrapper.disabled .textarea {
    background: #f8f8f8;
    color: #979797;
    border-bottom-color: #707070 !important; }
  .ui-input-wrapper .display-label {
    font-weight: normal;
    color: #4a4a4a;
    display: block;
    font-size: 12px; }
    .ui-input-wrapper .display-label .star {
      font-size: 24px;
      display: inline-block;
      position: relative;
      line-height: 0;
      top: 5px;
      color: #E4007F; }
    .ui-input-wrapper .display-label .icon-info {
      background: url(https://tw.ceair.com/newwebsite/images/icon-info.svg) center center no-repeat;
      background-size: contain;
      cursor: pointer;
      border: none;
      width: 16px;
      height: 16px;
      margin-left: 10px;
      vertical-align: middle; }
  .ui-input-wrapper input, .ui-input-wrapper textarea {
    display: block;
    position: relative;
    height: 55px;
    width: 100%;
    padding-left: 12px;
    background: white;
    color: black;
    border: 1px solid #D8D8D8;
    border-bottom: 3px solid #223B61;
    font-weight: bold;
    font-size: 14px; }
    .ui-input-wrapper input#clearleft, .ui-input-wrapper textarea#clearleft {
      padding-left: 0px; }
    .ui-input-wrapper input:hover, .ui-input-wrapper textarea:hover {
      border-color: #223B61;
      outline: 1px solid #223B61;
      outline-offset: 0; }
    .ui-input-wrapper input:focus, .ui-input-wrapper textarea:focus {
      border-color: #A1D7DD;
      outline: 2px solid #A1D7DD;
      outline-offset: 0; }
    .ui-input-wrapper input:active, .ui-input-wrapper textarea:active {
      border-color: #223B61;
      outline: 2px solid #A1D7DD;
      outline-offset: 0; }
  .ui-input-wrapper textarea {
    padding: 10px 12px;
    height: 140px;
    max-width: 100%;
    resize: none; }
  .ui-input-wrapper input.disabled,
  .ui-input-wrapper textarea.disabled {
    cursor: not-allowed;
    background: #f8f8f8;
    color: #D8D8D8; }
    .ui-input-wrapper input.disabled:hover,
    .ui-input-wrapper textarea.disabled:hover {
      border-color: #D8D8D8;
      outline: none;
      background: #f8f8f8; }
  .ui-input-wrapper input.alert {
    border-color: #D0021B;
    outline: 1px solid #D0021B; }
  .ui-input-wrapper input.pass {
    border-color: #417505;
    outline: 1px solid #417505; }
  .ui-input-wrapper .tips {
    font-weight: normal; }

.ui-filebox-wrapper {
  width: 100%; }
  .ui-filebox-wrapper .wrapper {
    padding: 10px 15px;
    background-color: #f8f8f8; }
    .ui-filebox-wrapper .wrapper .display-label, .ui-filebox-wrapper .wrapper .errorMsg {
      font-weight: normal;
      color: #4a4a4a; }
      .ui-filebox-wrapper .wrapper .display-label .star, .ui-filebox-wrapper .wrapper .errorMsg .star {
        font-size: 24px;
        display: inline-block;
        position: relative;
        line-height: 0;
        top: 5px;
        color: #E4007F; }
      .ui-filebox-wrapper .wrapper .display-label span:first-child:before, .ui-filebox-wrapper .wrapper .errorMsg span:first-child:before {
        content: "";
        background: url(https://tw.ceair.com/newwebsite/images/icon-error.svg);
        width: 25px;
        height: 25px;
        position: absolute;
        top: 20px;
        left: 20px; }
    .ui-filebox-wrapper .wrapper .filebox-button .file-uploader {
      display: none; }
    .ui-filebox-wrapper .wrapper .filebox-button button {
      margin: 8px 0; }
    .ui-filebox-wrapper .wrapper .filebox-tips {
      line-height: 71px; }
    .ui-filebox-wrapper .wrapper .filebox-list {
      padding-right: 15px; }
      .ui-filebox-wrapper .wrapper .filebox-list li {
        display: inline-block;
        height: 30px;
        margin-right: 15px;
        margin-top: 8px;
        border-left: 3px solid #223B61;
        background-color: white; }
        .ui-filebox-wrapper .wrapper .filebox-list li .file-text {
          display: inline-block;
          vertical-align: middle;
          padding: 0px 15px;
          max-width: 250px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          -o-text-overflow: ellipsis; }
        .ui-filebox-wrapper .wrapper .filebox-list li .fake-btn {
          display: inline-block;
          vertical-align: middle;
          width: 30px;
          height: 30px;
          border: none;
          background: url(https://tw.ceair.com/newwebsite/images/btn-close-blue.svg) no-repeat;
          background-size: contain;
          font-size: 28px;
          font-weight: 100;
          line-height: 0;
          padding: 0; }

.ui-formgroup-wrapper {
  margin-bottom: 20px; }
  .ui-formgroup-wrapper .inline-block {
    margin-top: 3px; }
  .ui-formgroup-wrapper legend {
    position: relative;
    border: 0;
    font-size: 14px;
    border-top: 1px solid #D8D8D8;
    padding-top: 20px;
    padding-left: 35px; }
    .ui-formgroup-wrapper legend:before {
      display: block;
      content: '';
      background: #223B61;
      width: 23px;
      height: 8px;
      position: absolute;
      left: 0;
      top: 24px; }
    .ui-formgroup-wrapper legend .star {
      font-size: 24px;
      display: inline-block;
      position: relative;
      line-height: 0;
      top: 5px;
      color: #E4007F; }
  .ui-formgroup-wrapper .mt20 {
    margin-top: 20px; }
    @media (max-width: 991px) {
      .ui-formgroup-wrapper .mt20 {
        margin-top: 0; } }

.ui-checkbox-wrapper .label-checkbox-input:focus + .label-radio {
  outline: 2px solid #A1D7DD;
  outline-offset: 0; }
.ui-checkbox-wrapper .label-checkbox {
  margin-right: 10px; }
.ui-checkbox-wrapper .fake-checkbox {
  display: inline-block;
  background: white;
  border: 3px solid white;
  box-shadow: 0 0 0 2px #223B61;
  width: 18px;
  height: 18px;
  vertical-align: middle; }
.ui-checkbox-wrapper:hover .fake-checkbox {
  box-shadow: 0 0 0 3px #223B61; }
.ui-checkbox-wrapper .fake-checkbox.checked {
  background-image: url(https://tw.ceair.com/newwebsite/images/tick.svg);
  background-repeat: no-repeat; }
.ui-checkbox-wrapper .label-checkbox.disabled {
  cursor: not-allowed; }
  .ui-checkbox-wrapper .label-checkbox.disabled .fake-checkbox {
    background-color: #f8f8f8;
    border-color: #f8f8f8;
    box-shadow: 0 0 0 2px #707070; }
  .ui-checkbox-wrapper .label-checkbox.disabled .fake-checkbox.checked {
    background-image: url(https://tw.ceair.com/newwebsite/images/tick-disabled.svg); }
.ui-checkbox-wrapper .ui-checkbox-text {
  vertical-align: middle;
  /*display: inline-block;*/
  margin-left: 8px; }
.ui-checkbox-wrapper .label-checkbox-input {
  position: absolute;
  clip: rect(0 0 0 0); }

.ui-btn-wrapper .display-label {
  font-size: 12px;
  display: block; }

.ui-custom-wrapper .display-label {
  font-weight: normal;
  color: #4a4a4a;
  display: block;
  font-size: 12px; }
.ui-custom-wrapper .contents {
  margin-top: 10px; }

.btn {
  height: 55px;
  line-height: 55px;
  width: 100%;
  max-width: 260px;
  background-color: #223B61;
  border: none;
  color: white;
  font-size: 14px;
  padding: 0;
  text-decoration: none; }
  .btn:focus {
    color: white;
    outline: 2px solid #A1D7DD;
    outline-offset: 0; }
  .btn:hover {
    color: white;
    background-color: #4E6280; }
  .btn:disabled {
    background-color: #D8D8D8;
    color: #8D8D8D; }
  @media (max-width: 639px) {
    .btn {
      max-width: 100%;
      height: 44px;
      line-height: 44px; } }

.btn-important {
  text-align: left;
  padding: 0 10px 0 20px;
  position: relative; }
  .btn-important:after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 20px;
    background-image: url(https://tw.ceair.com/newwebsite/images/white-arrow.svg);
    background-repeat: no-repeat; }
    @media (max-width: 639px) {
      .btn-important:after {
        top: 15px; } }
  .btn-important:disabled:after {
    background-image: url(https://tw.ceair.com/newwebsite/images/gray-arrow.svg); }

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

.btn-third {
  color: #223B61;
  text-align: center;
  background-color: white;
  border: 3px solid #223B61; }
  .btn-third:hover {
    color: #4E6280;
    background-color: white; }
  .btn-third:focus {
    color: #223B61; }
  .btn-third.disabled {
    color: #8D8D8D;
    border-color: #8D8D8D;
    background-color: white; }

.btn-pink {
  height: 55px;
  width: 100%;
  max-width: 260px;
  background-color: #E4007F;
  border: none;
  color: white;
  font-size: 14px;
  padding: 0;
  line-height: 30px; }
  .btn-pink:focus {
    color: white;
    outline: 2px solid #A1D7DD;
    outline-offset: 0; }
  .btn-pink:hover {
    color: white;
    background-color: #df1686; }
  @media (max-width: 639px) {
    .btn-pink {
      max-width: 100%;
      height: 44px; } }

.btn-pink-important {
  text-align: left;
  padding: 0 10px 0 20px;
  position: relative; }
  .btn-pink-important:after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 20px;
    background-image: url(https://tw.ceair.com/newwebsite/images/white-arrow.svg);
    background-repeat: no-repeat; }
    @media (max-width: 639px) {
      .btn-pink-important:after {
        top: 15px; } }
  .btn-pink-important:disabled {
    background-color: #D8D8D8;
    color: #8D8D8D; }
    .btn-pink-important:disabled:after {
      background-image: url(https://tw.ceair.com/newwebsite/images/gray-arrow.svg); }

.btn-pink-second {
  text-align: center; }

.btn-pink-third {
  color: #E4007F;
  text-align: center;
  background-color: white;
  border: 3px solid #E4007F; }
  .btn-pink-third:hover {
    color: #E72784;
    border-color: #E72784;
    background-color: white; }
  .btn-pink-third:focus {
    color: #E4007F; }
  .btn-pink-third.disabled {
    color: #8D8D8D;
    border-color: #8D8D8D;
    background-color: white; }

.btn-special {
  height: 55px;
  width: 100%;
  max-width: 260px;
  background-color: white;
  border: 3px solid #594510;
  color: #594510;
  font-size: 14px;
  padding: 0;
  line-height: 30px;
  display: inline-block;
  text-align: center; }
  .btn-special:hover {
    background-color: white;
    border: 3px solid #BFA456; }
  .btn-special:disabled {
    background-color: white;
    color: #8D8D8D;
    border: 3px solid #8D8D8D; }
  @media (max-width: 639px) {
    .btn-special {
      max-width: 100%; } }

.btn-link {
  padding-right: 20px;
  color: #4a4a4a;
  font-size: 14px;
  background: url(https://tw.ceair.com/newwebsite/images/icon-arrow-right.svg) right center no-repeat; }
  .btn-link.pink-arrow {
    background-image: url(https://tw.ceair.com/newwebsite/images/icon-arrow-right-pink2.svg); }
  .btn-link:hover {
    color: #4a4a4a;
    cursor: pointer; }

.btn-expand {
  background: none;
  padding-right: 6px;
  text-decoration: none; }
  .btn-expand:after {
    content: "";
    display: inline-block;
    height: 8px;
    width: 15px;
    background: url(https://tw.ceair.com/newwebsite/images/icon-arrow-down-black.svg) center no-repeat;
    margin-left: 10px;
    margin-bottom: 1px;
    transition: -webkit-transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s; }
  .btn-expand.cardheader {
    display: block;
    background: #223B61;
    color: white;
    width: 100%;
    text-align: left;
    padding: 10px 15px;
    text-decoration: none;
    font-weight: bold; }
    .btn-expand.cardheader:after {
      float: right;
      background: url(https://tw.ceair.com/newwebsite/images/arrow-down-white.svg) right no-repeat;
      width: 20px;
      margin-top: 7px; }

.btn-expand-show:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.btn-small {
  width: 100px;
  height: 30px;
  line-height: 30px; }

.custom-form > fieldset > .row:last-child fieldset {
  margin-bottom: 0; }
.custom-form legend.noTxt {
  margin-bottom: 0; }
  .custom-form legend.noTxt:before {
    display: none; }

.customform-wrapper .star {
  font-weight: bold;
  font-size: 16px;
  color: #E4007F; }
.customform-wrapper .form-head {
  padding: 8px 0; }
  .customform-wrapper .form-head .sub-title .star {
    padding: 0 5px; }
.customform-wrapper .ui-autocomplete,
.customform-wrapper .ui-select-wrapper,
.customform-wrapper .ui-radio-wrapper,
.customform-wrapper .ui-checkbox-wrapper,
.customform-wrapper .ui-input-wrapper,
.customform-wrapper .ui-btn-wrapper,
.customform-wrapper .ui-forminfo-wrapper,
.customform-wrapper .ui-custom-wrapper,
.customform-wrapper .ui-filebox-wrapper {
  padding: 0 10px; }
  .customform-wrapper .ui-autocomplete .text-phone,
  .customform-wrapper .ui-select-wrapper .text-phone,
  .customform-wrapper .ui-radio-wrapper .text-phone,
  .customform-wrapper .ui-checkbox-wrapper .text-phone,
  .customform-wrapper .ui-input-wrapper .text-phone,
  .customform-wrapper .ui-btn-wrapper .text-phone,
  .customform-wrapper .ui-forminfo-wrapper .text-phone,
  .customform-wrapper .ui-custom-wrapper .text-phone,
  .customform-wrapper .ui-filebox-wrapper .text-phone {
    margin-top: 30px;
    font-size: 14px; }
    @media (max-width: 639px) {
      .customform-wrapper .ui-autocomplete .text-phone,
      .customform-wrapper .ui-select-wrapper .text-phone,
      .customform-wrapper .ui-radio-wrapper .text-phone,
      .customform-wrapper .ui-checkbox-wrapper .text-phone,
      .customform-wrapper .ui-input-wrapper .text-phone,
      .customform-wrapper .ui-btn-wrapper .text-phone,
      .customform-wrapper .ui-forminfo-wrapper .text-phone,
      .customform-wrapper .ui-custom-wrapper .text-phone,
      .customform-wrapper .ui-filebox-wrapper .text-phone {
        margin-top: 10px;
        font-size: 12px; } }
.customform-wrapper .ui-dateinput-wrapper {
  padding: 0 10px; }
  .customform-wrapper .ui-dateinput-wrapper .dateInputWrapper:nth-child(2) .ui-input-wrapper {
    padding: 0 10px 0 0; }
  .customform-wrapper .ui-dateinput-wrapper .dateInputWrapper:nth-child(3) .ui-input-wrapper {
    padding: 0 10px 0 0; }
  .customform-wrapper .ui-dateinput-wrapper .dateInputWrapper:nth-child(4) .ui-input-wrapper {
    padding: 0; }
.customform-wrapper .ui-dateSelect-wrapper {
  padding: 0 10px; }
  .customform-wrapper .ui-dateSelect-wrapper .dateSelectWrapper {
    margin: 0; }
    .customform-wrapper .ui-dateSelect-wrapper .dateSelectWrapper:nth-child(2) .ui-select-wrapper {
      padding: 0 10px 0 0; }
    .customform-wrapper .ui-dateSelect-wrapper .dateSelectWrapper:nth-child(3) .ui-select-wrapper {
      padding: 0 10px 0 0; }
    .customform-wrapper .ui-dateSelect-wrapper .dateSelectWrapper:nth-child(4) .ui-select-wrapper {
      padding: 0; }
@media (max-width: 639px) {
  .customform-wrapper .ui-autocomplete,
  .customform-wrapper .ui-select-wrapper,
  .customform-wrapper .ui-radio-wrapper,
  .customform-wrapper .ui-checkbox-wrapper,
  .customform-wrapper .ui-input-wrapper,
  .customform-wrapper .ui-btn-wrapper,
  .customform-wrapper .ui-forminfo-wrapper,
  .customform-wrapper .ui-custom-wrapper,
  .customform-wrapper .ui-filebox-wrapper {
    margin-bottom: 5px; }
  .customform-wrapper .col-xs-12 .ui-btn-wrapper .display-label {
    display: none; } }

.errorMsg {
  margin: 10px 0 20px 0; }
  .errorMsg ul {
    background-color: #fff;
    padding: 20px 20px 20px 65px;
    min-height: 65px;
    border: 1px solid #D0021B;
    position: relative; }
    .errorMsg ul:before {
      content: "";
      background: url(https://tw.ceair.com/newwebsite/images/icon-error.svg);
      width: 25px;
      height: 25px;
      position: absolute;
      top: 20px;
      left: 20px; }
    .errorMsg ul li {
      display: block;
      margin: 10px 0; }
      .errorMsg ul li a {
        font-size: 14px;
        color: #E4007F;
        text-decoration: none; }
        .errorMsg ul li a:hover {
          color: #E4007F; }
      .errorMsg ul li:first-of-type {
        margin-top: 0; }
      .errorMsg ul li:last-of-type {
        margin-bottom: 0; }
  .errorMsg > .normalTip {
    border: 2px solid #E4007F;
    padding: 10px 10px 10px 65px;
    min-height: 40px;
    background: #fff url(https://tw.ceair.com/newwebsite/images/icon-label-info.svg) no-repeat 20px center; }
    .errorMsg > .normalTip:before {
      background: none;
      top: 8px; }

.showErrorMsg {
  position: relative; }
  .showErrorMsg .showErrorMsg {
    position: static; }
  .showErrorMsg .errorMsgs {
    position: relative; }
    .showErrorMsg .errorMsgs:before {
      content: "";
      background: url(https://tw.ceair.com/newwebsite/images/icon-error.svg);
      width: 25px;
      height: 25px;
      position: absolute;
      top: -8px;
      left: 0px; }
  .showErrorMsg .errorMsg {
    position: relative; }
    .showErrorMsg .errorMsg:before {
      content: "";
      background: url(https://tw.ceair.com/newwebsite/images/icon-error.svg);
      width: 25px;
      height: 25px;
      position: absolute;
      top: -8px;
      left: -30px; }
  .showErrorMsg .dateErrorMsg {
    position: relative; }
    .showErrorMsg .dateErrorMsg:before {
      content: "";
      background: url(https://tw.ceair.com/newwebsite/images/icon-error.svg);
      width: 25px;
      height: 25px;
      position: absolute;
      top: -8px;
      left: 0px; }
  .showErrorMsg input {
    display: block;
    position: relative;
    height: 55px;
    width: 100%;
    padding-left: 12px;
    background: white;
    color: black;
    border: 1px solid #D8D8D8;
    border-bottom: 3px solid #EE66B2;
    font-weight: bold;
    font-size: 14px; }
    .showErrorMsg input:hover {
      border-color: #EE66B2;
      outline: 1px solid #EE66B2;
      outline-offset: 0; }
  .showErrorMsg textarea {
    display: block;
    position: relative;
    width: 100%;
    padding-left: 12px;
    background: white;
    color: black;
    border: 1px solid #D8D8D8;
    border-bottom: 3px solid #EE66B2;
    font-weight: bold;
    font-size: 14px; }
    .showErrorMsg textarea:hover {
      border-color: #EE66B2;
      outline: 1px solid #EE66B2;
      outline-offset: 0; }
  .showErrorMsg .ui-autocomplete-box {
    display: block;
    width: 100%;
    position: relative;
    border: 1px solid #D8D8D8;
    border-bottom: 3px solid #EE66B2;
    height: 55px; }
    .showErrorMsg .ui-autocomplete-box:hover {
      border-color: #EE66B2;
      outline: 1px solid #EE66B2;
      outline-offset: 0; }
  .showErrorMsg .ui-select-box .ui-select {
    font-weight: normal;
    position: absolute;
    width: 100%;
    height: 100%;
    /* opacity: 0; */
    font-size: 14px;
    background-color: white;
    border: 1px solid #D8D8D8 !important;
    border-bottom: 3px solid #EE66B2 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none\9;
    appearance: none;
    border: none;
    box-shadow: 0, 0, 0, white;
    color: #223B61; }
    .showErrorMsg .ui-select-box .ui-select:hover {
      border-color: #EE66B2;
      outline: 2px solid #EE66B2;
      outline-offset: 0; }
  .showErrorMsg .display-label {
    color: #E4007F !important;
    padding-left: 30px !important;
    /*&line-height: 1;
    padding-bottom: 8px;
    &.text-color-normal{
    	color: $brand-grey !important;
    }*/ }
    .showErrorMsg .display-label .errorMsg {
      position: relative; }
      .showErrorMsg .display-label .errorMsg:before {
        content: "";
        background: url(https://tw.ceair.com/newwebsite/images/icon-error.svg);
        width: 25px;
        height: 25px;
        position: absolute;
        top: -8px;
        left: -30px; }
  .showErrorMsg .newErrorPop {
    position: absolute;
    z-index: 9;
    border: 1px solid #E4007F;
    background: #E4007F;
    color: #fff;
    border-radius: 4px;
    /*top: -12px;*/
    bottom: calc( 100% - 13px );
    right: 0;
    font-weight: normal;
    padding: 2px 5px;
    display: none;
    /*white-space: nowrap;*/ }
    @media (max-width: 991px) {
      .showErrorMsg .newErrorPop {
        white-space: normal; } }
  .showErrorMsg .dateSelectWrapper:nth-child(2) .newErrorPop {
    right: -350%; }
  .showErrorMsg .dateSelectWrapper:nth-child(3) .newErrorPop {
    right: -238%; }
  .showErrorMsg .input:focus + .newErrorPop {
    display: block; }
  .showErrorMsg .payment-cell .input:focus + .newErrorPop {
    display: block;
    /*top: -30px;*/
    bottom: calc( 100% + 5px ); }
  .showErrorMsg .ui-select:focus + .newErrorPop {
    display: block;
    /*top: -30px;*/
    bottom: calc( 100% + 5px ); }
  .showErrorMsg .label-checkbox-input:focus + .newErrorPop {
    display: block;
    /*top: -30px;*/
    bottom: calc( 100% + 5px );
    left: 0; }
  .showErrorMsg .ui-autocomplete-input:focus + .newErrorPop {
    display: block;
    /*top: -30px;*/
    bottom: calc( 100% + 5px );
    left: 0; }
  .showErrorMsg .textarea .newErrorPop {
    display: block; }
  .showErrorMsg .ui-autocomplete-box:focus + .newErrorPop {
    display: block; }
  .showErrorMsg .textarea:focus + .newErrorPop {
    display: block; }
  .showErrorMsg.combo-row > .display-label {
    clip: auto !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important; }
  .showErrorMsg.combo-row .newErrorPop {
    right: auto;
    left: 0; }

.booking-login .showErrorMsg .newErrorPop {
  right: auto;
  left: 0; }

.refund-uatp .errorMsg {
  margin: 0; }

.form-inner-children {
  padding: 10px; }

#member-find-password-form .findpassword .tabbox .contents {
  margin-top: 0; }
#member-find-password-form .findpassword .find-password-steps {
  margin-bottom: 10px; }
  #member-find-password-form .findpassword .find-password-steps .center {
    text-align: center; }
  #member-find-password-form .findpassword .find-password-steps .current {
    font-weight: bold;
    color: #D0021B; }

#memberLoginForm {
  height: 500px;
  font-size: 40px; }

#limoApplicationForm .service-item-sub {
  margin-left: 18px;
  padding-left: 7px;
  border-left: 1px solid #f8f8f8; }

.showErrorMsgDefault {
  position: relative;
  /*.showErrorMsg{
  	position: static;
  }*/ }
  .showErrorMsgDefault .display-label {
    /*&.text-color-normal{
    	color: $brand-grey !important;
    }*/ }
  .showErrorMsgDefault .newErrorPop {
    position: absolute;
    z-index: 9;
    border: 1px solid #E4007F;
    background: #E4007F;
    color: #fff;
    border-radius: 4px;
    /*top: -12px;*/
    bottom: calc( 100% - 13px );
    right: 0;
    font-weight: normal;
    padding: 2px 5px;
    display: none;
    /*white-space: nowrap;*/ }
    @media (max-width: 991px) {
      .showErrorMsgDefault .newErrorPop {
        white-space: normal; } }
  .showErrorMsgDefault .dateSelectWrapper:nth-child(2) .newErrorPop {
    right: -350%; }
  .showErrorMsgDefault .dateSelectWrapper:nth-child(3) .newErrorPop {
    right: -238%; }
  .showErrorMsgDefault .input:focus + .newErrorPop {
    display: block; }
  .showErrorMsgDefault .payment-cell .input:focus + .newErrorPop {
    display: block;
    /*top: -30px;*/
    bottom: calc( 100% + 5px ); }
  .showErrorMsgDefault .ui-select:focus + .newErrorPop {
    display: block;
    /*top: -30px;*/
    bottom: calc( 100% + 5px ); }
  .showErrorMsgDefault .label-checkbox-input:focus + .newErrorPop {
    display: block;
    /*top: -30px;*/
    bottom: calc( 100% + 5px );
    left: 0; }
  .showErrorMsgDefault .ui-autocomplete-input:focus + .newErrorPop {
    display: block;
    /*top: -30px;*/
    bottom: calc( 100% + 5px );
    left: 0; }
  .showErrorMsgDefault .textarea .newErrorPop {
    display: block; }
  .showErrorMsgDefault .ui-autocomplete-box:focus + .newErrorPop {
    display: block; }
  .showErrorMsgDefault.combo-row > .display-label {
    clip: auto !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important; }
  .showErrorMsgDefault.combo-row .newErrorPop {
    right: auto;
    left: 0; }

.ui-inputselnum-wrapper {
  display: block;
  width: 100%;
  position: relative;
  padding-right: 15px; }
  .ui-inputselnum-wrapper .none {
    display: none; }
  .ui-inputselnum-wrapper .cardlist {
    width: calc(100% - 15px);
    top: 100%;
    left: 0;
    z-index: 9999;
    position: absolute;
    overflow: auto;
    max-height: 300px;
    background: white;
    border: 1px solid #d8d8d8; }
    .ui-inputselnum-wrapper .cardlist span:hover {
      cursor: pointer;
      background: #eeeeee; }
    .ui-inputselnum-wrapper .cardlist span {
      display: block;
      padding: 0 20px;
      line-height: 50px;
      height: 50px; }
  .ui-inputselnum-wrapper .look-password {
    position: absolute;
    width: 25px;
    height: 25px;
    right: 20px;
    bottom: 20px;
    background: url("/public/system/assets/images/eye-icon2.png") no-repeat center; }
    .ui-inputselnum-wrapper .look-password:hover {
      background: url("/public/system/assets/images/eye-icon1.png") no-repeat center; }
  .ui-inputselnum-wrapper.disabled .input, .ui-inputselnum-wrapper.disabled .textarea {
    background: #f8f8f8;
    color: #979797;
    border-bottom-color: #707070 !important; }
  .ui-inputselnum-wrapper .display-label {
    font-weight: normal;
    color: #4a4a4a;
    display: block;
    font-size: 12px; }
    .ui-inputselnum-wrapper .display-label .star {
      font-size: 24px;
      display: inline-block;
      position: relative;
      line-height: 0;
      top: 5px;
      color: #E4007F; }
    .ui-inputselnum-wrapper .display-label .icon-info {
      background: url(https://tw.ceair.com/newwebsite/images/icon-info.svg) center center no-repeat;
      background-size: contain;
      cursor: pointer;
      border: none;
      width: 16px;
      height: 16px;
      margin-left: 10px;
      vertical-align: middle; }
  .ui-inputselnum-wrapper input, .ui-inputselnum-wrapper textarea {
    display: block;
    position: relative;
    height: 55px;
    width: 100%;
    padding-left: 12px;
    background: white;
    color: black;
    border: 1px solid #D8D8D8;
    border-bottom: 3px solid #223B61;
    font-weight: bold;
    font-size: 14px; }
    .ui-inputselnum-wrapper input#clearleft, .ui-inputselnum-wrapper textarea#clearleft {
      padding-left: 0px; }
    .ui-inputselnum-wrapper input:hover, .ui-inputselnum-wrapper textarea:hover {
      border-color: #223B61;
      outline: 1px solid #223B61;
      outline-offset: 0; }
    .ui-inputselnum-wrapper input:focus, .ui-inputselnum-wrapper textarea:focus {
      border-color: #A1D7DD;
      outline: 2px solid #A1D7DD;
      outline-offset: 0; }
    .ui-inputselnum-wrapper input:active, .ui-inputselnum-wrapper textarea:active {
      border-color: #223B61;
      outline: 2px solid #A1D7DD;
      outline-offset: 0; }
  .ui-inputselnum-wrapper textarea {
    padding: 10px 12px;
    height: 140px;
    max-width: 100%;
    resize: none; }
  .ui-inputselnum-wrapper input.disabled,
  .ui-inputselnum-wrapper textarea.disabled {
    cursor: not-allowed;
    background: #f8f8f8;
    color: #D8D8D8; }
    .ui-inputselnum-wrapper input.disabled:hover,
    .ui-inputselnum-wrapper textarea.disabled:hover {
      border-color: #D8D8D8;
      outline: none;
      background: #f8f8f8; }
  .ui-inputselnum-wrapper input.alert {
    border-color: #D0021B;
    outline: 1px solid #D0021B; }
  .ui-inputselnum-wrapper input.pass {
    border-color: #417505;
    outline: 1px solid #417505; }
  .ui-inputselnum-wrapper .tips {
    font-weight: normal; }

.content {
  width: 83.333%;
  margin-left: auto;
  margin-right: auto; }

.article-banner-title {
  max-height: 250px;
  background-color: #BFA456;
  background-image: url(https://tw.ceair.com/newwebsite/images/banner-service-right.png);
  background-position: right;
  background-repeat: no-repeat; }

.article-banner {
  background-color: #BFA456; }
  .article-banner.page404 .title-text {
    width: 545px; }
  .article-banner.page404 .subtitle {
    font-size: 40px; }
  .article-banner .article-banner-image {
    height: 250px;
    position: relative;
    overflow: hidden; }
    .article-banner .article-banner-image .col-sm-6 {
      height: 250px;
      overflow: hidden;
      width: auto; }
    @media (max-width: 991px) {
      .article-banner .article-banner-image {
        display: none; } }
  .article-banner .title-text {
    margin-top: 20px;
    text-align: left;
    color: #413202;
    width: 501px;
    font-weight: normal; }
    .article-banner .title-text h1 {
      font-weight: normal; }
    .article-banner .title-text .tags img {
      margin-left: 15px; }
    .article-banner .title-text .title {
      margin: 15px 0px;
      line-height: 50px; }
      @media (max-width: 640px) {
        .article-banner .title-text .title {
          width: 100%;
          font-size: 17px;
          line-height: 25px; } }
    @media (max-width: 640px) {
      .article-banner .title-text {
        width: auto; } }
  .article-banner .article-banner-title-blue {
    background: #223B61; }
    .article-banner .article-banner-title-blue .title-text {
      color: white; }

.headline {
  margin: 40px 0; }
  .headline h2 {
    font-weight: 100;
    font-size: 30px; }
  .headline .subtitle {
    margin-top: 10px; }

.RTE {
  margin: 30px 0 70px; }
  .RTE em, .RTE i {
    font-style: italic; }
  .RTE strong, .RTE b {
    font-weight: bold; }
  .RTE h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #777777;
    margin-top: 40px; }
  .RTE div {
    line-height: 23px;
    font-size: 14px; }
  .RTE span {
    line-height: 23px;
    font-size: 14px; }
  .RTE p {
    line-height: 23px;
    margin-bottom: 20px;
    font-size: 14px; }
    .RTE p .article-text-bold {
      font-weight: bold; }
    .RTE p .article-text-emph {
      color: #E4007F; }
    .RTE p .article-text-italic {
      font-style: italic; }
  .RTE ol {
    margin: 30px 0; }
    .RTE ol li {
      margin-bottom: 40px;
      padding-left: 57px;
      line-height: 23px;
      position: relative;
      counter-increment: step-counter; }
      .RTE ol li:before {
        content: counter(step-counter) ".";
        position: absolute;
        top: -1px;
        left: 30px;
        color: #223b61;
        font-weight: bold;
        font-size: 18px; }
      .RTE ol li span {
        display: inline-block;
        max-width: 632px; }
      .RTE ol li li {
        margin-bottom: 12px; }
      .RTE ol li ol li {
        counter-increment: sub-step-counter; }
        .RTE ol li ol li:before {
          content: counter(sub-step-counter) ".";
          font-size: 14px; }
  .RTE ul {
    margin: 30px 0; }
    .RTE ul li {
      margin-bottom: 40px;
      padding-left: 57px;
      line-height: 23px;
      position: relative; }
      .RTE ul li:before {
        content: "";
        display: block;
        width: 7px;
        height: 7px;
        position: absolute;
        top: 4px;
        left: 30px;
        background: #E4007F; }
      .RTE ul li.nobefore:before {
        display: none; }
      .RTE ul li span {
        display: inline-block;
        max-width: 632px; }
      .RTE ul li li {
        margin-bottom: 12px; }
      .RTE ul li ul li:before {
        height: 4px;
        top: 9px; }
  .RTE ol.link, .RTE ul.link {
    margin: 30px 0; }
    .RTE ol.link li, .RTE ul.link li {
      margin-bottom: 10px; }
  .RTE img {
    margin: 20px 0;
    width: 100%; }
  .RTE table {
    width: 100%; }
    .RTE table caption {
      font-size: 25px;
      margin-bottom: 10px;
      color: black; }
    .RTE table thead tr {
      border-top: 3px solid #223B61;
      border-bottom: 2px solid #D8D8D8; }
    .RTE table tbody tr {
      border-bottom: 1px solid #979797; }
    .RTE table tbody tr:nth-of-type(even) {
      background-color: #f8f8f8; }
    .RTE table td, .RTE table th {
      width: 1%;
      height: 30px;
      line-height: 1.5;
      text-align: center;
      vertical-align: middle;
      padding: 30px 5px;
      border: 1px solid #D8D8D8; }
    .RTE table th {
      border-bottom: 3px solid #D8D8D8;
      font-weight: bold; }

.expandable_box {
  margin: 30px 0 10px;
  padding: 10px 0;
  border-top: 2px solid rgba(128, 128, 128, 0.45);
  border-bottom: 2px solid rgba(128, 128, 128, 0.45); }
  .expandable_box .expandable_box_title {
    font-weight: normal;
    font-size: 24px; }
    .expandable_box .expandable_box_title .expandable_box_icon {
      width: 15px;
      height: 8px;
      display: inline-block;
      float: right;
      background-image: url(https://tw.ceair.com/newwebsite/images/icon-arrow-down.png);
      margin-top: 8px;
      transition: -webkit-transform 0.5s ease 0s;
      transition: transform 0.5s ease 0s;
      transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s; }
  .expandable_box .subtitle {
    margin-top: 10px; }

.expandable_box_contant {
  margin-top: 10px;
  overflow: hidden;
  transition: height 0.5s ease 0s;
  line-height: 23px; }

.table {
  margin: 30px 0;
  width: 100%; }
  .table table {
    width: 100%; }
    .table table caption {
      font-size: 25px;
      margin-bottom: 10px;
      color: black; }
    .table table thead tr {
      border-top: 3px solid #223B61;
      border-bottom: 2px solid #D8D8D8; }
    .table table tbody tr {
      border-bottom: 1px solid #979797; }
    .table table tbody tr:nth-of-type(even) {
      background-color: #f8f8f8; }
    .table table td, .table table th {
      width: 1%;
      height: 30px;
      line-height: 1.5;
      text-align: center;
      vertical-align: middle;
      padding: 30px 20px;
      border: 1px solid #D8D8D8; }
      .table table td a:after, .table table th a:after {
        background-image: none; }
      .table table td a:hover, .table table th a:hover {
        text-decoration: underline; }
    .table table th {
      border-bottom: 3px solid #D8D8D8;
      font-weight: bold; }

.article-social {
  margin: 30px 0;
  padding-left: 25px; }
  .article-social a {
    display: inline-block;
    width: 60px;
    height: 60px; }

.page-info {
  margin: 30px 0;
  padding-left: 25px; }
  .page-info p {
    margin-bottom: 10px; }

.related-content {
  margin: 30px 0;
  padding: 15px 0;
  background-color: #f8f8f8; }
  .related-content h3 {
    margin-bottom: 10px;
    margin-top: 10px; }
  .related-content ul li {
    vertical-align: top;
    margin: 10px 0;
    max-width: 280px; }
    .related-content ul li:before {
      content: "";
      width: 7px;
      height: 7px;
      display: inline-block;
      background: #E4007F;
      vertical-align: top;
      margin-top: 4px;
      margin-left: 2px; }
    .related-content ul li a {
      padding: 0 10px;
      display: inline-block;
      width: 90%;
      line-height: 20px; }

.scrollToFix-fix.scrollToFix-fix-bottom {
  top: 2450px;
  position: absolute;
  width: 100%;
  display: none;
  /* add by sally */ }
@media (min-width: 992px) {
  .scrollToFix-fix {
    z-index: 0;
    position: fixed;
    top: 0;
    width: 28%; } }

.sub-navigation {
  margin: 40px 0;
  padding: 30px 30px 0;
  border-top: 1px solid rgba(128, 128, 128, 0.31); }
  @media (max-width: 991px) {
    .sub-navigation .sub-navigation-icon {
      width: 15px;
      height: 8px;
      display: inline-block;
      float: right;
      background-image: url(https://tw.ceair.com/newwebsite/images/icon-arrow-down.png);
      margin-top: 8px;
      transition: -webkit-transform 0.5s ease 0s;
      transition: transform 0.5s ease 0s;
      transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s; } }
  .sub-navigation a.active {
    font-weight: bold; }
  .sub-navigation p {
    font-size: 24px; }
  .sub-navigation li {
    margin: 20px 0;
    transition: all 0.5s ease 0s; }
  @media (max-width: 991px) {
    .sub-navigation ul.sub-navigation-hide li {
      margin: 0;
      height: 0;
      opacity: 0;
      filter: alpha(opacity=0); } }

.page-navigation {
  margin: 40px 0;
  padding: 30px 30px 0;
  border-top: 1px solid rgba(128, 128, 128, 0.31); }
  .page-navigation p {
    font-size: 24px; }
  .page-navigation ul {
    position: relative;
    border-left: 2px solid rgba(128, 128, 128, 0.53);
    margin: 20px 0; }
    .page-navigation ul .slide-box {
      transition: top 0.5s ease 0s;
      background-color: #E4007F;
      width: 2px;
      height: 27px;
      position: absolute;
      left: -2px;
      top: 0px; }
    .page-navigation ul li.active a {
      font-weight: bold; }
    .page-navigation ul li {
      padding: 5px 10px;
      margin: 15px 0px; }
      .page-navigation ul li a {
        vertical-align: middle; }

.breadcrumbs {
  padding: 20px 0;
  background-color: #223B61; }
  .breadcrumbs img {
    height: 13.5px; }
  .breadcrumbs li {
    display: inline-block; }
    .breadcrumbs li .arrow {
      margin: 0 15px; }
    .breadcrumbs li span, .breadcrumbs li a {
      color: #fff; }
    .breadcrumbs li a {
      font-weight: normal; }
  .breadcrumbs li:last-child span {
    font-weight: bold; }

.table-list thead tr {
  border-bottom: 2px solid #223B61; }
.table-list tbody tr {
  border-bottom: 1px solid gray; }
.table-list td, .table-list th {
  height: 30px;
  padding: 40px 20px;
  border-left: none;
  border-right: none;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle; }
  .table-list td:first-child, .table-list th:first-child {
    text-align: left; }

.pagination {
  display: block;
  margin: 0; }
  .pagination li {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    margin-right: 5px;
    text-align: center; }
    .pagination li a {
      line-height: 25px; }
  .pagination li.active {
    color: white;
    padding: 0 8px;
    background-color: #E4007F;
    color: #fff; }
    .pagination li.active a {
      color: white; }
  .pagination li.pagination-info {
    margin-left: 25px; }

.list_box {
  overflow: hidden; }
  .list_box a {
    text-decoration: none;
    padding-bottom: 500px;
    margin-bottom: -499px;
    background-color: #f8f8f8;
    border-right: 1px solid #fff; }
    .list_box a:hover {
      color: black;
      text-decoration: none; }
    .list_box a .text {
      min-height: 140px;
      background-color: #f8f8f8; }
      .list_box a .text:before {
        content: "";
        position: relative;
        top: -27px;
        left: 20px;
        background-color: transparent;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #f8f8f8 transparent; }
      .list_box a .text .title {
        padding: 0 50px 0 15px;
        font-size: 24px;
        color: black;
        line-height: 28px;
        overflow: hidden;
        margin-top: -5px;
        background: url(https://tw.ceair.com/newwebsite/images/arrowright.svg) 95% center no-repeat;
        background-position: 100% 7px;
        width: 95%; }
      .list_box a .text .sub {
        margin: 10px 15px;
        font-size: 14px;
        width: 70%;
        color: black;
        line-height: 16px;
        min-height: 30px; }
      .list_box a .text img {
        position: relative;
        left: 84%;
        top: 26px; }
    .list_box a .noimage {
      display: none; }
  .list_box .image {
    overflow: hidden;
    height: 136px; }
    @media (min-width: 1200px) {
      .list_box .image {
        height: 190px; } }
    @media (max-width: 991px) {
      .list_box .image {
        height: 200px; } }

.list_boxA {
  text-decoration: none;
  margin-bottom: 10px;
  background-color: #f8f8f8;
  border-left: 3px solid #fff; }
  .list_boxA .image {
    height: 160px;
    overflow: hidden;
    border-top: 10px solid #fff; }
  .list_boxA .text {
    min-height: 120px;
    margin-top: 15px;
    background-color: #f8f8f8; }
    .list_boxA .text .title {
      padding: 0 50px 0 15px;
      font-size: 24px;
      color: black;
      line-height: 28px;
      overflow: hidden;
      margin-top: -5px;
      background: url(https://tw.ceair.com/newwebsite/images/arrowright.svg) 95% center no-repeat;
      background-position: 100% 7px;
      width: 95%; }
    .list_boxA .text .sub {
      margin: 10px 15px;
      font-size: 14px;
      width: 70%;
      color: black;
      line-height: 16px;
      min-height: 30px; }

.related-content-pic h3 {
  padding: 10px 0 10px 15px; }
.related-content-pic .related {
  height: 170px;
  background-color: #223B61; }
  .related-content-pic .related .image {
    display: inline-block;
    height: 100%; }
  .related-content-pic .related .text {
    display: inline-block;
    float: right;
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 50%;
    padding: 20px;
    background-color: #223B61;
    color: white;
    font-size: 14px;
    font-weight: 200;
    line-height: 20px;
    text-decoration: underline;
    font-family: helvetica; }
  .related-content-pic .related .trangle {
    position: absolute;
    left: 46%;
    top: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 25px 20px 0;
    border-color: transparent #223B61 transparent transparent; }

.hotel-list {
  border-top: 70px solid #223B61;
  margin-top: 50px; }
  .hotel-list .hotel-wrapper {
    background: #f8f8f8; }
    .hotel-list .hotel-wrapper .hotel-text {
      padding: 30px;
      border: 1px solid white;
      font-size: 14px; }
      .hotel-list .hotel-wrapper .hotel-text:before {
        content: "";
        position: relative;
        top: -57px;
        left: 0px;
        background-color: transparent;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #f8f8f8 transparent; }
      .hotel-list .hotel-wrapper .hotel-text .price-title {
        margin-top: 30px; }
      .hotel-list .hotel-wrapper .hotel-text .text-big {
        font-size: 24px; }
      .hotel-list .hotel-wrapper .hotel-text .btn {
        margin-top: 10px;
        max-width: 100%; }
    .hotel-list .hotel-wrapper .hotel-image {
      position: relative;
      height: 0;
      padding-bottom: 47%; }
      .hotel-list .hotel-wrapper .hotel-image img {
        position: absolute; }

.container .rightBar-M {
  padding-left: 25px; }

.banner-right-M {
  margin-left: 25px; }

.blue-banner-bg {
  background-color: #223B61; }
  .blue-banner-bg .title-text {
    color: #fff; }

@media (max-width: 991px) {
  .tabList {
    width: 100%;
    overflow-x: auto;
    height: 100%; }

  .title-text {
    padding: 0 15px;
    margin-bottom: 20px; }

  .RTE {
    margin: 0 5px 5px;
    background-color: #fff; }
    .RTE img {
      margin: 0; }
    .RTE p {
      padding: 0 10px 10px;
      margin-bottom: 0; }
    .RTE ul, .RTE ol {
      margin: 0;
      padding: 0 10px 10px; }
      .RTE ul li:before, .RTE ol li:before {
        left: 0; }
      .RTE ul li, .RTE ol li {
        padding-left: 20px;
        margin-bottom: 15px; }
    .RTE h3 {
      margin: 0;
      padding: 10px;
      font-size: 14px; }

  .headline {
    background-color: #fff;
    margin: 0;
    padding: 15px 10px 5px;
    margin: 0 5px; }
    .headline h2 {
      font-size: 14px;
      font-weight: bold; }

  .related-content {
    margin: 5px;
    padding: 10px 0; }
    .related-content h3 {
      margin: 0;
      font-size: 18px; }
    .related-content a {
      font-size: 14px; }

  .banner-right-M {
    margin-left: 0; }

  .article-social, .page-info {
    margin: 5px 5px 0 5px;
    padding: 10px;
    background-color: #fff; }

  .page-info {
    margin: 0 5px 5px 5px;
    padding-top: 0; }
    .page-info p {
      margin-bottom: 5px; }

  #content-body .table-list {
    background-color: #fff;
    margin: 0 5px 5px;
    width: auto; }
    #content-body .table-list td, #content-body .table-list th {
      padding: 10px; }
      #content-body .table-list td a, #content-body .table-list th a {
        font-size: 14px; }
  #content-body .pagination {
    margin: 5px 0; }
  #content-body .Additional-Infomation {
    margin: 5px;
    background-color: #fff;
    width: auto; }
    #content-body .Additional-Infomation .title {
      font-size: 18px; }
    #content-body .Additional-Infomation .text, #content-body .Additional-Infomation .btn-link {
      font-size: 14px;
      margin-top: 10px; }

  .col-md-8 .rightBar-M {
    margin: 0; }
  .col-md-8 .rightBar-M .related-content .rightBar-M {
    margin-left: 15px; }
  .col-md-8 .table.table-custom, .col-md-8 .video {
    margin: 0 5px 5px;
    background-color: #fff;
    overflow-x: scroll; }
  .col-md-8 .table.table-custom table caption {
    font-size: 14px;
    margin-left: 10px; }
  .col-md-8 .table.table-custom table th, .col-md-8 .table.table-custom table td {
    padding: 10px 20px; }
  .col-md-8 .video strong {
    margin: 10px;
    float: left; }

  .baggage {
    overflow-x: scroll; }

  .expandable_box {
    background-color: #fff;
    padding: 15px 10px;
    margin: 5px 5px 0 5px;
    border: none; }
    .expandable_box p, .expandable_box .expandable_box_title {
      font-weight: bold;
      font-size: 14px; }

  .expandable_box_contant {
    overflow-x: scroll; }
    .expandable_box_contant img {
      margin-bottom: 10px; }

  .sub-navigation {
    margin: 5px 0;
    background-color: #fff;
    padding: 15px 20px 15px; }
    .sub-navigation p {
      margin: 0;
      font-size: 14px;
      font-weight: 100; }

  .col-md-4 .rightBar-M .related-content {
    margin-left: -10px; }

  .list_box a .text {
    min-height: 110px; }
    .list_box a .text .title {
      font-size: 18px;
      height: auto; }
  .list_box .image {
    height: 170px; }

  .related-content-pic h2 {
    font-size: 18px;
    padding: 10px 15px; }

  .page-navigation {
    background-color: #fff;
    margin: 0 5px 5px;
    padding: 10px; }
    .page-navigation p {
      font-size: 18px; }

  .page-navigation:nth-child(2) {
    display: none; }

  .article-banner .title-text {
    margin-top: 20px;
    width: 100%;
    text-align: center; }

  .btn-link {
    padding-right: 15px; }

  .article-banner-title .title-text .title {
    font-size: 18px;
    line-height: 25px; }
  .article-banner-title .tags span {
    font-size: 14px; }

  .article-banner-title {
    min-height: 150px; } }
.list_box a {
  border-right: 10px solid #fff; }
  .list_box a .image {
    height: 136px;
    border-top: 10px solid #fff; }
  .list_box a .nophoto {
    border-top: 10px solid #fff; }

.list_box a:nth-child(4), .list_box a:nth-child(8) {
  border-right: none; }

@media (max-width: 991px) {
  .list_box a {
    border-right: none; }
    .list_box a .image {
      height: 136px;
      border-top: none; }
    .list_box a .nophoto {
      border-top: none; } }
.related-contentB .related-content-pic {
  margin-top: 10px; }
  .related-contentB .related-content-pic .panel-blue, .related-contentB .related-content-pic .related {
    background-color: #FFF;
    color: #333;
    padding-right: 10px;
    font-size: 24px; }
  .related-contentB .related-content-pic .related {
    height: auto; }
  .related-contentB .related-content-pic .related:last-child {
    padding-right: 0; }
  .related-contentB .related-content-pic a .trangle {
    display: none; }
  .related-contentB .related-content-pic a .image {
    width: 100%;
    max-height: 150px;
    overflow: hidden;
    height: auto; }
    .related-contentB .related-content-pic a .image img {
      width: 100%;
      display: block; }
  .related-contentB .related-content-pic a .text {
    width: 100%;
    float: left;
    display: block;
    position: relative;
    left: 0;
    background-color: #fff;
    color: #223B61;
    height: auto;
    padding: 10px 0; }
  @media (max-width: 991px) {
    .related-contentB .related-content-pic .related {
      padding: 0; }
    .related-contentB .related-content-pic a .text {
      padding: 10px 15px; } }
.related-contentB .related-pic-new {
  margin-top: 10px; }
  .related-contentB .related-pic-new .related {
    height: auto;
    padding-right: 10px; }
    .related-contentB .related-pic-new .related .image {
      width: 100%;
      max-height: 150px;
      overflow: hidden;
      height: auto;
      display: inline-block; }
      .related-contentB .related-pic-new .related .image img {
        width: 100%;
        display: block; }
    .related-contentB .related-pic-new .related .text {
      width: 100%;
      float: left;
      display: block;
      position: relative;
      left: 0;
      background-color: #fff;
      color: #223B61;
      height: auto;
      padding: 10px 0;
      font-size: 14px;
      font-weight: 200;
      line-height: 20px;
      text-decoration: underline;
      font-family: helvetica; }

.ErrorPage {
  margin: 50px 0;
  line-height: 200%; }
  .ErrorPage p {
    margin: 10px 0; }

.list_boxA .image {
  height: 160px;
  overflow: hidden; }

.list_boxA .text {
  min-height: 150px;
  margin-top: 15px; }

.flightstatus-wrapper {
  padding-top: 15px; }
  .flightstatus-wrapper h1 {
    background: url(https://tw.ceair.com/newwebsite/images/icon-flightstatus.svg) left center no-repeat;
    padding-left: 55px;
    color: #4a4a4a; }
  .flightstatus-wrapper .flightstatusForm {
    margin-left: 15px; }
    .flightstatus-wrapper .flightstatusForm .bookingpanel-city {
      margin-top: 25px; }
    .flightstatus-wrapper .flightstatusForm .ardp-date-picker {
      padding: 15px; }
  @media (max-width: 640px) {
    .flightstatus-wrapper .fromContent > div {
      margin-bottom: 15px; } }

#flightResult {
  background: #f8f8f8; }

#flightStatus {
  margin-top: 20px;
  margin-bottom: 15px;
  /*.star {
  	display: none;
  }//航班动态放出“*”*/ }
  #flightStatus .status-form label {
    display: block; }
  #flightStatus .status-form fieldset {
    margin: 10px 0; }
  #flightStatus .fromContent {
    position: relative; }
    #flightStatus .fromContent .airport-search-button {
      right: 0;
      padding-right: 15px; }
      #flightStatus .fromContent .airport-search-button .btn {
        margin-top: 17px;
        max-width: 100%; }
    #flightStatus .fromContent .flight-search-button {
      right: 0;
      padding-right: 15px; }
      #flightStatus .fromContent .flight-search-button .btn {
        margin-top: 17px;
        max-width: 100%; }
    #flightStatus .fromContent .expandable-date-wrapper {
      padding-right: 15px; }
  #flightStatus .hide-label {
    margin-top: 42px; }
    @media (max-width: 639px) {
      #flightStatus .hide-label {
        margin-top: 15px; } }

.table-fsresult {
  margin-bottom: 30px;
  /* thead */
  /* tbody */
  /* media  移动端 */ }
  .table-fsresult table {
    width: 100%;
    border: 1px solid #f1f1f1;
    border-bottom: 15px solid #4a4a4a; }
  .table-fsresult tbody:last-child {
    border: 0; }
  .table-fsresult tbody tr:first-child td {
    border-bottom: 1px solid #ccc; }
  .table-fsresult td, .table-fsresult th {
    padding: 6px;
    text-align: left;
    font-weight: normal; }
  .table-fsresult thead tr {
    border-bottom: 1px solid #D8D8D8; }
  .table-fsresult thead > tr > th {
    font-size: 14px;
    font-weight: bold;
    border: none;
    text-align: center;
    vertical-align: middle;
    background-color: white;
    color: #4a4a4a; }
  .table-fsresult thead .plane-pic {
    background: none;
    height: 6px;
    border-top: 1px solid #fff;
    margin: 0 20px; }
  .table-fsresult thead img {
    margin-right: 10px; }
  .table-fsresult tbody .border-right {
    border-right: 1px solid #ccc; }
  .table-fsresult tbody .bold {
    font-weight: bold; }
  .table-fsresult tbody td {
    vertical-align: middle;
    padding: 20px 0;
    text-align: center; }
  .table-fsresult tbody tr {
    /* flight-details */ }
    .table-fsresult tbody tr.flight-srouce td .fromtoblock {
      display: inline-block; }
      .table-fsresult tbody tr.flight-srouce td .fromtoblock .color-width {
        display: inline-block;
        height: 14px; }
    .table-fsresult tbody tr.flight-srouce td .block {
      width: 80px;
      display: inline-block;
      margin: 0 5px; }
    .table-fsresult tbody tr.flight-srouce td a {
      position: relative; }
    .table-fsresult tbody tr.flight-srouce td .tb-highlight {
      font-size: 24px;
      line-height: 1;
      margin: 0; }
    .table-fsresult tbody tr.flight-srouce .tb-update-no {
      font-size: 14px;
      font-weight: lighter;
      text-align: left;
      padding-left: 12px; }
      .table-fsresult tbody tr.flight-srouce .tb-update-no .flight-no {
        font-size: 24px; }
        .table-fsresult tbody tr.flight-srouce .tb-update-no .flight-no .flight-icon {
          display: inline-block;
          width: 17px;
          height: 14px; }
        .table-fsresult tbody tr.flight-srouce .tb-update-no .flight-no sup {
          color: #337ab7;
          font-size: 12px;
          top: -1em; }
    .table-fsresult tbody tr.flight-srouce td.tb-update-fromto {
      position: relative; }
      .table-fsresult tbody tr.flight-srouce td.tb-update-fromto .start {
        float: left;
        width: 30%;
        height: 100%; }
      .table-fsresult tbody tr.flight-srouce td.tb-update-fromto .arrive {
        float: right;
        width: 30%;
        height: 100%; }
      .table-fsresult tbody tr.flight-srouce td.tb-update-fromto .tb-update-bottom {
        float: left;
        width: 100%;
        text-align: center; }
    .table-fsresult tbody tr.flight-srouce .division {
      width: 40%;
      position: absolute;
      left: 30%;
      padding-left: 35px;
      padding-right: 35px;
      color: #F270AF; }
      .table-fsresult tbody tr.flight-srouce .division:before {
        content: "";
        width: 32px;
        height: 14px;
        position: absolute;
        top: 35%;
        left: 0px;
        background: url("https://tw.ceair.com/newwebsite/images/flightStatus/location_start.png") no-repeat; }
      .table-fsresult tbody tr.flight-srouce .division:after {
        content: "";
        width: 32px;
        height: 14px;
        position: absolute;
        top: 35%;
        right: 0px;
        background: url("https://tw.ceair.com/newwebsite/images/flightStatus/location_arrive.png") no-repeat; }
      .table-fsresult tbody tr.flight-srouce .division div {
        position: absolute;
        left: 0;
        width: 100%; }
      .table-fsresult tbody tr.flight-srouce .division img {
        position: relative;
        top: 5px; }
    .table-fsresult tbody tr.flight-srouce .tb-update-da {
      padding: 0 10px;
      text-align: center;
      font-weight: lighter;
      font-size: 14px;
      padding: 0 20px; }
      .table-fsresult tbody tr.flight-srouce .tb-update-da li {
        float: left;
        width: 50%; }
        .table-fsresult tbody tr.flight-srouce .tb-update-da li:first-child {
          text-align: left; }
        .table-fsresult tbody tr.flight-srouce .tb-update-da li:last-child {
          text-align: right; }
      .table-fsresult tbody tr.flight-srouce .tb-update-da p {
        padding-bottom: 5px; }
        .table-fsresult tbody tr.flight-srouce .tb-update-da p .time-label {
          display: inline-block;
          max-width: 100px;
          font-size: 12px;
          margin-right: 5px; }
        .table-fsresult tbody tr.flight-srouce .tb-update-da p .time-show {
          font-size: 24px; }
    .table-fsresult tbody tr.flight-srouce .tb-update-status {
      font-size: 14px;
      font-weight: lighter;
      text-align: center;
      position: relative;
      top: initial;
      right: initial;
      width: auto;
      font-weight: lighter; }
      .table-fsresult tbody tr.flight-srouce .tb-update-status .status-dot {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        margin-bottom: 5px;
        vertical-align: middle;
        margin-top: -2px; }
      .table-fsresult tbody tr.flight-srouce .tb-update-status .status-info {
        display: block;
        font-size: 12px; }
      .table-fsresult tbody tr.flight-srouce .tb-update-status .flight-icon {
        display: inline-block;
        width: 18px;
        height: 11px;
        margin-bottom: 10px;
        background: url("https://tw.ceair.com/newwebsite/images/flightStatus/arrow.jpg") no-repeat; }
      .table-fsresult tbody tr.flight-srouce .tb-update-status .flight-icon-on {
        -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
                transform: rotate(0deg); }
      .table-fsresult tbody tr.flight-srouce .tb-update-status .flight-icon-off {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
      .table-fsresult tbody tr.flight-srouce .tb-update-status .flight-icon-disabled {
        cursor: not-allowed;
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
    .table-fsresult tbody tr.tr-arrived .tb-update-status .status-dot {
      background-color: #00AA0E; }
    .table-fsresult tbody tr.tr-ontime .tb-update-status .status-dot {
      background-color: #00AA0E; }
    .table-fsresult tbody tr.tr-unfly .tb-update-status .status-dot {
      background-color: #D8D8D8; }
    .table-fsresult tbody tr.tr-cancelled .tb-update-status .status-dot {
      background-color: #D0021B; }
    .table-fsresult tbody tr.tr-delayed .tb-update-status .status-dot {
      background-color: #FFE100; }
    .table-fsresult tbody tr.tr-diverted .tb-update-status .status-dot {
      background-color: #F8EB4F; }
    .table-fsresult tbody tr.border-bottom td {
      border-bottom: 1px solid #ccc; }
    .table-fsresult tbody tr.flight-details {
      background-color: #f8f8f8; }
      .table-fsresult tbody tr.flight-details .flight-no {
        font-size: 24px;
        color: #2a5390; }
        .table-fsresult tbody tr.flight-details .flight-no sup {
          color: #337ab7;
          font-size: 12px;
          top: -1em; }
      .table-fsresult tbody tr.flight-details td.first {
        text-align: left;
        padding-left: 12px; }
      .table-fsresult tbody tr.flight-details td.first .Pre-flight {
        display: inline-block;
        padding-left: 22px;
        background: url("https://tw.ceair.com/newwebsite/images/flightStatus/arrowPrev.jpg") no-repeat left center; }
      .table-fsresult tbody tr.flight-details td.second {
        position: relative; }
        .table-fsresult tbody tr.flight-details td.second .innerTable {
          border: none;
          border-right: 1px solid #ccc; }
          .table-fsresult tbody tr.flight-details td.second .innerTable td {
            border: none; }
            .table-fsresult tbody tr.flight-details td.second .innerTable td.left {
              width: 40%;
              text-align: right; }
              .table-fsresult tbody tr.flight-details td.second .innerTable td.left .weatherText {
                display: inline-block; }
            .table-fsresult tbody tr.flight-details td.second .innerTable td.right {
              width: 40%;
              text-align: left; }
        .table-fsresult tbody tr.flight-details td.second .stopInfo {
          width: 100%;
          position: absolute;
          left: 0;
          bottom: -12px;
          z-index: 10;
          text-align: center; }
          .table-fsresult tbody tr.flight-details td.second .stopInfo span {
            padding: 3px 10px;
            border-radius: 10px;
            border: 1px solid #ccc;
            background-color: #f8f8f8; }
        .table-fsresult tbody tr.flight-details td.second .arrive {
          float: left;
          width: 50%;
          padding-left: 45px;
          text-align: left; }
        .table-fsresult tbody tr.flight-details td.second .flight-icon-sunny {
          display: inline-block;
          padding-left: 22px;
          background: url("https://tw.ceair.com/newwebsite/images/flightStatus/weather_sunny.jpg") no-repeat; }
        .table-fsresult tbody tr.flight-details td.second .flight-icon-rain {
          display: inline-block;
          padding-left: 22px;
          background: url("https://tw.ceair.com/newwebsite/images/flightStatus/weather_rain.jpg") no-repeat; }
        .table-fsresult tbody tr.flight-details td.second .time {
          font-size: 20px; }
        .table-fsresult tbody tr.flight-details td.second tr:nth-child(1) {
          font-size: 12px; }
        .table-fsresult tbody tr.flight-details td.second tr:nth-child(2) {
          font-size: 16px; }
      .table-fsresult tbody tr.flight-details td.fourth {
        padding: 10px 40px; }
        .table-fsresult tbody tr.flight-details td.fourth .list-info li {
          text-align: right; }
          .table-fsresult tbody tr.flight-details td.fourth .list-info li:last-child {
            margin-bottom: 20px; }
        .table-fsresult tbody tr.flight-details td.fourth .list-info .title {
          display: inline-block;
          text-align: right;
          margin-right: 5px;
          font-weight: bold; }
        .table-fsresult tbody tr.flight-details td.fourth .list-info .info {
          font-size: 20px;
          margin-left: 5px;
          margin-right: 5px; }
        .table-fsresult tbody tr.flight-details td.fourth .car-ferry {
          padding-top: 6px;
          padding-bottom: 6px;
          padding-left: 20px;
          background: url("https://tw.ceair.com/newwebsite/images/flightStatus/bus.jpg") no-repeat left center; }
        .table-fsresult tbody tr.flight-details td.fourth .residual-time {
          float: right;
          color: #E9007F; }
        .table-fsresult tbody tr.flight-details td.fourth .progress-bar {
          float: right;
          width: 25%;
          height: 10px;
          margin-top: 15px;
          background-color: #D9D9D9;
          border-radius: 5px; }
          .table-fsresult tbody tr.flight-details td.fourth .progress-bar span {
            display: block;
            width: 50%;
            height: 100%;
            border-radius: 5px;
            background-color: #E9007F; }
        .table-fsresult tbody tr.flight-details td.fourth .total-time {
          float: right; }
        .table-fsresult tbody tr.flight-details td.fourth .flightRouteWeather {
          float: right;
          width: 100%;
          text-align: right;
          margin-top: 20px; }
    .table-fsresult tbody tr.flight-details-footer {
      background-color: #f8f8f8; }
      .table-fsresult tbody tr.flight-details-footer td {
        text-align: left;
        text-indent: 1em;
        font-size: 12px; }
        .table-fsresult tbody tr.flight-details-footer td.second div {
          min-height: 20px;
          border-left: 1px solid #ccc;
          border-right: 1px solid #ccc; }
        .table-fsresult tbody tr.flight-details-footer td.second p {
          margin: 0;
          padding: 0; }
        .table-fsresult tbody tr.flight-details-footer td.third dl {
          float: left;
          text-align: center;
          width: 33%;
          margin: 0;
          padding: 0; }
          .table-fsresult tbody tr.flight-details-footer td.third dl img {
            vertical-align: -webkit-baseline-middle; }
          .table-fsresult tbody tr.flight-details-footer td.third dl dt {
            width: 100%;
            height: 24px;
            text-align: center;
            margin-bottom: 5px; }
  .table-fsresult .sub-wifi {
    position: absolute;
    left: 0;
    top: 50%; }
  @media (max-width: 1023px) {
    .table-fsresult table {
      border-bottom: 0; }
      .table-fsresult table thead {
        display: none; }
      .table-fsresult table tbody td {
        display: block;
        border: 0;
        padding: 20px 0; }
        .table-fsresult table tbody td:after {
          content: "";
          display: table;
          clear: both; }
    .table-fsresult tbody tr {
      border-bottom: 1px solid #ccc;
      /* flight-details */
      /*flight-details-footer*/ }
      .table-fsresult tbody tr:first-child td {
        border-bottom: 0; }
      .table-fsresult tbody tr:before {
        content: "";
        display: block;
        position: relative;
        clear: both; }
      .table-fsresult tbody tr.flight-srouce td.tb-update-no {
        text-align: left;
        padding-left: 20px;
        width: 50%;
        font-size: 14px; }
      .table-fsresult tbody tr.flight-srouce td.tb-update-fromto {
        width: 100%;
        font-size: 12px; }
        .table-fsresult tbody tr.flight-srouce td.tb-update-fromto .start {
          text-align: right; }
        .table-fsresult tbody tr.flight-srouce td.tb-update-fromto .arrive {
          text-align: left; }
        .table-fsresult tbody tr.flight-srouce td.tb-update-fromto .fromtoblock p {
          font-size: 18px; }
      .table-fsresult tbody tr.flight-srouce .division {
        width: 30%;
        left: 35%; }
      .table-fsresult tbody tr.flight-srouce td.tb-update-da {
        width: 100%; }
        .table-fsresult tbody tr.flight-srouce td.tb-update-da .time-label {
          font-size: 12px; }
        .table-fsresult tbody tr.flight-srouce td.tb-update-da .tb-highlight {
          font-size: 16px; }
        .table-fsresult tbody tr.flight-srouce td.tb-update-da li .time-show {
          font-size: 18px; } }
    @media (max-width: 1023px) and (max-width: 375px) {
      .table-fsresult tbody tr.flight-srouce td.tb-update-da li .time-label {
        min-width: 95px; }
      .table-fsresult tbody tr.flight-srouce td.tb-update-da li .time-show {
        font-size: 12px; } }
  @media (max-width: 1023px) {
      .table-fsresult tbody tr.flight-srouce td.tb-update-status {
        width: 50%;
        position: relative;
        left: 50%;
        margin-top: -175px;
        text-align: right;
        padding-right: 20px; }
        .table-fsresult tbody tr.flight-srouce td.tb-update-status .status-info {
          font-size: 12px;
          display: inline; }
        .table-fsresult tbody tr.flight-srouce td.tb-update-status .flight-icon {
          margin-bottom: 0; } }
  @media (max-width: 1023px) and (max-width: 375px) {
    .table-fsresult tbody tr.flight-srouce td.tb-update-status {
      margin-top: -155px; } }
  @media (max-width: 1023px) {
      .table-fsresult tbody tr.flight-details {
        position: relative; }
      .table-fsresult tbody tr.border-bottom td {
        border: 0; }
      .table-fsresult tbody tr.flight-details td.first {
        text-align: left;
        padding-left: 20px;
        width: 40%;
        padding-bottom: 0; }
      .table-fsresult tbody tr.flight-details td.second {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0; }
        .table-fsresult tbody tr.flight-details td.second .fromTo {
          top: 30%;
          width: 60px;
          margin-left: -30px; }
        .table-fsresult tbody tr.flight-details td.second .stopInfo {
          bottom: -85px; }
      .table-fsresult tbody tr.flight-details td.third {
        width: 100%;
        padding-top: 0; }
        .table-fsresult tbody tr.flight-details td.third .list-info li {
          width: 55%;
          float: left; }
        .table-fsresult tbody tr.flight-details td.third .list-info .info {
          font-size: 14px; }
        .table-fsresult tbody tr.flight-details td.third .list-info li:first-child {
          width: 25%;
          text-indent: 2em;
          text-align: center; }
        .table-fsresult tbody tr.flight-details td.third .list-info li:last-child {
          width: 20%; }
        .table-fsresult tbody tr.flight-details td.third .list-info .title {
          display: block;
          width: 100%;
          text-align: left; }
        .table-fsresult tbody tr.flight-details td.third .list-info .info {
          display: inline-block; }
      .table-fsresult tbody tr.flight-details td.fourth {
        width: 100%; }
      .table-fsresult tbody tr.flight-details-footer td {
        padding-bottom: 0;
        text-indent: 0; }
        .table-fsresult tbody tr.flight-details-footer td.first {
          width: 40%;
          font-size: 12px;
          float: left; }
          .table-fsresult tbody tr.flight-details-footer td.first span {
            display: block;
            font-weight: bold; }
        .table-fsresult tbody tr.flight-details-footer td.second {
          width: 40%;
          float: left; }
          .table-fsresult tbody tr.flight-details-footer td.second div {
            border: 0;
            font-size: 12px; }
        .table-fsresult tbody tr.flight-details-footer td.third {
          width: 20%;
          height: 100%;
          float: right; }
          .table-fsresult tbody tr.flight-details-footer td.third dl {
            display: none; }
            .table-fsresult tbody tr.flight-details-footer td.third dl:last-child {
              display: block;
              width: 100%;
              height: 100%; }
              .table-fsresult tbody tr.flight-details-footer td.third dl:last-child dt {
                text-align: right;
                padding-right: 3em;
                height: 100%; }
              .table-fsresult tbody tr.flight-details-footer td.third dl:last-child dd {
                display: none; }
    .table-fsresult .sub-wifi {
      display: inline-block;
      position: relative;
      left: 5px;
      top: 0; }
    .table-fsresult .start, .table-fsresult .arrive {
      line-height: 2em; }
    .table-fsresult .tb-airportname {
      display: none; }
    .table-fsresult .innerTable td {
      display: inline-block; }
    .table-fsresult .innerTable .mid-line {
      width: 20%; }
    .table-fsresult .table-mid .left {
      padding-right: 5%; }
    .table-fsresult .table-mid .right {
      padding-left: 5%; }
    .table-fsresult .total-time, .table-fsresult .residual-time {
      width: 40%; }
    .table-fsresult .progress-bar {
      width: 20% !important; }
    .table-fsresult .flight-details-footer .first {
      padding-left: 20px; } }

.result-detail-wrapper {
  position: relative;
  padding: 20px 0 0 0; }
  .result-detail-wrapper .result-detail-list .result-list-inner {
    display: inline-block;
    padding: 0 10px; }
    .result-detail-wrapper .result-detail-list .result-list-inner:nth-of-type(1), .result-detail-wrapper .result-detail-list .result-list-inner:nth-of-type(3) {
      width: 150px; }
    .result-detail-wrapper .result-detail-list .result-list-inner .result-list-h1 {
      margin-bottom: 0;
      font-size: 32px;
      margin-top: 20px; }
    .result-detail-wrapper .result-detail-list .result-list-inner .result-list-p {
      /*font-size: 20px;*/
      color: #979797; }
      .result-detail-wrapper .result-detail-list .result-list-inner .result-list-p.result-detail-date {
        color: black; }
    .result-detail-wrapper .result-detail-list .result-list-inner .result-plane {
      position: relative;
      width: 216px; }
      .result-detail-wrapper .result-detail-list .result-list-inner .result-plane:before, .result-detail-wrapper .result-detail-list .result-list-inner .result-plane:after {
        content: '';
        width: 6px;
        height: 6px;
        background-color: black;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        margin-top: 12px; }
      .result-detail-wrapper .result-detail-list .result-list-inner .result-plane:after {
        right: 0;
        left: initial; }
      .result-detail-wrapper .result-detail-list .result-list-inner .result-plane hr {
        border-color: black;
        width: 40%;
        margin: 0;
        position: absolute;
        /*top:30%;*/
        top: 0;
        margin-top: 15px; }
        .result-detail-wrapper .result-detail-list .result-list-inner .result-plane hr:last-of-type {
          right: 0; }
  .result-detail-wrapper .btn-change {
    margin-top: 20px;
    font-size: 16px;
    padding: 10px 25px;
    display: inline-block; }
  @media (max-width: 640px) {
    .result-detail-wrapper .btn-change {
      position: relative;
      right: initial;
      top: initial;
      margin-bottom: 20px;
      margin-top: 40px; }
    .result-detail-wrapper .result-detail-date {
      margin: 5px 0; }
    .result-detail-wrapper .result-detail-list .result-list-inner {
      width: 49%;
      border: none; }
      .result-detail-wrapper .result-detail-list .result-list-inner:nth-of-type(1) {
        text-align: left; }
      .result-detail-wrapper .result-detail-list .result-list-inner:nth-of-type(3) {
        text-align: right; }
      .result-detail-wrapper .result-detail-list .result-list-inner:nth-of-type(2) {
        position: absolute;
        width: 100%;
        top: 24%;
        left: 0; }
      .result-detail-wrapper .result-detail-list .result-list-inner .result-list-h1 {
        font-size: 32px;
        /*font-size: 8vw;*/ }
      .result-detail-wrapper .result-detail-list .result-list-inner .result-plane {
        width: auto; }
        .result-detail-wrapper .result-detail-list .result-list-inner .result-plane:before, .result-detail-wrapper .result-detail-list .result-list-inner .result-plane:after {
          content: '';
          display: none; }
        .result-detail-wrapper .result-detail-list .result-list-inner .result-plane hr {
          display: none; }
      .result-detail-wrapper .result-detail-list .result-list-inner .result-detail-date {
        margin-top: 8%; } }

.result-detail-update .update-header {
  margin: 30px 0 20px 0; }
  .result-detail-update .update-header h3 {
    font-size: 14px;
    margin-bottom: 0; }
  .result-detail-update .update-header p {
    color: #707070; }
.result-detail-update .sort-result {
  padding: 0;
  min-width: 300px; }
  .result-detail-update .sort-result .sort-select-wrapper {
    width: 60%; }
    .result-detail-update .sort-result .sort-select-wrapper:before {
      margin-top: 16px; }
  .result-detail-update .sort-result lable {
    width: 38%;
    text-align: right;
    display: inline-block;
    padding-right: 4px; }
@media (max-width: 640px) {
  .result-detail-update .sort-result {
    float: none;
    margin-top: 0;
    margin-bottom: 20px; }
    .result-detail-update .sort-result lable {
      width: 100%;
      text-align: left; }
    .result-detail-update .sort-result .sort-select-wrapper {
      width: 100%; } }

.result-detail-moreinfo {
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 12px; }
  .result-detail-moreinfo .btn-relevant-airlines {
    text-decoration: none; }
  .result-detail-moreinfo .btn-relevant-airlines {
    background-color: #f8f8f8;
    padding-left: 30px; }
  .result-detail-moreinfo .moreinfo-text {
    margin-bottom: 20px; }
    .result-detail-moreinfo .moreinfo-text p {
      color: #707070;
      line-height: .6; }
  .result-detail-moreinfo .relevant-airline-wrapper {
    background-color: #f8f8f8;
    padding: 10px 20px; }
    .result-detail-moreinfo .relevant-airline-wrapper li {
      position: relative;
      float: left;
      margin: 10px 0;
      padding: 0 10px;
      width: 20%;
      overflow: hidden;
      height: 54px; }
  @media (max-width: 640px) {
    .result-detail-moreinfo {
      border-bottom: none;
      padding-top: 0;
      margin-top: 20px; }
      .result-detail-moreinfo .relevant-airline-wrapper li {
        width: 100%;
        margin: 5px 0 0 10px; }
        .result-detail-moreinfo .relevant-airline-wrapper li .btn-normal {
          padding: 10px 0;
          display: block; }
      .result-detail-moreinfo .btn-relevant-airlines {
        width: 100%; }
      .result-detail-moreinfo .moreinfo-text p {
        line-height: 1.2;
        margin-bottom: 10px; }
        .result-detail-moreinfo .moreinfo-text p .btn {
          padding-top: 0;
          padding-bottom: 0;
          line-height: 1.2; } }

.lastest-text {
  border-bottom: 1px solid #f8f8f8;
  padding-bottom: 20px; }
  .lastest-text h3 {
    font-size: 14px; }
  .lastest-text p {
    color: #707070; }

.result-mobile-service {
  border-bottom: 1px solid #f8f8f8; }
  .result-mobile-service .result-mobile-inner {
    width: 50%;
    float: left;
    padding: 15px 10px 10px 30px;
    margin-bottom: 20px;
    margin-top: 20px; }
    .result-mobile-service .result-mobile-inner .btn.btn-white {
      padding: 10px 40px;
      margin: 22px 0; }
    .result-mobile-service .result-mobile-inner:first-of-type {
      border-right: 1px solid #f8f8f8; }
    .result-mobile-service .result-mobile-inner h2 {
      font-size: 18px;
      margin-top: 6px; }
    .result-mobile-service .result-mobile-inner p {
      margin: 0;
      line-height: 1.2; }
    .result-mobile-service .result-mobile-inner .btn {
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 5px;
      line-height: 1.2;
      text-decoration: none; }
    .result-mobile-service .result-mobile-inner a {
      text-decoration: underline; }
  @media (max-width: 640px) {
    .result-mobile-service {
      padding-top: 0; }
      .result-mobile-service .result-mobile-inner {
        width: 100%;
        float: initial;
        padding-left: 10px;
        border-top: 1px solid #f8f8f8; }
        .result-mobile-service .result-mobile-inner:first-of-type {
          border-top: none;
          border-right: none; }
        .result-mobile-service .result-mobile-inner .btn-white {
          width: 100%; } }

.dateStly {
  text-align: center; }
  .dateStly div.ardp-date-picker .calendar .month-header span {
    font-size: 14px; }

.dateStlyFirst label, .dateStlySecond label, .dateSingle label {
  position: relative;
  font-size: 18px; }
  @media (max-width: 639px) {
    .dateStlyFirst label, .dateStlySecond label, .dateSingle label {
      font-size: 12px; } }
.dateStlyFirst label:before, .dateStlySecond label:before, .dateSingle label:before {
  content: "";
  position: absolute;
  background: url(https://tw.ceair.com/newwebsite/images/flight-right.svg) no-repeat;
  background-size: 100% 100%;
  width: 30px;
  height: 17px;
  left: -31px;
  top: 2px; }
  @media (max-width: 639px) {
    .dateStlyFirst label:before, .dateStlySecond label:before, .dateSingle label:before {
      left: -26px;
      top: -1px; } }

.dateStlySecond label:before {
  background: url(https://tw.ceair.com/newwebsite/images/flight-left.svg) no-repeat;
  background-size: 100% 100%; }

.dateSingle.dateRound label.backWay:before {
  left: auto;
  right: 0; }

.dateRound label.goWay:before {
  background: url(https://tw.ceair.com/newwebsite/images/flight-right.svg) no-repeat;
  background-size: 100% 100%; }

.dateStlySecond label:before, .dateStlySecond label.backWay:before, .dateRound label:before, .dateRound label.backWay:before {
  background: url(https://tw.ceair.com/newwebsite/images/flight-left.svg) no-repeat;
  background-size: 100% 100%; }

div.ardp-date-picker {
  font-size: 16px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  transition: height 0.5s ease 0s;
  width: 100%;
  background: #fff;
  padding: 0 15px;
  position: relative; }
  div.ardp-date-picker > input {
    display: none; }
  div.ardp-date-picker > label {
    display: none; }
  div.ardp-date-picker .tips {
    display: inline-block;
    float: right;
    font-size: 18px;
    color: white;
    background-color: #E4007F;
    padding: 10px 50px 10px 10px;
    margin: 10px 0; }
  div.ardp-date-picker .calendar {
    z-index: 10;
    background: white;
    width: 100%;
    color: #244152;
    overflow: hidden; }
    div.ardp-date-picker .calendar .month-header {
      float: left;
      width: 100%;
      display: -webkit-flex;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
      -webkit-box-pack: justify;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #4a4a4a;
      height: 30px;
      /* guan.tt add*/
      position: relative;
      /* guan.tt add*/ }
      div.ardp-date-picker .calendar .month-header span {
        width: 100%;
        display: inline-block;
        text-align: center;
        /* sally: left */
        padding: 0 35px; }
      div.ardp-date-picker .calendar .month-header i {
        width: 30px;
        font-weight: bold;
        padding: 5px 8px;
        border-radius: 3px;
        cursor: pointer;
        font-style: normal;
        font-size: 0.7em;
        height: 30px;
        position: absolute;
        /* guan.tt add*/
        z-index: 0;
        /* guan.tt add*/
        top: 0;
        /* guan.tt add*/ }
      div.ardp-date-picker .calendar .month-header i:first-child {
        left: 0;
        /* guan.tt add*/
        background: url(https://tw.ceair.com/newwebsite/images/arrow_left_active.svg) no-repeat;
        background-position: 10px 0; }
        div.ardp-date-picker .calendar .month-header i:first-child:hover {
          background: url(https://tw.ceair.com/newwebsite/images/arrow_left_hover_active.svg) no-repeat;
          background-position: 10px 0; }
      div.ardp-date-picker .calendar .month-header i:last-child {
        right: 0;
        /* guan.tt add*/
        background: url(https://tw.ceair.com/newwebsite/images/arrow_right_active.svg) no-repeat;
        background-position: 10px 0; }
        div.ardp-date-picker .calendar .month-header i:last-child:hover {
          background: url(https://tw.ceair.com/newwebsite/images/arrow_right_hover_active.svg) no-repeat;
          background-position: 10px 0; }
      div.ardp-date-picker .calendar .month-header i:first-child.disabled {
        background: url(https://tw.ceair.com/newwebsite/images/arrow_left.svg) no-repeat;
        background-position: 10px 0;
        cursor: not-allowed; }
        div.ardp-date-picker .calendar .month-header i:first-child.disabled:hover {
          background: url(https://tw.ceair.com/newwebsite/images/arrow_left_hover.svg) no-repeat;
          background-position: 10px 0; }
      div.ardp-date-picker .calendar .month-header i:last-child.disabled {
        background: url(https://tw.ceair.com/newwebsite/images/arrow_right.svg) no-repeat;
        background-position: 10px 0;
        cursor: not-allowed; }
        div.ardp-date-picker .calendar .month-header i:last-child.disabled:hover {
          background: url(https://tw.ceair.com/newwebsite/images/arrow_right_hover.svg) no-repeat;
          background-position: 10px 0; }
    div.ardp-date-picker .calendar .week-header {
      display: inline-block;
      width: 100%;
      margin-top: 8px;
      padding-bottom: 3px;
      background-color: #d8d8d8; }
      div.ardp-date-picker .calendar .week-header span {
        display: inline-block;
        width: 14.285714285714286%;
        font-size: 14px;
        color: black;
        font-weight: normal;
        text-align: center; }
    div.ardp-date-picker .calendar .weeks {
      width: 100%;
      overflow: hidden;
      position: relative;
      border: 1px solid #d8d8d8; }
      div.ardp-date-picker .calendar .weeks div {
        display: inline-block;
        width: 100%;
        vertical-align: top; }
        div.ardp-date-picker .calendar .weeks div.next {
          display: none; }
        div.ardp-date-picker .calendar .weeks div .week {
          display: inline-block;
          width: 100%; }
          div.ardp-date-picker .calendar .weeks div .week :not(.other-month) .day-price.pink {
            color: #e4007f; }
          div.ardp-date-picker .calendar .weeks div .week .day {
            display: inline-block;
            position: relative;
            width: 14.285714285714286%;
            cursor: pointer;
            background-color: #f8f8f8;
            border: 2px solid white;
            /* &.today {
            	border:1px solid $brand-blue;
            	//color: white;
            } */ }
            div.ardp-date-picker .calendar .weeks div .week .day .day-text {
              position: absolute;
              font-size: 14px;
              top: 5px;
              right: 5px; }
            div.ardp-date-picker .calendar .weeks div .week .day .day-price {
              position: absolute;
              font-size: 14px;
              bottom: 10px;
              left: 10px;
              overflow: hidden; }
            div.ardp-date-picker .calendar .weeks div .week .day:after {
              content: "";
              display: block;
              padding-bottom: 100%; }
            div.ardp-date-picker .calendar .weeks div .week .day:hover {
              background: #EAEAEA; }
            div.ardp-date-picker .calendar .weeks div .week .day.disabled {
              color: #E0E0E0;
              cursor: default; }
            div.ardp-date-picker .calendar .weeks div .week .day.disabled:hover {
              background: #f8f8f8 !important; }
            div.ardp-date-picker .calendar .weeks div .week .day.other-month {
              color: white;
              background-color: white; }
            div.ardp-date-picker .calendar .weeks div .week .day.selected {
              background: #223B61;
              color: white; }
            div.ardp-date-picker .calendar .weeks div .week .day.selectedMid {
              background: #bac9e0;
              color: white; }
  div.ardp-date-picker .calendar-double {
    width: 100%; }
    div.ardp-date-picker .calendar-double .month-header-double {
      width: 100%; }
      div.ardp-date-picker .calendar-double .month-header-double span {
        width: 48%;
        display: inline-block;
        text-align: center;
        margin-right: 2%; }
      div.ardp-date-picker .calendar-double .month-header-double .nextMonth {
        margin-right: 0;
        margin-left: 2%;
        text-align: center; }
      div.ardp-date-picker .calendar-double .month-header-double i {
        font-weight: bold;
        padding: 5px 8px;
        border-radius: 3px;
        cursor: pointer;
        font-style: normal;
        font-size: 0.7em; }
        div.ardp-date-picker .calendar-double .month-header-double i:hover {
          background-color: #026aa7;
          color: white; }
    div.ardp-date-picker .calendar-double .week-header-double {
      width: 48%;
      margin-right: 2%; }
    div.ardp-date-picker .calendar-double .week-header-second {
      margin-right: 0;
      margin-left: 2%; }
    div.ardp-date-picker .calendar-double .weeks-double {
      border: none; }
      div.ardp-date-picker .calendar-double .weeks-double > div {
        width: 48%;
        margin-right: 2%;
        border: 1px solid #d8d8d8; }
        div.ardp-date-picker .calendar-double .weeks-double > div.next {
          display: inline-block;
          margin-left: 2%;
          margin-right: 0; }
        div.ardp-date-picker .calendar-double .weeks-double > div .week {
          width: 100%; }
    @media (max-width: 639px) {
      div.ardp-date-picker .calendar-double .month-header-double span {
        width: 100%;
        text-align: center; }
      div.ardp-date-picker .calendar-double .month-header-double .nextMonth {
        display: none; }
      div.ardp-date-picker .calendar-double .week-header-double {
        width: 100%; }
      div.ardp-date-picker .calendar-double .week-header-second {
        display: none; }
      div.ardp-date-picker .calendar-double .weeks-double div {
        width: 100%; }
        div.ardp-date-picker .calendar-double .weeks-double div.next {
          display: none; } }

.payment-head {
  height: 70px;
  background: #223B61;
  color: white;
  font-size: 24px;
  margin: 0;
  line-height: 70px;
  padding-left: 50px; }
  @media (max-width: 639px) {
    .payment-head {
      padding-left: 15px; } }

.trip-detail {
  margin: 10px 0; }
  .trip-detail .trip-summary {
    color: #E4007F;
    padding: 10px 15px; }
    @media (max-width: 639px) {
      .trip-detail .trip-summary {
        padding: 10px; } }
    .trip-detail .trip-summary .linespan {
      margin: 0 10px; }
  .trip-detail .tripdetail-info .trip-leg {
    padding: 0;
    font-size: 12px;
    border-top: 1px solid #D8D8D8; }
    .trip-detail .tripdetail-info .trip-leg .leg-itinerary {
      padding: 10px 0;
      text-align: center;
      font-weight: bold;
      font-size: 14px;
      border-bottom: 3px solid #D8D8D8; }
    .trip-detail .tripdetail-info .trip-leg .show-mobile {
      display: none; }
    .trip-detail .tripdetail-info .trip-leg li {
      border-bottom: 1px solid #D8D8D8; }
      .trip-detail .tripdetail-info .trip-leg li > div {
        padding: 10px 15px; }
        @media (max-width: 639px) {
          .trip-detail .tripdetail-info .trip-leg li > div {
            padding: 10px; } }
      .trip-detail .tripdetail-info .trip-leg li .leg-head .leg-flight-no > * {
        display: inline-block;
        vertical-align: middle; }
      .trip-detail .tripdetail-info .trip-leg li .leg-head .leg-flight-no img {
        margin-left: 8px; }
      .trip-detail .tripdetail-info .trip-leg li .leg-info {
        border-left: 1px solid #D8D8D8; }
        .trip-detail .tripdetail-info .trip-leg li .leg-info a.linkFz {
          font-size: 100%; }
        .trip-detail .tripdetail-info .trip-leg li .leg-info span.linkFz {
          display: none; }
        @media print {
          .trip-detail .tripdetail-info .trip-leg li .leg-info span.linkFz {
            display: inline; } }
        @media (max-width: 639px) {
          .trip-detail .tripdetail-info .trip-leg li .leg-info {
            border-left: none; } }
      .trip-detail .tripdetail-info .trip-leg li .leg-plane:after {
        content: "";
        width: 100%;
        height: 20px;
        background: url(https://tw.ceair.com/newwebsite/images/status_plane.svg) no-repeat center;
        background-size: contain;
        display: block;
        margin-top: 15px; }
      .trip-detail .tripdetail-info .trip-leg li .leg-stop:before {
        background: url("https://tw.ceair.com/newwebsite/images/transit-stop.svg") no-repeat center; }
      .trip-detail .tripdetail-info .trip-leg li .leg-train:before {
        background: url("https://tw.ceair.com/newwebsite/images/status_train.png") no-repeat center; }
    .trip-detail .tripdetail-info .trip-leg .text-bold {
      font-weight: bold; }
    .trip-detail .tripdetail-info .trip-leg .text-highlight {
      font-size: 14px;
      font-weight: bold; }
      .trip-detail .tripdetail-info .trip-leg .text-highlight .font-normal {
        font-weight: normal;
        font-size: 12px; }
    .trip-detail .tripdetail-info .trip-leg .text-margin-top {
      margin-top: 10px; }
    .trip-detail .tripdetail-info .trip-leg .text-width {
      max-width: 130px; }
    .trip-detail .tripdetail-info .trip-leg .text-red {
      color: #E4007F; }
  .trip-detail .Policies {
    padding: 5px 15px; }
    .trip-detail .Policies p {
      font-weight: bold;
      margin: 10px 0;
      cursor: pointer; }
    .trip-detail .Policies li:before {
      background: #E4007F;
      content: "";
      display: inline-block;
      width: 6px;
      height: 6px;
      margin: 5px 15px 0 5px;
      vertical-align: top; }
    .trip-detail .Policies li {
      margin-bottom: 5px; }
      .trip-detail .Policies li span {
        width: 95%;
        display: inline-block; }
      @media (max-width: 639px) {
        .trip-detail .Policies li span {
          width: 90%; } }
  @media (max-width: 639px) {
    .trip-detail .Policies {
      padding: 0 10px;
      margin-bottom: 10px; } }
  @media (max-width: 639px) {
    .trip-detail .detail-info .leg-info {
      padding: 0; }
      .trip-detail .detail-info .leg-info > div {
        vertical-align: top;
        display: block;
        height: auto;
        width: 100%; }
      .trip-detail .detail-info .leg-info .leg-head {
        width: 100%;
        border-right: none;
        position: relative;
        font-size: 14px;
        padding: 10px 14px;
        background: #f8f8f8; }
        .trip-detail .detail-info .leg-info .leg-head p {
          display: inline-block;
          margin: 0 3px; }
        .trip-detail .detail-info .leg-info .leg-head p:first-of-type {
          font-size: 18px;
          font-weight: bold;
          margin: 0; }
        .trip-detail .detail-info .leg-info .leg-head .leg-flight-no {
          padding-left: 14px; }
        .trip-detail .detail-info .leg-info .leg-head .leg-flight-type {
          display: block;
          padding-left: 24px; }
        .trip-detail .detail-info .leg-info .leg-head .leg-flight-class {
          float: right;
          margin-top: 2px; }
        .trip-detail .detail-info .leg-info .leg-head .leg-flight-duration {
          display: none; }
      .trip-detail .detail-info .leg-info .leg-detail {
        padding: 10px 14px;
        width: 100%;
        padding: 10px 14px; }
        .trip-detail .detail-info .leg-info .leg-detail p {
          padding: 0; }
    .trip-detail .detail-info .leg-transfer {
      padding-left: 15px; }
    .trip-detail .detail-info .trip-policies {
      padding-left: 15px; } }

#payment .no-flight-card .shadowcard > div {
  padding: 0; }
#payment .no-flight-card .nb-leg {
  padding: 0 15px;
  background: #D8D8D8; }
  #payment .no-flight-card .nb-leg .nb-title {
    line-height: 40px; }
#payment .no-flight-card .no-flight {
  padding: 24px 15px;
  font-size: 14px; }
  #payment .no-flight-card .no-flight .no-flight-title, #payment .no-flight-card .no-flight .no-flight-select, #payment .no-flight-card .no-flight .no-flight-passenger {
    width: 33.33%;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    word-break: break-all; }
  #payment .no-flight-card .no-flight .no-flight-title {
    text-align: left;
    font-weight: bold; }
  #payment .no-flight-card .no-flight .no-flight-select {
    text-align: center;
    font-size: 16px;
    font-weight: bold; }
  #payment .no-flight-card .no-flight .no-flight-passenger {
    text-align: right; }
    #payment .no-flight-card .no-flight .no-flight-passenger .passenger-title {
      width: 50%;
      display: inline-block; }
    #payment .no-flight-card .no-flight .no-flight-passenger .passenger-content {
      display: inline-block;
      width: 50%;
      vertical-align: top;
      text-align: left; }
#payment .nb-leg .nb-head {
  text-align: center;
  padding: 15px 0 !important; }
#payment .nb-leg .col-sm-11 {
  border-left: 1px solid #D8D8D8; }
#payment .nb-leg .nb-title {
  line-height: 30px;
  border-bottom: 1px solid #D8D8D8; }
  #payment .nb-leg .nb-title .text-highlight {
    font-weight: bold;
    font-size: 14px !important; }
#payment .nb-leg .nb-content {
  min-height: 100px;
  padding-top: 12px; }
  #payment .nb-leg .nb-content a.linkFz {
    font-size: 100%; }
    @media (max-width: 639px) {
      #payment .nb-leg .nb-content a.linkFz {
        margin-left: -20px; } }
  #payment .nb-leg .nb-content span.linkFz {
    display: none; }
  @media print {
    #payment .nb-leg .nb-content span.linkFz {
      display: inline; } }
  #payment .nb-leg .nb-content.upgradeClassInfo {
    font-weight: bold;
    font-size: 16px; }
  #payment .nb-leg .nb-content .text-highlight {
    font-weight: bold;
    font-size: 14px !important; }
  #payment .nb-leg .nb-content .plane-svg {
    min-height: 18px;
    background: url(https://tw.ceair.com/newwebsite/images/status_plane.svg) no-repeat 5px;
    background-size: contain; }
  #payment .nb-leg .nb-content .train-svg {
    min-height: 17px;
    background: url(https://tw.ceair.com/newwebsite/images/status_train.png) no-repeat -3px;
    background-size: contain; }
#payment .nb-leg .nb-leg-train {
  overflow: hidden;
  white-space: nowrap;
  margin-top: -15px;
  color: #D8D8D8; }
  #payment .nb-leg .nb-leg-train span {
    line-height: 30px;
    border: 1px solid;
    padding: 6px;
    border-radius: 6px;
    color: #333; }
#payment .payment-info .payment-passenger {
  font-size: 14px;
  line-height: 14px;
  margin: 10px 0;
  background: white; }
  #payment .payment-info .payment-passenger > div {
    height: 80px;
    vertical-align: top;
    display: inline-block;
    height: 100%; }
  #payment .payment-info .payment-passenger .payment-passenger-head {
    width: 100px;
    background-color: #223B61;
    color: white;
    padding: 8px;
    text-align: right; }
    #payment .payment-info .payment-passenger .payment-passenger-head.passenger-type-children {
      background-image: url(https://tw.ceair.com/newwebsite/images/icon-passenger-children.svg);
      background-repeat: no-repeat;
      background-position: 8px 48px; }
    #payment .payment-info .payment-passenger .payment-passenger-head.passenger-type-adult {
      background-image: url(https://tw.ceair.com/newwebsite/images/icon-passenger-adult.svg);
      background-repeat: no-repeat;
      background-position: 8px 35px; }
    #payment .payment-info .payment-passenger .payment-passenger-head p {
      text-align: left; }
    #payment .payment-info .payment-passenger .payment-passenger-head span {
      display: inline-block;
      padding-top: 38px; }
  #payment .payment-info .payment-passenger .payment-passenger-detail .passenger-name {
    font-size: 24px;
    line-height: 24px;
    padding: 15px 0 15px 25px; }
  #payment .payment-info .payment-passenger .payment-passenger-detail span {
    padding-left: 25px; }
  @media (max-width: 639px) {
    #payment .payment-info .payment-passenger .payment-passenger-head {
      display: block;
      width: 100%;
      padding-left: 15px; }
      #payment .payment-info .payment-passenger .payment-passenger-head span {
        padding-top: 0; }
      #payment .payment-info .payment-passenger .payment-passenger-head p {
        display: inline-block;
        float: left; }
      #payment .payment-info .payment-passenger .payment-passenger-head.passenger-type-children {
        background-image: none; }
      #payment .payment-info .payment-passenger .payment-passenger-head.passenger-type-adult {
        background-image: none; }
    #payment .payment-info .payment-passenger .payment-passenger-detail {
      position: relative;
      width: 100%;
      overflow: hidden;
      transition: height 0.5s ease 0s; }
      #payment .payment-info .payment-passenger .payment-passenger-detail .passenger-name {
        padding-left: 15px;
        color: black; }
      #payment .payment-info .payment-passenger .payment-passenger-detail .passenger-data {
        padding-bottom: 15px; }
        #payment .payment-info .payment-passenger .payment-passenger-detail .passenger-data span {
          display: block;
          line-height: 15px;
          padding-left: 15px; } }
#payment .payment-info .payment-contact {
  font-size: 14px;
  line-height: 14px;
  margin: 10px 0;
  background: white; }
  #payment .payment-info .payment-contact > div {
    vertical-align: top;
    display: inline-block;
    height: 100%; }
  #payment .payment-info .payment-contact .payment-contact-head {
    height: 62px;
    width: 100px;
    background: #223B61;
    color: white;
    padding: 8px; }
  #payment .payment-info .payment-contact .payment-contact-info {
    background: white;
    width: 80%; }
    #payment .payment-info .payment-contact .payment-contact-info div {
      display: inline-block;
      padding-left: 25px; }
      #payment .payment-info .payment-contact .payment-contact-info div p {
        line-height: 62px; }
        #payment .payment-info .payment-contact .payment-contact-info div p > span {
          padding-left: 20px;
          font-weight: bold; }
  @media (max-width: 639px) {
    #payment .payment-info .payment-contact .payment-contact-head {
      padding-left: 15px;
      height: auto;
      width: 100%; }
    #payment .payment-info .payment-contact .payment-contact-info {
      padding: 15px 0; }
      #payment .payment-info .payment-contact .payment-contact-info div {
        padding-left: 15px; }
        #payment .payment-info .payment-contact .payment-contact-info div p {
          line-height: 24px; }
    #payment .payment-info .payment-contact > div {
      vertical-align: top;
      display: block;
      height: auto; } }
#payment .payment-promo {
  background: white; }
  #payment .payment-promo fieldset {
    height: 100%; }
    #payment .payment-promo fieldset > div {
      height: 111px;
      padding-top: 21px;
      padding-right: 15px;
      height: 100%; }
  #payment .payment-promo .payment-promo-text {
    line-height: 111px;
    padding-left: 50px;
    display: inline-block;
    margin: 0; }
    @media (max-width: 991px) {
      #payment .payment-promo .payment-promo-text {
        font-size: 18px; } }
  #payment .payment-promo .payment-promo-input .display-label {
    display: none; }
  #payment .payment-promo .payment-promo-button button {
    width: 100%;
    max-width: 100%; }
  @media (max-width: 639px) {
    #payment .payment-promo {
      height: auto; }
      #payment .payment-promo .payment-promo-text {
        line-height: 16px;
        display: block;
        padding: 20px 15px 10px 15px;
        border: none; }
      #payment .payment-promo fieldset > div {
        padding: 0 15px;
        margin: 10px 0; }
        #payment .payment-promo fieldset > div .ui-input-wrapper {
          padding-right: 0; } }
#payment .payment-summary {
  padding: 30px 40px;
  background: white;
  margin: 10px 0; }
  #payment .payment-summary h2 {
    font-size: 24px;
    color: #223B61;
    padding-bottom: 25px; }
  #payment .payment-summary li {
    padding: 15px 5px;
    border-top: 1px solid #979797; }
  #payment .payment-summary .summary-detail span:first-child {
    display: inline-block;
    width: 50%;
    text-align: left; }
  #payment .payment-summary .summary-detail span:last-child {
    display: inline-block;
    width: 50%;
    text-align: right; }
  #payment .payment-summary .summary-total {
    padding-bottom: 0;
    text-align: right;
    font-weight: bold; }
    #payment .payment-summary .summary-total span:last-child {
      padding-left: 40px; }
  @media (max-width: 639px) {
    #payment .payment-summary {
      padding: 15px;
      margin: 0 0 10px 0; }
      #payment .payment-summary .summary-total span:first-child {
        display: inline-block;
        width: 50%;
        text-align: left; }
      #payment .payment-summary .summary-total span:last-child {
        padding: 0;
        display: inline-block;
        width: 50%;
        text-align: right; } }
#payment .payment-form {
  background: white; }
  #payment .payment-form fieldset legend {
    border: none;
    color: #4D4D4D;
    margin: 0;
    padding-top: 30px; }
  #payment .payment-form fieldset ul#payment-important-note, #payment .payment-form fieldset div#payment-important-note {
    margin-top: 0;
    padding: 15px 15px 0;
    font-size: 14px;
    list-style-type: decimal; }
    #payment .payment-form fieldset ul#payment-important-note p, #payment .payment-form fieldset div#payment-important-note p {
      font-weight: normal; }
    #payment .payment-form fieldset ul#payment-important-note li, #payment .payment-form fieldset div#payment-important-note li {
      margin: 20px 0 20px 15px;
      font-size: 12px;
      color: #4D4D4D;
      font-weight: normal; }
  #payment .payment-form fieldset .display-label {
    padding-left: 0;
    font-size: 12px;
    color: #4D4D4D;
    font-weight: normal; }
  #payment .payment-form fieldset .combo-row .display-label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  #payment .payment-form fieldset .combo-row > .display-label {
    clip: auto;
    width: auto;
    height: auto;
    position: static; }
  #payment .payment-form .payment-method .label-radio .fake-radio {
    vertical-align: middle; }
  #payment .payment-form .payment-method .label-radio .label-text {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
    #payment .payment-form .payment-method .label-radio .label-text.showTextUnderImg {
      clip: auto;
      width: auto;
      height: auto;
      overflow: visible;
      top: auto;
      bottom: -15px;
      left: 10px;
      white-space: nowrap;
      font-size: 12px; }
      @media (max-width: 639px) {
        #payment .payment-form .payment-method .label-radio .label-text.showTextUnderImg {
          display: none; } }
  #payment .payment-form .payment-method .label-radio .label-image {
    display: inline-block;
    margin-left: 20px;
    height: 40px; }
  #payment .payment-form .payment-detail .icon-info {
    position: relative;
    top: -86px;
    left: 60px; }
  #payment .payment-form .payment-submit {
    text-align: right;
    padding: 30px 40px; }
  @media (max-width: 639px) {
    #payment .payment-form fieldset > div {
      border-right: none;
      padding-right: 0; }
    #payment .payment-form fieldset > ul {
      padding-left: 0; }
    #payment .payment-form .payment-method .ui-radio-wrapper {
      width: 100%; }
    #payment .payment-form .payment-detail legend {
      border-top: none; } }
#payment .promotion-ad {
  height: 100px; }
#payment .gaotieVip {
  font-size: 12px; }
  #payment .gaotieVip .arrow {
    font-size: 20px;
    line-height: 20px;
    font-weight: 900; }
  #payment .gaotieVip .gaotieVip-list {
    padding: 20px 0;
    border-top: 1px solid #d8d8d8; }
  #payment .gaotieVip .gaotieVip-station {
    font-size: 16px;
    font-weight: 900; }
  #payment .gaotieVip .icon-info-red {
    background: url(https://tw.ceair.com/newwebsite/images/icon-info-hover.svg) center center no-repeat;
    background-size: contain;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-top: 6px;
    vertical-align: sub; }

.payment-result-title {
  padding: 20px 35px;
  font-size: 24px; }

#payment .paymentDetailH .consumerpassword_tips {
  color: #E4007F;
  margin-bottom: 10px; }
#payment .paymentDetailH .payment-remind {
  border-top: 1px solid #D8D8D8;
  padding: 10px 0 20px; }
  #payment .paymentDetailH .payment-remind .Policies {
    width: 100%; }
    #payment .paymentDetailH .payment-remind .Policies .PoliciesTitle {
      cursor: pointer; }

#payment {
  padding-right: 15px;
  /*cvv2示意图*/ }
  #payment .shadowcard-wrapper .shadowcard .payment-form {
    padding: 0; }
    #payment .shadowcard-wrapper .shadowcard .payment-form .payment-method .ui-radio-wrapper {
      margin: 10px 15px; }
  #payment .shadowcard-wrapper .shadowcard .FormContent {
    /* add by tchen */
    border-bottom: 1px solid #D8D8D8; }
  #payment .shadowcard-wrapper .shadowcard fieldset, #payment .shadowcard-wrapper .shadowcard .FormContent {
    /* border-bottom: 1px solid $cal-gray-mid; */
    /* modify by tchen */
    margin-top: 0; }
    #payment .shadowcard-wrapper .shadowcard fieldset div.col-sm-6, #payment .shadowcard-wrapper .shadowcard .FormContent div.col-sm-6 {
      padding: 0 15px 15px 15px;
      margin: 0; }
      #payment .shadowcard-wrapper .shadowcard fieldset div.col-sm-6 legend, #payment .shadowcard-wrapper .shadowcard .FormContent div.col-sm-6 legend {
        padding: 15px 0;
        font-size: 14px;
        font-weight: normal; }
      #payment .shadowcard-wrapper .shadowcard fieldset div.col-sm-6 label, #payment .shadowcard-wrapper .shadowcard .FormContent div.col-sm-6 label {
        margin-bottom: 25px; }
      #payment .shadowcard-wrapper .shadowcard fieldset div.col-sm-6 .ui-select-wrapper, #payment .shadowcard-wrapper .shadowcard .FormContent div.col-sm-6 .ui-select-wrapper {
        padding: 0; }
        #payment .shadowcard-wrapper .shadowcard fieldset div.col-sm-6 .ui-select-wrapper .ui-select-box, #payment .shadowcard-wrapper .shadowcard .FormContent div.col-sm-6 .ui-select-wrapper .ui-select-box {
          color: #D9D9D9;
          font-weight: normal; }
          #payment .shadowcard-wrapper .shadowcard fieldset div.col-sm-6 .ui-select-wrapper .ui-select-box .ui-select, #payment .shadowcard-wrapper .shadowcard .FormContent div.col-sm-6 .ui-select-wrapper .ui-select-box .ui-select {
            color: #223B61;
            font-weight: normal; }
      #payment .shadowcard-wrapper .shadowcard fieldset div.col-sm-6 .ui-input-wrapper, #payment .shadowcard-wrapper .shadowcard .FormContent div.col-sm-6 .ui-input-wrapper {
        padding-right: 0; }
      #payment .shadowcard-wrapper .shadowcard fieldset div.col-sm-6 .combo-row p, #payment .shadowcard-wrapper .shadowcard .FormContent div.col-sm-6 .combo-row p {
        font-size: 12px;
        font-weight: normal; }
        #payment .shadowcard-wrapper .shadowcard fieldset div.col-sm-6 .combo-row p .star, #payment .shadowcard-wrapper .shadowcard .FormContent div.col-sm-6 .combo-row p .star {
          font-size: 24px;
          display: inline-block;
          position: relative;
          line-height: 0;
          top: 5px;
          color: #E4007F;
          left: -4px; }
      #payment .shadowcard-wrapper .shadowcard fieldset div.col-sm-6 .combo-row div.col-sm-6, #payment .shadowcard-wrapper .shadowcard .FormContent div.col-sm-6 .combo-row div.col-sm-6 {
        border-right: none;
        padding: 0 10px 0 0 !important;
        /* modify by tchen*/ }
      #payment .shadowcard-wrapper .shadowcard fieldset div.col-sm-6 .combo-row div.col-sm-6:last-child, #payment .shadowcard-wrapper .shadowcard .FormContent div.col-sm-6 .combo-row div.col-sm-6:last-child {
        padding: 0; }
  #payment .shadowcard-wrapper .shadowcard .payment-submit {
    padding: 20px 15px; }
    #payment .shadowcard-wrapper .shadowcard .payment-submit .btn-third {
      float: left; }
    @media (max-width: 639px) {
      #payment .shadowcard-wrapper .shadowcard .payment-submit button {
        width: 49%; }
      #payment .shadowcard-wrapper .shadowcard .payment-submit .btn-important {
        float: right; } }
  #payment .shadowcard-wrapper .shadowcard .paymentTime {
    margin-top: 20px;
    display: none; }
  #payment .shadowcard-wrapper .shadowcard .promoCode .col-md-4 {
    margin-top: 16px; }
  #payment .shadowcard-wrapper .shadowcard .promoCode label {
    margin-bottom: 0; }
  #payment .shadowcard-wrapper .shadowcard .promoText {
    padding-top: 0; }
    #payment .shadowcard-wrapper .shadowcard .promoText div:first-child {
      margin-bottom: 10px; }
    #payment .shadowcard-wrapper .shadowcard .promoText .promoIcon {
      display: inline-block;
      vertical-align: middle;
      padding-right: 25px;
      background: url(https://tw.ceair.com/newwebsite/images/promotion-ok.jpg) no-repeat right center;
      color: #e4007f;
      font-weight: bold;
      font-size: 16px; }
    #payment .shadowcard-wrapper .shadowcard .promoText .icon-info, #payment .shadowcard-wrapper .shadowcard .promoText .icon-info:hover {
      background: url(https://tw.ceair.com/newwebsite/images/icon-info-hover.svg) center center no-repeat;
      background-size: 14px 14px;
      width: 14px;
      height: 14px;
      margin-right: 8px;
      vertical-align: middle;
      cursor: default; }
    #payment .shadowcard-wrapper .shadowcard .promoText .text-blue {
      margin-top: 5px;
      color: #3895E5; }
  #payment .shadowcard-wrapper .shadowcard .ContactInfo li {
    display: inline-block;
    margin-right: 15px;
    width: 31%; }
    #payment .shadowcard-wrapper .shadowcard .ContactInfo li span:last-child {
      font-weight: bold; }
  #payment .shadowcard-wrapper .shadowcard .OrderReview .inner {
    margin-bottom: 15px;
    color: #4A4A4A; }
    #payment .shadowcard-wrapper .shadowcard .OrderReview .inner span {
      margin-right: 50px; }
    #payment .shadowcard-wrapper .shadowcard .OrderReview .inner span:first-child {
      font-weight: bold; }
  #payment .shadowcard-wrapper .shadowcard .OrderReview .count span {
    font-weight: bold;
    margin-right: 20px;
    color: #4A4A4A; }
  #payment .shadowcard-wrapper .shadowcard .payment-detail-link {
    text-align: right;
    padding: 0 15px 10px 0; }
  #payment .shadowcard-wrapper .shadowcard .paymentDetailH {
    padding: 0;
    max-height: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.5s ease 0s;
    overflow: hidden; }
    #payment .shadowcard-wrapper .shadowcard .paymentDetailH .shadowcard > * {
      padding: 0; }
    #payment .shadowcard-wrapper .shadowcard .paymentDetailH .Policies {
      padding: 0 15px; }
      #payment .shadowcard-wrapper .shadowcard .paymentDetailH .Policies p {
        font-weight: bold;
        margin: 10px 0; }
      #payment .shadowcard-wrapper .shadowcard .paymentDetailH .Policies li:before {
        background: #E4007F;
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        margin: 5px 15px 0 5px;
        vertical-align: top; }
      #payment .shadowcard-wrapper .shadowcard .paymentDetailH .Policies li {
        margin-bottom: 5px; }
        #payment .shadowcard-wrapper .shadowcard .paymentDetailH .Policies li span {
          width: 95%;
          display: inline-block; }
        @media (max-width: 639px) {
          #payment .shadowcard-wrapper .shadowcard .paymentDetailH .Policies li span {
            width: 90%; } }
    @media (max-width: 639px) {
      #payment .shadowcard-wrapper .shadowcard .paymentDetailH .Policies {
        padding: 0; } }
    #payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg {
      padding: 0;
      font-size: 12px;
      border-top: 1px solid #D8D8D8; }
      #payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg .leg-itinerary {
        padding: 10px 0;
        text-align: center;
        font-weight: bold;
        font-size: 14px;
        border-bottom: 3px solid #D8D8D8; }
      #payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg .show-mobile {
        display: none; }
      #payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg li {
        border-bottom: 1px solid #D8D8D8;
        padding: 0px;
        /* add by tchen */ }
        #payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg li > div {
          padding: 15px; }
        #payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg li .leg-head .leg-flight-no > * {
          display: inline-block;
          vertical-align: middle; }
        #payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg li .leg-head .leg-flight-no img {
          margin-left: 8px; }
        #payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg li .leg-info {
          min-height: 138px;
          border-left: 1px solid #D8D8D8;
          border-bottom: none;
          /* add by tchen */ }
        #payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg li .leg-plane:before {
          content: "";
          width: 100%;
          height: 18px;
          background: url(https://tw.ceair.com/newwebsite/images/status_plane.svg) no-repeat;
          background-size: contain;
          display: block;
          margin-top: 20px; }
      #payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg .text-bold {
        font-weight: bold; }
      #payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg .text-highlight {
        font-size: 14px;
        font-weight: bold; }
        #payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg .text-highlight .font-normal {
          font-weight: normal;
          font-size: 12px; }
      #payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg .text-margin-top {
        margin-top: 10px; }
      #payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg .text-width {
        max-width: 130px; }
      #payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg .text-red {
        color: #E4007F; }
    #payment .shadowcard-wrapper .shadowcard .paymentDetailH .leg-passenger {
      margin: 10px 0 20px; }
      #payment .shadowcard-wrapper .shadowcard .paymentDetailH .leg-passenger .btn-link-wrapper {
        text-align: center;
        font-weight: bold;
        padding: 10px 0;
        padding-left: 30px;
        display: none; }
      #payment .shadowcard-wrapper .shadowcard .paymentDetailH .leg-passenger .show-table td {
        height: 33px;
        padding: 10px 0 5px 0;
        border-bottom-width: 1px;
        opacity: 1;
        filter: alpha(opacity=100); }
        #payment .shadowcard-wrapper .shadowcard .paymentDetailH .leg-passenger .show-table td:first-of-type {
          height: 36px;
          border-bottom-width: 2px; }
  #payment .shadowcard-wrapper .shadowcard .table-wrapper {
    max-height: 500px;
    /* mark by tchen 250px */
    opacity: 1;
    filter: alpha(opacity=100);
    border-top: 2px solid #223B61; }
    #payment .shadowcard-wrapper .shadowcard .table-wrapper .table {
      margin: 0; }
      #payment .shadowcard-wrapper .shadowcard .table-wrapper .table th, #payment .shadowcard-wrapper .shadowcard .table-wrapper .table td {
        text-align: center;
        border-right: 1px solid #D8D8D8; }
      #payment .shadowcard-wrapper .shadowcard .table-wrapper .table th:last-child, #payment .shadowcard-wrapper .shadowcard .table-wrapper .table td:last-child {
        border-right: none; }
      #payment .shadowcard-wrapper .shadowcard .table-wrapper .table tr:last-child td {
        border-bottom: 1px solid #D8D8D8; }
  #payment .shadowcard-wrapper .shadowcard .show-detail {
    padding: 0;
    max-height: 3000px;
    /* mark by tchen 1500px */
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 2.5s ease 0s; }
  #payment .shadowcard-wrapper .shadowcard .OrderReview .show-detail {
    padding: 0 15px;
    max-height: 0;
    height: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.5s ease 0s;
    overflow: hidden; }
  #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay div.col-sm-6,
  #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay div.col-sm-6,
  #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp div.col-sm-6 {
    border-right: 1px solid #D8D8D8; }
    #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay div.col-sm-6 .row div.col-sm-6,
    #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay div.col-sm-6 .row div.col-sm-6,
    #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp div.col-sm-6 .row div.col-sm-6 {
      padding: 0;
      border: none; }
    #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay div.col-sm-6 .row div.col-sm-6:first-child,
    #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay div.col-sm-6 .row div.col-sm-6:first-child,
    #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp div.col-sm-6 .row div.col-sm-6:first-child {
      padding-right: 10px; }
    @media (max-width: 639px) {
      #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay div.col-sm-6 .row div.col-sm-6:first-child,
      #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay div.col-sm-6 .row div.col-sm-6:first-child,
      #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp div.col-sm-6 .row div.col-sm-6:first-child {
        padding-right: 0; } }
    #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay div.col-sm-6 .combo-row .col-xs-4,
    #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay div.col-sm-6 .combo-row .col-xs-4,
    #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp div.col-sm-6 .combo-row .col-xs-4 {
      padding-right: 10px;
      margin: 0; }
    #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay div.col-sm-6 .combo-row .col-xs-8,
    #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay div.col-sm-6 .combo-row .col-xs-8,
    #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp div.col-sm-6 .combo-row .col-xs-8 {
      margin: 0; }
  @media (max-width: 639px) {
    #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay div.col-sm-6,
    #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay div.col-sm-6,
    #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp div.col-sm-6 {
      border: none;
      padding: 0; }
      #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay div.col-sm-6 legend,
      #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay div.col-sm-6 legend,
      #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp div.col-sm-6 legend {
        padding: 10px 0; }
      #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay div.col-sm-6 label,
      #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay div.col-sm-6 label,
      #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp div.col-sm-6 label {
        margin-bottom: 15px; } }
  #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay ul.col-sm-6,
  #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay ul.col-sm-6,
  #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp ul.col-sm-6 {
    border-left: none; }
  @media (max-width: 639px) {
    #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay ul.col-sm-6,
    #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay ul.col-sm-6,
    #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp ul.col-sm-6 {
      border-top: 1px solid #D8D8D8;
      padding: 10px 0 0 0; }
      #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-worldpay ul.col-sm-6 li,
      #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-unionpay ul.col-sm-6 li,
      #payment .shadowcard-wrapper .shadowcard fieldset.payment-form-uatp ul.col-sm-6 li {
        margin: 15px 0 10px 15px; } }
  #payment #paymentBarM {
    display: none; }
  #payment .cvv2 {
    position: relative; }
    #payment .cvv2 a:before {
      content: '';
      position: absolute;
      display: none;
      transition-delay: .2s;
      transition: .4s all;
      left: 60px;
      top: 20px;
      width: 568px;
      height: 199px;
      background: url("https://tw.ceair.com/newwebsite/images/upload/cvv2.jpg") no-repeat center;
      z-index: 2; }
    #payment .cvv2 a:hover:before {
      display: block; }

#paymentBar {
  background-color: #fff;
  z-index: 2;
  /* padding: 15px;  前端拷贝订单详细的悬浮清单明细样式*/ }
  #paymentBar .paytitle {
    color: #4A4A4A;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 20px; }
  #paymentBar .quantity {
    font-size: 14px;
    font-weight: normal;
    text-align: left; }
    #paymentBar .quantity .row {
      margin-bottom: 10px; }
      #paymentBar .quantity .row div:last-child {
        text-align: right;
        font-weight: bold; }
  #paymentBar .paymentTimeR {
    margin-top: 10px; }
    #paymentBar .paymentTimeR span {
      color: #E4007F;
      font-size: 14px;
      font-weight: normal;
      float: left;
      margin-top: 10px; }
    #paymentBar .paymentTimeR span:last-child {
      font-size: 24px;
      float: right;
      margin-top: 0; }
      #paymentBar .paymentTimeR span:last-child span {
        font-size: 24px;
        /* modify by tchen: 14px*/
        font-weight: normal;
        margin: 5px 0 0 2px;
        display: inline-block;
        vertical-align: top;
        padding: 0; }
  #paymentBar .numberR {
    border-bottom: 1px solid #D8D8D8;
    margin: -4px 0 0;
    padding-bottom: 10px; }
    #paymentBar .numberR span {
      color: #4A4A4A;
      font-size: 14px;
      font-weight: normal;
      float: left;
      margin-top: 10px; }
    #paymentBar .numberR span:last-child {
      font-size: 24px;
      float: right;
      margin-top: 0;
      font-weight: bold; }
      #paymentBar .numberR span:last-child span {
        font-size: 14px;
        font-weight: normal;
        margin: 5px 0 0 2px;
        display: inline-block;
        vertical-align: top;
        padding: 0;
        font-weight: normal; }
  #paymentBar .gopay {
    width: 100%;
    max-width: none; }

@media (max-width: 992px) {
  #payment #paymentBarM {
    display: block; }
    #payment #paymentBarM .quantity {
      padding: 0 15px;
      margin-top: 10px; }
      #payment #paymentBarM .quantity .row {
        margin-bottom: 10px; }
        #payment #paymentBarM .quantity .row div:last-child {
          text-align: right; }
    #payment #paymentBarM .numberR {
      margin: 10px 0;
      padding: 10px 15px 0 15px;
      border-top: 1px solid #D8D8D8; }
      #payment #paymentBarM .numberR span {
        color: #4A4A4A;
        font-size: 14px;
        font-weight: normal;
        float: left;
        margin-top: 2px; }
      #payment #paymentBarM .numberR span:last-child {
        font-size: 28px;
        float: right;
        margin-top: 0;
        font-weight: bold; }
        #payment #paymentBarM .numberR span:last-child span {
          font-size: 14px;
          font-weight: normal;
          margin: 5px 0 0 2px;
          display: inline-block;
          vertical-align: top;
          padding: 0;
          font-weight: normal; }

  #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime {
    display: block;
    padding: 0 15px; }
    #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div {
      width: auto;
      float: left;
      margin: 0; }
      #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div p {
        margin-left: 15px;
        color: #E4007F;
        margin-left: 0; }
      #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div p.title {
        font-size: 12px;
        font-weight: normal; }
      #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div p.number {
        font-size: 24px;
        font-weight: normal; }
    #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div:last-child {
      float: right;
      text-align: left; }
      #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div:last-child p {
        margin-right: 15px;
        color: #4A4A4A;
        margin-right: 0; }
      #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div:last-child p.number {
        font-weight: bold; }
        #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div:last-child p.number span {
          font-size: 14px;
          font-weight: normal;
          margin: 5px 0 0 2px;
          display: inline-block;
          vertical-align: top; } }
@media (max-width: 639px) {
  .page-header {
    margin-bottom: 0; }
    .page-header h1 {
      margin: 0; }

  #paymentBar {
    display: none; }

  #payment {
    padding-right: 0; }
    #payment .shadowcard-wrapper .shadowcard {
      padding: 10px; }
      #payment .shadowcard-wrapper .shadowcard .OrderReview {
        padding: 0; }
        #payment .shadowcard-wrapper .shadowcard .OrderReview .inner span {
          display: block;
          width: 100%;
          line-height: 22px; }
      #payment .shadowcard-wrapper .shadowcard .ContactInfo {
        padding: 0; }
        #payment .shadowcard-wrapper .shadowcard .ContactInfo li {
          display: block;
          width: 100%;
          margin-bottom: 10px; }
        #payment .shadowcard-wrapper .shadowcard .ContactInfo li:last-child {
          margin-bottom: 0; }
      #payment .shadowcard-wrapper .shadowcard .promoCode {
        padding: 0; }
        #payment .shadowcard-wrapper .shadowcard .promoCode .ui-input-wrapper {
          padding-right: 0; }
        #payment .shadowcard-wrapper .shadowcard .promoCode .col-md-4 {
          margin-top: 10px; }
        #payment .shadowcard-wrapper .shadowcard .promoCode div {
          width: 100%; }
      #payment .shadowcard-wrapper .shadowcard .payment-form .payment-method .ui-radio-wrapper {
        margin: 0 0 0 2px; }
      #payment .shadowcard-wrapper .shadowcard .payment-form .payment-detail .col-sm-6 {
        padding: 0;
        border-left: none; }
        #payment .shadowcard-wrapper .shadowcard .payment-form .payment-detail .col-sm-6 legend {
          padding: 10px 0; }
        #payment .shadowcard-wrapper .shadowcard .payment-form .payment-detail .col-sm-6 label {
          margin-bottom: 15px; }
        #payment .shadowcard-wrapper .shadowcard .payment-form .payment-detail .col-sm-6 .combo-row .col-sm-6 {
          padding: 0; }
      #payment .shadowcard-wrapper .shadowcard .payment-form .payment-detail ul.col-sm-6 {
        border-top: 1px solid #D8D8D8;
        padding-top: 10px; }
        #payment .shadowcard-wrapper .shadowcard .payment-form .payment-detail ul.col-sm-6 li {
          margin: 15px 0 10px 15px; }
      #payment .shadowcard-wrapper .shadowcard .payment-form .payment-detail .readTerm {
        margin: 10px 0 5px 0; }
        #payment .shadowcard-wrapper .shadowcard .payment-form .payment-detail .readTerm .ui-checkbox-wrapper .ui-checkbox-text {
          width: 90%; }
      #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime {
        margin-top: 10px;
        display: block; }
        #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div {
          width: auto;
          float: left;
          margin: 0; }
          #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div p {
            margin-left: 15px;
            color: #E4007F;
            margin-left: 0; }
          #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div p.title {
            font-size: 12px;
            font-weight: normal; }
          #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div p.number {
            font-size: 24px;
            font-weight: normal; }
        #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div:last-child {
          float: right;
          text-align: left; }
          #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div:last-child p {
            margin-right: 15px;
            color: #4A4A4A;
            margin-right: 0; }
          #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div:last-child p.number {
            font-weight: bold; }
            #payment .shadowcard-wrapper .shadowcard .payment-form .paymentTime div:last-child p.number span {
              font-size: 14px;
              font-weight: normal;
              margin: 5px 0 0 2px;
              display: inline-block;
              vertical-align: top; }
      #payment .shadowcard-wrapper .shadowcard .payment-form .payment-submit {
        padding: 0; }
        #payment .shadowcard-wrapper .shadowcard .payment-form .payment-submit button {
          margin: 5px 0; }
      #payment .shadowcard-wrapper .shadowcard .payment-detail-link {
        padding-right: 0; }
        #payment .shadowcard-wrapper .shadowcard .payment-detail-link .btn-link {
          padding-right: 0; }
    #payment #paymentBarM {
      display: block; }
      #payment #paymentBarM .quantity {
        padding: 0; }
        #payment #paymentBarM .quantity .row {
          margin-bottom: 10px; }
          #payment #paymentBarM .quantity .row div:last-child {
            text-align: right; }
      #payment #paymentBarM .numberR {
        margin: 10px 0 0;
        padding: 10px 0 0;
        border-top: 1px solid #D8D8D8; }
        #payment #paymentBarM .numberR span {
          color: #4A4A4A;
          font-size: 12px;
          font-weight: normal;
          float: left;
          margin-top: 2px; }
        #payment #paymentBarM .numberR span:last-child {
          font-size: 14px;
          float: right;
          margin-top: 0;
          font-weight: bold; }
          #payment #paymentBarM .numberR span:last-child span {
            font-size: 12px;
            font-weight: normal;
            margin: 1px 0 0 2px;
            display: inline-block;
            vertical-align: top;
            padding: 0;
            font-weight: normal; } }
.refund-popup {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  display: block; }

.paymentResult {
  margin-bottom: 20px; }
  .paymentResult .row .col-md-8 {
    background-color: #fff;
    padding: 15px; }
    .paymentResult .row .col-md-8 .row {
      /* border-bottom: 1px solid $cal-gray-mid; */
      /* edit by tchen */ }
      @media (max-width: 991px) {
        .paymentResult .row .col-md-8 .row {
          padding: 15px 0 10px 0; } }
      .paymentResult .row .col-md-8 .row .col-md-4 {
        border-right: 1px solid #D8D8D8; }
        @media (max-width: 991px) {
          .paymentResult .row .col-md-8 .row .col-md-4 {
            border-right: none; } }
        .paymentResult .row .col-md-8 .row .col-md-4 p a {
          font-size: 24px;
          line-height: 27px; }
        .paymentResult .row .col-md-8 .row .col-md-4 p:first-child {
          font-size: 12px;
          color: #4A4A4A;
          margin-bottom: 10px; }
      .paymentResult .row .col-md-8 .row .col-md-8 {
        padding: 0 0 0 25px; }
        @media (max-width: 991px) {
          .paymentResult .row .col-md-8 .row .col-md-8 {
            padding: 10px 0;
            margin: 0;
            border-top: 1px solid #D8D8D8;
            margin-top: 20px; } }
        .paymentResult .row .col-md-8 .row .col-md-8 p {
          font-size: 14px;
          color: #4A4A4A; }
        .paymentResult .row .col-md-8 .row .col-md-8 p:first-child {
          color: #E4007F;
          font-size: 24px; }
      .paymentResult .row .col-md-8 .row .col-md-12 {
        padding: 0 0 0 25px; }
        @media (max-width: 991px) {
          .paymentResult .row .col-md-8 .row .col-md-12 {
            padding: 10px 0;
            margin: 0; } }
        .paymentResult .row .col-md-8 .row .col-md-12 p {
          font-size: 14px;
          color: #4A4A4A; }
        .paymentResult .row .col-md-8 .row .col-md-12 p:first-child {
          color: #E4007F;
          font-size: 24px; }
    .paymentResult .row .col-md-8 .register {
      border-bottom: none;
      padding-bottom: 0; }
      .paymentResult .row .col-md-8 .register p {
        width: 60%;
        float: left;
        font-size: 14px;
        color: #4A4A4A; }
      .paymentResult .row .col-md-8 .register button {
        width: 40%;
        float: right; }
    .paymentResult .row .col-md-8 .paymentRegisterDetail .consumerpassword_tips {
      margin-bottom: 15px;
      color: #E4007F; }
    .paymentResult .row .col-md-8 .paymentRegisterDetail .ui-checkbox-wrapper {
      padding-right: 0;
      padding-left: 0; }
    .paymentResult .row .col-md-8 .paymentRegisterDetail a {
      text-decoration: underline; }
    .paymentResult .row .col-md-8 .paymentRegisterDetail .horizontal-form-row > div {
      margin: 2px 0; }
      .paymentResult .row .col-md-8 .paymentRegisterDetail .horizontal-form-row > div p.value {
        font-weight: bold; }

#brandService header {
  height: 55px;
  line-height: 55px;
  font-size: 16px;
  padding: 0 15px; }
#brandService .section-title {
  margin-top: 7vw;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 18px; }

.payment-related-content {
  height: 180px;
  overflow: hidden; }
  .payment-related-content .panel-gold .large {
    color: #594510; }
  .payment-related-content .panel-gold .gold-text p, .payment-related-content .panel-gold .gold-text a {
    color: #594510; }
  .payment-related-content .panel-gold .gold-text a.btn-link {
    background: url(https://tw.ceair.com/newwebsite/images/arrow.svg) right center no-repeat;
    padding-right: 10px; }
  .payment-related-content .panel-gold .service {
    padding: 5px 9px 0 25px;
    margin-top: 30px; }
    @media (max-width: 991px) {
      .payment-related-content .panel-gold .service {
        margin-top: 5px;
        padding-left: 10px; } }

.relation-links {
  margin-left: 15px; }
  .relation-links .relation-link {
    background-color: #fff; }
    .relation-links .relation-link .relation-link-text {
      padding: 20px; }

@media (max-width: 639px) {
  #payment .shadowcard-wrapper .shadowcard .show-detail .leg-passenger .btn-link-wrapper {
    display: block; }
  #payment .shadowcard-wrapper .shadowcard .show-detail .leg-passenger .table-wrapper {
    max-height: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.5s ease 0s;
    overflow: hidden; }
  #payment .shadowcard-wrapper .shadowcard .show-detail .show-passenger .table-wrapper {
    max-height: 1500px;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 2.5s ease 0s; }
    #payment .shadowcard-wrapper .shadowcard .show-detail .show-passenger .table-wrapper td {
      border-bottom: 1px solid #D8D8D8; }
    #payment .shadowcard-wrapper .shadowcard .show-detail .show-passenger .table-wrapper td:first-child {
      border-left: none; }
  #payment .shadowcard-wrapper .shadowcard .show-detail .hide-mobile {
    display: none; }
  #payment .shadowcard-wrapper .shadowcard .show-detail .text-thin-mobile {
    font-weight: normal; }
  #payment .shadowcard-wrapper .shadowcard .show-detail .text-bold-mobile {
    font-weight: bold; }
  #payment .shadowcard-wrapper .shadowcard .show-detail .leg-passenger {
    padding: 0;
    margin: 10px 0 10px; }
  #payment .shadowcard-wrapper .shadowcard .show-detail .table-wrapper {
    overflow-x: scroll; }
  #payment .shadowcard-wrapper .shadowcard .show-detail .table thead {
    position: initial;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip: initial;
    border: 0; }
  #payment .shadowcard-wrapper .shadowcard .show-detail .table tbody tr {
    border: none; }
  #payment .shadowcard-wrapper .shadowcard .show-detail .table td {
    display: table-cell;
    padding: 9px 0;
    border-left: 1px solid #D8D8D8;
    width: 1%; }
  #payment .shadowcard-wrapper .shadowcard .show-detail .order-reference {
    margin: 0 5px; }
    #payment .shadowcard-wrapper .shadowcard .show-detail .order-reference p {
      display: block; }
      #payment .shadowcard-wrapper .shadowcard .show-detail .order-reference p span {
        float: right;
        margin-right: 0; }
      #payment .shadowcard-wrapper .shadowcard .show-detail .order-reference p:last-of-type {
        float: none;
        padding-top: 10px;
        margin-top: 10px;
        border-top: 1px solid #D8D8D8; }
  #payment .shadowcard-wrapper .shadowcard .show-detail .order-notification {
    margin: 0 5px; }
  #payment .shadowcard-wrapper .shadowcard .show-detail .tab-card {
    margin: 10px 0; }
    #payment .shadowcard-wrapper .shadowcard .show-detail .tab-card > div {
      margin: 0 5px;
      padding: 15px 10px; }
  #payment .shadowcard-wrapper .shadowcard .show-detail .trip-leg .show-mobile {
    display: block; }
  #payment .shadowcard-wrapper .shadowcard .show-detail .trip-leg li > div {
    padding: 0; }
  #payment .shadowcard-wrapper .shadowcard .show-detail .trip-leg li .leg-head {
    text-align: center;
    padding: 10px 0; }
  #payment .shadowcard-wrapper .shadowcard .show-detail .trip-leg li .leg-info {
    text-align: center;
    border-left: none;
    min-height: 0;
    padding: 10px 0; }
    #payment .shadowcard-wrapper .shadowcard .show-detail .trip-leg li .leg-info div p {
      max-width: initial; }
    #payment .shadowcard-wrapper .shadowcard .show-detail .trip-leg li .leg-info div .text-margin-top {
      margin-top: 10px; }
    #payment .shadowcard-wrapper .shadowcard .show-detail .trip-leg li .leg-info div:nth-of-type(4) {
      border-top: 1px solid #D8D8D8;
      margin-top: 10px; }
  #payment .shadowcard-wrapper .shadowcard .show-detail .trip-leg li .leg-plane:before {
    margin-top: 10px;
    background-position: center; }

  .paymentResult {
    margin: 0; }
    .paymentResult .row .col-md-8 {
      padding: 10px;
      margin: 5px; }
      .paymentResult .row .col-md-8 .row {
        padding: 0; }
        .paymentResult .row .col-md-8 .row .col-md-4 {
          padding-bottom: 10px;
          border: none; }
          .paymentResult .row .col-md-8 .row .col-md-4 p a {
            font-size: 18px; }
          .paymentResult .row .col-md-8 .row .col-md-4 p:first-child {
            margin-bottom: 5px; }
        .paymentResult .row .col-md-8 .row .col-md-8 {
          padding: 10px 0;
          margin: 0;
          border-top: 1px solid #D8D8D8; }
          .paymentResult .row .col-md-8 .row .col-md-8 p {
            font-size: 12px; }
          .paymentResult .row .col-md-8 .row .col-md-8 p:first-child {
            font-size: 18px;
            margin-bottom: 5px; }
      .paymentResult .row .col-md-8 .register {
        padding: 10px 0 0; }
        .paymentResult .row .col-md-8 .register p, .paymentResult .row .col-md-8 .register button {
          width: 100%; }
        .paymentResult .row .col-md-8 .register p {
          margin-bottom: 10px;
          font-size: 12px; }

  .payment-related-content {
    height: 100%; }
    .payment-related-content .panel-gold li {
      height: 180px; }
      .payment-related-content .panel-gold li img {
        width: 100%;
        height: 90px; }
      .payment-related-content .panel-gold li .service {
        margin: 0;
        padding: 10px;
        width: 100%; }
        .payment-related-content .panel-gold li .service .title {
          width: 100%; }
          .payment-related-content .panel-gold li .service .title .large {
            font-size: 18px; }
        .payment-related-content .panel-gold li .service .desc {
          font-size: 12px; }
        .payment-related-content .panel-gold li .service .section-more a {
          font-size: 12px; } }
@media (max-width: 1199px) {
  #paymentBar {
    display: none; }

  #payment {
    padding-right: 0; }
    #payment .shadowcard-wrapper .shadowcard .show-detail .table-wrapper .table {
      width: 100%; } }
@media (min-width: 992px) {
  #paymentBar {
    display: block; } }
.checkinResult .col-md-8 .row {
  background-color: #fff;
  padding: 15px;
  margin-bottom: 15px; }
  .checkinResult .col-md-8 .row li span.value {
    font-weight: bold;
    padding-left: 5px; }
  .checkinResult .col-md-8 .row li:last-child {
    float: right;
    text-align: right; }
  .checkinResult .col-md-8 .row a.clickDetail {
    float: right;
    color: #2A5390;
    margin-top: 10px; }
  .checkinResult .col-md-8 .row button {
    float: right; }
  .checkinResult .col-md-8 .row .row {
    padding-top: 0; }
    .checkinResult .col-md-8 .row .row p.successfully {
      color: #E4007F;
      font-size: 24px; }
    .checkinResult .col-md-8 .row .row p {
      margin-bottom: 5px; }
  .checkinResult .col-md-8 .row .row:last-child {
    margin-bottom: 0;
    padding-bottom: 0; }

.readTerm {
  padding: 0 15px;
  margin: 15px; }
  .readTerm ul {
    list-style-type: decimal;
    margin-left: 15px;
    font-weight: normal;
    font-size: 12px; }
    .readTerm ul li {
      margin-bottom: 5px; }
      .readTerm ul li a {
        color: #2A5390;
        font-size: 12px; }
  .readTerm p {
    color: #4A4A4A;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 5px; }
    .readTerm p a {
      color: #2A5390;
      font-size: 12px; }
    .readTerm p .ui-checkbox-wrapper {
      margin-top: 10px; }
      .readTerm p .ui-checkbox-wrapper .ui-checkbox-text {
        width: 95%;
        font-weight: normal;
        vertical-align: top; }
      .readTerm p .ui-checkbox-wrapper .fake-checkbox {
        margin-top: 4px; }

#toManageBooking {
  font-weight: bold;
  text-decoration: underline; }

@media print {
  html, body {
    background: #ffffff !important; } }
@media print and (max-width: 991px) {
  #payment #content-body {
    background: #ffffff !important; } }
@media print and (max-width: 639px) {
  #payment .paymentResult.paymentPrint .row .col-md-8 .row .col-md-8 {
    padding: 0 0 0 25px;
    margin: 0;
    border-top: none; }
  #payment .paymentResult .shadowcard-wrapper .shadowcard {
    margin: 0 !important;
    padding: 15px 0 20px 0 !important;
    margin-top: 10px !important; }
  #payment .shadowcard-wrapper .shadowcard {
    background: none; }
  #payment .shadowcard-wrapper .shadowcard .show-detail .trip-leg li .leg-head {
    text-align: left !important;
    padding: 15px; }
  #payment .shadowcard-wrapper .shadowcard .show-detail .leg-passenger .table-wrapper {
    max-height: 500px;
    opacity: 1; }
  #payment .shadowcard-wrapper .shadowcard .show-detail .table-wrapper td:first-child {
    border-left: none; }
  #payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg li .leg-info {
    border-top: none;
    margin-top: 0;
    text-align: left !important;
    padding: 15px; }
  #payment .shadowcard-wrapper .shadowcard .show-detail .trip-leg li .leg-info div:nth-of-type(4) {
    border-top: none; }
  #payment .shadowcard-wrapper .shadowcard .paymentDetailH .trip-leg li .leg-info {
    min-height: 138px;
    border-left: 1px solid #D8D8D8;
    border-bottom: none; }
  #payment .shadowcard-wrapper .shadowcard .paymentDetailH .table-wrapper {
    border-top: 2px solid #223B61; } }
@media print {
  @page {
    #payment {
      size: landscape; } } }
.passenger .passengerForm .shadowcard-wrapper:first-of-type {
  margin-bottom: 0; }
.passenger .hide-label .ui-input-wrapper {
  padding-right: 5px; }
  .passenger .hide-label .ui-input-wrapper .input {
    padding-left: 5px; }
.passenger .hide-label:last-child .ui-input-wrapper {
  padding-right: 15px; }
.passenger .passenger-field {
  font-size: 14px;
  font-weight: 900; }
.passenger form .passenger-box, .passenger #form .passenger-box {
  margin: 0;
  padding: 0 20px; }
  .passenger form .passenger-box .passenger-head, .passenger #form .passenger-box .passenger-head {
    padding: 0; }
    .passenger form .passenger-box .passenger-head h3, .passenger #form .passenger-box .passenger-head h3 {
      font-size: 14px; }
    .passenger form .passenger-box .passenger-head span, .passenger #form .passenger-box .passenger-head span {
      line-height: 31px; }
    .passenger form .passenger-box .passenger-head .passenger-delete, .passenger #form .passenger-box .passenger-head .passenger-delete {
      display: inline-block;
      position: absolute;
      top: 25px;
      right: 20px; }
  .passenger form .passenger-box .passenger-box-unexpand, .passenger #form .passenger-box .passenger-box-unexpand {
    background: white; }
    .passenger form .passenger-box .passenger-box-unexpand .passenger-box-title, .passenger #form .passenger-box .passenger-box-unexpand .passenger-box-title {
      font-size: 24px;
      clear: both; }
      .passenger form .passenger-box .passenger-box-unexpand .passenger-box-title s, .passenger #form .passenger-box .passenger-box-unexpand .passenger-box-title s {
        font-size: 14px;
        text-decoration: none; }
      .passenger form .passenger-box .passenger-box-unexpand .passenger-box-title .box-index, .passenger #form .passenger-box .passenger-box-unexpand .passenger-box-title .box-index {
        text-align: center;
        float: left;
        width: 40px;
        height: 40px;
        line-height: 40px;
        background: #223b61; }
      .passenger form .passenger-box .passenger-box-unexpand .passenger-box-title .box-index-in, .passenger #form .passenger-box .passenger-box-unexpand .passenger-box-title .box-index-in {
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        background: #fff;
        line-height: 30px; }
      .passenger form .passenger-box .passenger-box-unexpand .passenger-box-title .box-text, .passenger #form .passenger-box .passenger-box-unexpand .passenger-box-title .box-text {
        float: left;
        width: 60%;
        height: 40px;
        line-height: 40px;
        padding-left: 10px;
        border: 1px solid #556677;
        position: relative; }
        .passenger form .passenger-box .passenger-box-unexpand .passenger-box-title .box-text b, .passenger #form .passenger-box .passenger-box-unexpand .passenger-box-title .box-text b {
          display: inline-block;
          width: 80%;
          white-space: nowrap;
          text-overflow: ellipsis;
          -o-text-overflow: ellipsis;
          overflow: hidden; }
      .passenger form .passenger-box .passenger-box-unexpand .passenger-box-title .box-type, .passenger #form .passenger-box .passenger-box-unexpand .passenger-box-title .box-type {
        position: absolute;
        right: 6px;
        font-size: 14px; }
      .passenger form .passenger-box .passenger-box-unexpand .passenger-box-title .box-btn, .passenger #form .passenger-box .passenger-box-unexpand .passenger-box-title .box-btn {
        width: 40px;
        height: 40px;
        border: 1px solid #556677;
        border-left: none;
        position: relative;
        top: 0px; }
        .passenger form .passenger-box .passenger-box-unexpand .passenger-box-title .box-btn:after, .passenger #form .passenger-box .passenger-box-unexpand .passenger-box-title .box-btn:after {
          margin-left: 0; }
    .passenger form .passenger-box .passenger-box-unexpand .ui-checkbox-wrapper, .passenger #form .passenger-box .passenger-box-unexpand .ui-checkbox-wrapper {
      font-size: 12px;
      margin-left: 60px; }
      .passenger form .passenger-box .passenger-box-unexpand .ui-checkbox-wrapper span, .passenger #form .passenger-box .passenger-box-unexpand .ui-checkbox-wrapper span {
        font-weight: normal; }
      @media (max-width: 991px) {
        .passenger form .passenger-box .passenger-box-unexpand .ui-checkbox-wrapper, .passenger #form .passenger-box .passenger-box-unexpand .ui-checkbox-wrapper {
          margin-left: 15px; } }
  .passenger form .passenger-box .passenger-box-transition, .passenger #form .passenger-box .passenger-box-transition {
    transition-duration: 2s;
    opacity: 1;
    overflow: hidden;
    max-height: 3000px; }
    .passenger form .passenger-box .passenger-box-transition .fake-checkbox, .passenger #form .passenger-box .passenger-box-transition .fake-checkbox {
      margin-left: 3px; }
  .passenger form .passenger-box .passenger-box-transition-click, .passenger #form .passenger-box .passenger-box-transition-click {
    transition-duration: 1s;
    max-height: 0;
    opacity: 0; }
.passenger form .passenger-add, .passenger #form .passenger-add {
  display: inline-block;
  height: 26px;
  margin: 20px 0; }
  .passenger form .passenger-add button, .passenger #form .passenger-add button {
    display: inline-block;
    height: 26px;
    padding: 0;
    background: none;
    border: none; }
  .passenger form .passenger-add .passenger-add-text, .passenger #form .passenger-add .passenger-add-text {
    display: inline-block;
    font-size: 18px;
    padding-left: 15px;
    padding-top: 5px;
    vertical-align: top; }
.passenger form .contact-name > div, .passenger form .contact-phone > div, .passenger form .contact-email > div, .passenger #form .contact-name > div, .passenger #form .contact-phone > div, .passenger #form .contact-email > div {
  margin-bottom: 10px; }
.passenger form .passenger-submit, .passenger #form .passenger-submit {
  margin: 10px 0; }
.passenger .passenger-info .display-label {
  margin-bottom: 3px; }
.passenger .passenger-info legend {
  position: relative;
  border: 0;
  font-size: 14px;
  border-top: 1px solid #D8D8D8;
  padding-top: 20px;
  margin-bottom: 0; }
  .passenger .passenger-info legend:before {
    display: block;
    content: '';
    background: #223B61;
    width: 10px;
    height: 14px;
    position: absolute;
    left: -20px;
    top: 22px; }
.passenger .passenger-sel .vipRoom {
  line-height: 50px; }
.passenger .passenger-sel .ui-select {
  padding-left: 60px;
  font-weight: 700; }
.passenger .vip-go .ui-select {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAQCAYAAAD52jQlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNDk2MjNGRDhEQzAxMUU2OTU5NEM5MzBGQ0U3MTk4QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNDk2MjNGRThEQzAxMUU2OTU5NEM5MzBGQ0U3MTk4QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE0OTYyM0ZCOERDMDExRTY5NTk0QzkzMEZDRTcxOThBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE0OTYyM0ZDOERDMDExRTY5NTk0QzkzMEZDRTcxOThBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zAaH1QAAAQ1JREFUeNpi7O3tZcAB9ID4PBB/AWIDIL7PQCRgwiN3CYgXAjEfEK8AYjZqGAoCdUD8DYjNgLiFWoY+AeJ+KLsEiN2pYSgIdAHxKyBmhAaHBDGGJgBxBFQTNvAJiJuhbHEgXkzIMSBJNyBeDsRtaHKcQCwIxauA+CFU3AWIK5HkBNEjEWToLCi7Aoj/I2FQBL2D4pdALI+krwVJDoR/Iuk7BzL0MwN1wXeQoTFQznRouGLDIC/eQtKYj0etNQtUcR4QT8NjOyjc1aDsfUA8GZ9TWaAuJBSZ9VD2RyBOhIYdRekUlNy0kLz9iNLEzwzNqiCwAZr4Kc5RUUCsDs1R6dTI+yxIrkyHGkwUAAgwABKMNlWQmiMWAAAAAElFTkSuQmCC) no-repeat 20px center, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI0NERBMkFCOTcyQzExRTY4NDVFQ0ZFM0Q3RkYyQzQxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI0NERBMkFDOTcyQzExRTY4NDVFQ0ZFM0Q3RkYyQzQxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjQ0REEyQTk5NzJDMTFFNjg0NUVDRkUzRDdGRjJDNDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjQ0REEyQUE5NzJDMTFFNjg0NUVDRkUzRDdGRjJDNDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7O6wNlAAABNElEQVR42oSSsY6CQBCGf8gFbTCE0tbEykawIRS2NHTGwl5jYUN4EN6DEhpsKaChILEBHgMbtXCPmQQC19wky2Tm/3aYnV1JCIHewjAUSZKgbVssFgs4joPj8Sj1utTDnueJOI4xn88hyzK+3y9erxdc10UQBLxB7ive73domgbbtnG73bgqxZQnnStS5dPpJEzTFJfLRVDcL9/3OU86xVz58Xjwxu12i7GtViuMdYZ1Xecgy7IJnOc5+81mw/6HPoZhIE1TlGWJw+EgLMtisGkaKIoy/IGnURSFuF6vnPh8Pni/35jNZgySRVGE5XIpcRu73U7qDsECAaqqDmB3aAaHnsnO5zPW6/Wk524SBA+XgvGoqqoS+/2ex9Vdhng+n5NRTmBadV0zSP6vJo3fxn/2K8AAugW3NBHDRpAAAAAASUVORK5CYII=) no-repeat 272px center; }
.passenger .vip-back .ui-select {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAQCAYAAAD52jQlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNThDNDlBNDhEQzkxMUU2OTU5NEM5MzBGQ0U3MTk4QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNThDNDlBNThEQzkxMUU2OTU5NEM5MzBGQ0U3MTk4QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE0OTYyM0ZGOERDMDExRTY5NTk0QzkzMEZDRTcxOThBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE0OTYyNDAwOERDMDExRTY5NTk0QzkzMEZDRTcxOThBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/GN4aAAAAQhJREFUeNpi7O3tZSABKALxeSDmBWJDIL6ETRETCQayAfEKIOYH4oW4DCTV0GYgNgPib0Bch08hsYa6AXEplN0PxE8oNVQCiBcBMSMQvwLiLkIaWAjIgyxdDMTiUH4jEH/CoRZkaRgQc7JgiQxuJH4mELtA2Q+AeDUQC0L5P4D4O5LaNiCuAOLlIEPPQZMHIaAA9T4hMIsJzTZqgM8gQ62h4YEN5yMpvgX1Oi6106HqYgjF/mQg3gdlq0GTFi6QC8R5IMsJGfofiBOB+COU34AnGf6FOmI6Men0EVIwaAJxBAMR6ZAYAMrrG6BsUBZlpoahIJAOTVLqQBxNLUNfQQ0GgVp8uREgwACk7yvacGcUmgAAAABJRU5ErkJggg==) no-repeat 20px center, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI0NERBMkFCOTcyQzExRTY4NDVFQ0ZFM0Q3RkYyQzQxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI0NERBMkFDOTcyQzExRTY4NDVFQ0ZFM0Q3RkYyQzQxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjQ0REEyQTk5NzJDMTFFNjg0NUVDRkUzRDdGRjJDNDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjQ0REEyQUE5NzJDMTFFNjg0NUVDRkUzRDdGRjJDNDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7O6wNlAAABNElEQVR42oSSsY6CQBCGf8gFbTCE0tbEykawIRS2NHTGwl5jYUN4EN6DEhpsKaChILEBHgMbtXCPmQQC19wky2Tm/3aYnV1JCIHewjAUSZKgbVssFgs4joPj8Sj1utTDnueJOI4xn88hyzK+3y9erxdc10UQBLxB7ive73domgbbtnG73bgqxZQnnStS5dPpJEzTFJfLRVDcL9/3OU86xVz58Xjwxu12i7GtViuMdYZ1Xecgy7IJnOc5+81mw/6HPoZhIE1TlGWJw+EgLMtisGkaKIoy/IGnURSFuF6vnPh8Pni/35jNZgySRVGE5XIpcRu73U7qDsECAaqqDmB3aAaHnsnO5zPW6/Wk524SBA+XgvGoqqoS+/2ex9Vdhng+n5NRTmBadV0zSP6vJo3fxn/2K8AAugW3NBHDRpAAAAAASUVORK5CYII=) no-repeat 272px center; }

.padbottom {
  padding-bottom: 0 !important; }

.padtop {
  padding-top: 5px !important; }

#passengerForm .sub-title .star {
  padding: 0 5px;
  font-weight: bold;
  font-size: 16px;
  color: #E4007F; }
#passengerForm .customform-wrapper {
  padding-top: 0; }

#myBeneficiary .beneficiaryCount {
  padding: 10px 0; }
#myBeneficiary .beneficiary-bg {
  background-color: #ffffff;
  padding: 15px; }
  #myBeneficiary .beneficiary-bg .tabbox .tabs.points-claim-tabs .item {
    min-width: 20%;
    white-space: nowrap; }
  #myBeneficiary .beneficiary-bg .tabbox .tabs {
    margin-bottom: 20px; }
#myBeneficiary .historyContent {
  padding-left: 15px;
  margin-bottom: 20px; }

#beneficiaryForm .docPosition {
  position: relative; }
  #beneficiaryForm .docPosition .addDoc {
    position: absolute;
    right: 15px;
    top: 5px;
    z-index: 1; }
  #beneficiaryForm .docPosition .addDoc.disabled {
    color: #97accb; }

#checkin .sub-navigation {
  margin: 40px 20px 40px 0; }
#checkin #checkinpanel {
  padding: 0 15px; }
  #checkin #checkinpanel h1 {
    background: url(https://tw.ceair.com/newwebsite/images/icon_checkin.svg) left center no-repeat;
    padding-left: 98px; }
  #checkin #checkinpanel .sub-title {
    font-size: 14px;
    margin: 10px 0; }
  #checkin #checkinpanel .checkin-type {
    margin: 20px 0; }
  #checkin #checkinpanel .checkin-submit {
    margin: 20px 0; }

#testForm {
  padding: 10px; }
  #testForm h1 {
    background: url(https://tw.ceair.com/newwebsite/images/icon_checkin.svg) left center no-repeat;
    padding-left: 98px; }

@media (max-width: 639px) {
  #testForm {
    margin: 5px;
    padding: 0;
    width: auto; }
    #testForm .shadowcard-wrapper .shadowcard {
      margin: 0; }
      #testForm .shadowcard-wrapper .shadowcard .col-sm-12 {
        padding: 10px 0; }

  .ui-formgroup-wrapper {
    margin-bottom: 0; } }
.booking-wrapper {
  background-color: #f8f8f8; }

#bookresult {
  border-top: 2px solid white;
  margin-top: 30px; }

#bookingpanel {
  clear: both; }
  #bookingpanel .nb-wrapper .label-radio {
    width: auto; }
  #bookingpanel .nb-disabled {
    position: relative;
    color: #bbb; }
    #bookingpanel .nb-disabled:after {
      content: "";
      display: block;
      width: 100%;
      height: 50px;
      opacity: .3;
      position: absolute;
      top: -18px;
      left: -6px;
      cursor: not-allowed; }
  #bookingpanel .dateStly div.ardp-date-picker .calendar .month-header span {
    font-size: 16px; }
  #bookingpanel .multi-trip {
    padding: 15px; }
    #bookingpanel .multi-trip .multi-tip {
      color: #aaaaaa;
      margin-left: 10px;
      margin-top: 5px; }
    #bookingpanel .multi-trip .bookingpanel-advance {
      padding-left: 0; }
    #bookingpanel .multi-trip .por .date-picker-input {
      padding-right: 0; }
  #bookingpanel .bookingpanelStep {
    background: white; }
  @media (max-width: 639px) {
    #bookingpanel {
      margin: 5px; } }
  @media (max-width: 991px) {
    #bookingpanel.space-bottom {
      margin-bottom: 50px; } }
  @media (max-width: 991px) {
    #bookingpanel .beforeCal {
      padding-right: 0; } }
  #bookingpanel .beforeCal .date-picker-roundtrip label, #bookingpanel .beforeCal .date-picker-oneway label {
    font-size: 24px;
    font-weight: bold;
    margin-left: 20px;
    margin-bottom: 15px; }
    @media (max-width: 639px) {
      #bookingpanel .beforeCal .date-picker-roundtrip label, #bookingpanel .beforeCal .date-picker-oneway label {
        font-size: 12px;
        margin-left: 10px;
        margin-top: 15px; } }
  #bookingpanel .beforeCal .date-picker-roundtrip label:before, #bookingpanel .beforeCal .date-picker-oneway label:before {
    width: 28px;
    height: 20px;
    top: 7px;
    right: -20px; }
    @media (max-width: 639px) {
      #bookingpanel .beforeCal .date-picker-roundtrip label:before, #bookingpanel .beforeCal .date-picker-oneway label:before {
        right: -20px;
        top: -1px; } }
  #bookingpanel .beforeCal .date-picker-roundtrip .dateSingle.dateRound > div > label, #bookingpanel .beforeCal .date-picker-oneway .dateSingle.dateRound > div > label {
    float: left;
    left: 30px; }
    @media (max-width: 639px) {
      #bookingpanel .beforeCal .date-picker-roundtrip .dateSingle.dateRound > div > label, #bookingpanel .beforeCal .date-picker-oneway .dateSingle.dateRound > div > label {
        left: 3px; } }
    #bookingpanel .beforeCal .date-picker-roundtrip .dateSingle.dateRound > div > label b, #bookingpanel .beforeCal .date-picker-oneway .dateSingle.dateRound > div > label b {
      font-size: 14px;
      font-weight: normal;
      margin-right: 10px; }
    #bookingpanel .beforeCal .date-picker-roundtrip .dateSingle.dateRound > div > label:nth-child(2), #bookingpanel .beforeCal .date-picker-oneway .dateSingle.dateRound > div > label:nth-child(2) {
      float: right;
      left: auto;
      right: 15px; }
      @media (max-width: 639px) {
        #bookingpanel .beforeCal .date-picker-roundtrip .dateSingle.dateRound > div > label:nth-child(2), #bookingpanel .beforeCal .date-picker-oneway .dateSingle.dateRound > div > label:nth-child(2) {
          right: 5px; } }
      #bookingpanel .beforeCal .date-picker-roundtrip .dateSingle.dateRound > div > label:nth-child(2) b, #bookingpanel .beforeCal .date-picker-oneway .dateSingle.dateRound > div > label:nth-child(2) b {
        margin-left: 10px; }
  @media (max-width: 991px) {
    #bookingpanel .beforeCal .date-picker-roundtrip label {
      margin-left: 10px; }
    #bookingpanel .beforeCal .date-picker-roundtrip .ardp-date-picker {
      padding: 0 10px; } }
  #bookingpanel .beforeCal .beforeCalInner {
    padding: 15px;
    background-color: #fff; }
    @media (max-width: 991px) {
      #bookingpanel .beforeCal .beforeCalInner {
        padding: 10px; } }
    #bookingpanel .beforeCal .beforeCalInner .row {
      margin: 0; }
      #bookingpanel .beforeCal .beforeCalInner .row .bookingpanel-city {
        float: left;
        margin: 0;
        box-shadow: none;
        /* For Latest Opera */ }
        @media (max-width: 991px) {
          #bookingpanel .beforeCal .beforeCalInner .row .bookingpanel-city {
            width: 100%; } }
        #bookingpanel .beforeCal .beforeCalInner .row .bookingpanel-city .ui-autocomplete-box {
          height: 50px;
          border: 1px solid #E4E4E4; }
          #bookingpanel .beforeCal .beforeCalInner .row .bookingpanel-city .ui-autocomplete-box input {
            height: 48px;
            line-height: 18px;
            padding: 20px 0 10px 10px; }
      #bookingpanel .beforeCal .beforeCalInner .row .bookingpanel-city:last-child {
        float: right; }
    #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep {
      margin: 0; }
      @media (max-width: 991px) {
        #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep {
          margin-top: 0; } }
      @media (max-width: 991px) {
        #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-optional {
          margin-bottom: 0;
          padding-top: 0; } }
      #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .date-picker-roundtrip label {
        margin-left: 0; }
        @media (max-width: 991px) {
          #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .date-picker-roundtrip label {
            font-size: 18px;
            margin-top: 15px; } }
      #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .date-picker-roundtrip fieldset .ardp-date-picker {
        padding-left: 0; }
        @media (max-width: 991px) {
          #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .date-picker-roundtrip fieldset .ardp-date-picker {
            padding: 0; } }
        #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .date-picker-roundtrip fieldset .ardp-date-picker .month-header i {
          padding: 5px 0;
          background-position: 0 3px; }
        #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .date-picker-roundtrip fieldset .ardp-date-picker .month-header i:last-child {
          background-position: 10px 3px; }
        #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .date-picker-roundtrip fieldset .ardp-date-picker .month-header span {
          font-size: 16px; }
      #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-pex {
        margin: 20px 0 0 0; }
        @media (max-width: 991px) {
          #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-pex {
            margin: 10px 0 0 0;
            padding-top: 10px; } }
        #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-pex .ui-select-wrapper {
          margin-left: 0;
          margin-right: 5%; }
          @media (max-width: 991px) {
            #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-pex .ui-select-wrapper {
              margin: 0 10px 0 0;
              width: 28%;
              padding: 0; } }
          #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-pex .ui-select-wrapper .display-label {
            display: block;
            width: 100%;
            height: auto;
            line-height: 18px; }
          #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-pex .ui-select-wrapper .ui-select-box {
            margin-left: 0;
            height: 30px; }
            #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-pex .ui-select-wrapper .ui-select-box .ui-select {
              padding: 0; }
        #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-pex .ui-select-wrapper:nth-child(3) {
          margin-right: 0; }
          @media (max-width: 991px) {
            #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-pex .ui-select-wrapper:nth-child(3) {
              margin: 0; } }
      #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-optional {
        margin-top: 5px; }
        @media (max-width: 991px) {
          #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-optional {
            padding: 10px 0;
            margin-top: 0; } }
        #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-optional fieldset span {
          margin-left: 0; }
          @media (max-width: 991px) {
            #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-optional fieldset span {
              font-size: 12px; } }
        @media (max-width: 991px) {
          #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-optional fieldset a {
            font-size: 12px;
            float: right; } }
      #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-advance {
        padding-left: 0; }
        @media (max-width: 991px) {
          #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-advance {
            margin-top: 0; } }
        @media (max-width: 991px) {
          #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-advance .bookingpanel-checkbox {
            margin-top: 10px; } }
        #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-advance .bookingpanel-checkbox button {
          float: right; }
        #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-advance .bookingpanel-checkbox label {
          margin-top: 18px; }
          @media (max-width: 991px) {
            #bookingpanel .beforeCal .beforeCalInner .bookingpanelStep .bookingpanel-advance .bookingpanel-checkbox label {
              margin-top: 0;
              margin-bottom: 10px;
              font-size: 12px; } }
  #bookingpanel .date-picker-oneway > div {
    width: 100%; }
  #bookingpanel .date-picker-roundtrip > div {
    display: inline-block;
    vertical-align: top; }

#SearchResult .reaultDetails {
  position: relative; }
  #SearchResult .reaultDetails .errorMsg {
    margin-top: 0; }

.checkPointTips {
  background-color: #ffffff;
  line-height: 24px;
  padding: 8px 15px;
  border: 3px solid #e4007f;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  margin-bottom: 10px;
  margin-right: 15px;
  border-radius: 2px; }
  .checkPointTips .glyphicon, .checkPointTips .glyphicon:hover {
    background: url(https://tw.ceair.com/newwebsite/images/icon-info-hover.svg) center center no-repeat;
    margin-right: 15px;
    vertical-align: middle;
    width: 24px;
    height: 24px; }

.search-price .checkPointTips {
  border: none;
  padding: 8px 0;
  font-weight: bold; }
  .search-price .checkPointTips .glyphicon, .search-price .checkPointTips .glyphicon:hover {
    margin-right: 5px; }
  .search-price .checkPointTips > span {
    color: #e4007f;
    font-size: 18px;
    font-weight: bold; }

.booking-step {
  clear: left;
  margin-right: 15px; }
  @media (max-width: 991px) {
    .booking-step {
      margin-right: 0; }
      .booking-step .shadowcard-wrapper {
        margin-bottom: 5px; }
        .booking-step .shadowcard-wrapper .shadowcard {
          margin: 0; }
          .booking-step .shadowcard-wrapper .shadowcard .refund, .booking-step .shadowcard-wrapper .shadowcard .baggage, .booking-step .shadowcard-wrapper .shadowcard .modification {
            padding: 15px 10px 5px; }
          .booking-step .shadowcard-wrapper .shadowcard .modification {
            border-bottom: none; }
          .booking-step .shadowcard-wrapper .shadowcard .review-terms, .booking-step .shadowcard-wrapper .shadowcard .review-passenger-detail {
            padding: 0 10px; }
          .booking-step .shadowcard-wrapper .shadowcard .review-passenger-detail {
            padding-top: 15px; } }
  .booking-step .new-search {
    font-size: 20px;
    text-decoration: underline;
    display: inline-block; }
    .booking-step .new-search:hover {
      font-weight: bold; }

.result-header {
  padding: 10px 15px; }
  @media (max-width: 991px) {
    .result-header {
      padding: 10px; } }
  .result-header .result-name {
    margin-bottom: 10px;
    font-size: 14px; }
  @media (max-width: 991px) {
    .result-header .row div {
      width: 100%;
      float: left; }
      .result-header .row div label span:first-child {
        width: 20%; } }
  @media (max-width: 1300px) {
    .result-header .row div.col-md-4 {
      width: 50%; } }

.bookingpanel-remove {
  text-align: right;
  padding-right: 15px; }
  .bookingpanel-remove .btn-link {
    padding-right: 0;
    background: none;
    text-decoration: underline; }
  .bookingpanel-remove .btn-link.disable {
    cursor: not-allowed;
    color: #dddddd; }

.bookingpanel-add {
  text-align: center;
  padding-bottom: 15px; }
  .bookingpanel-add button.disabled {
    cursor: not-allowed;
    color: #dddddd;
    border-color: #ddd; }
    .bookingpanel-add button.disabled:hover {
      color: #ddd; }

#bookingdevice .cityExchange, .bookingPanelForm .cityExchange {
  text-align: center;
  margin: 15px 0px; }
  #bookingdevice .cityExchange a, .bookingPanelForm .cityExchange a {
    vertical-align: middle;
    display: inline-block;
    width: 34px;
    height: 19px;
    cursor: pointer;
    background: url(https://tw.ceair.com/newwebsite/images/icon_exchange.png) no-repeat; }
#bookingdevice .bookingpanel-city, .bookingPanelForm .bookingpanel-city {
  background: white;
  box-shadow: 1px -1px 4px gray;
  /*z-index: 1;*/ }
  #bookingdevice .bookingpanel-city .ui-autocomplete, .bookingPanelForm .bookingpanel-city .ui-autocomplete {
    padding: 0; }
    #bookingdevice .bookingpanel-city .ui-autocomplete .bookingpanel-label, .bookingPanelForm .bookingpanel-city .ui-autocomplete .bookingpanel-label {
      display: inline-block;
      position: absolute;
      margin: 5px 0 0 10px;
      font-size: 14px;
      font-weight: bold;
      color: #223B61;
      z-index: 1;
      text-align: left;
      padding-left: 0;
      left: 0; }
    #bookingdevice .bookingpanel-city .ui-autocomplete .ui-autocomplete-box, .bookingPanelForm .bookingpanel-city .ui-autocomplete .ui-autocomplete-box {
      width: 100%;
      height: 55px; }
      @media (max-width: 639px) {
        #bookingdevice .bookingpanel-city .ui-autocomplete .ui-autocomplete-box, .bookingPanelForm .bookingpanel-city .ui-autocomplete .ui-autocomplete-box {
          height: 44px; } }
    #bookingdevice .bookingpanel-city .ui-autocomplete input, .bookingPanelForm .bookingpanel-city .ui-autocomplete input {
      display: inline-block;
      border: 0;
      height: 55px;
      padding: 25px 25px 15px 10px;
      width: 100%;
      color: #4a4a4a;
      font-size: 14px; }
      #bookingdevice .bookingpanel-city .ui-autocomplete input:hover, .bookingPanelForm .bookingpanel-city .ui-autocomplete input:hover {
        border-color: #223B61;
        outline: 1px solid #223B61;
        outline-offset: 0; }
      #bookingdevice .bookingpanel-city .ui-autocomplete input:focus, .bookingPanelForm .bookingpanel-city .ui-autocomplete input:focus {
        border-color: #A1D7DD;
        outline: 2px solid #A1D7DD;
        outline-offset: 0; }
      #bookingdevice .bookingpanel-city .ui-autocomplete input:active, .bookingPanelForm .bookingpanel-city .ui-autocomplete input:active {
        border: 1px solid #223B61;
        outline: 2px solid #A1D7DD;
        outline-offset: 0; }
    #bookingdevice .bookingpanel-city .ui-autocomplete .star, .bookingPanelForm .bookingpanel-city .ui-autocomplete .star {
      display: none; }

.bookingpanel-pex {
  padding-left: 10px; }
  .bookingpanel-pex .flexibleDay {
    display: inline-block;
    width: 25%;
    height: 60px;
    padding-left: 5%;
    position: relative;
    vertical-align: top; }
    @media (max-width: 639px) {
      .bookingpanel-pex .flexibleDay {
        width: 80%;
        padding-left: 0; } }
    .bookingpanel-pex .flexibleDay > span {
      font-size: 12px;
      display: inline-block;
      text-align: left;
      width: 100%; }
    .bookingpanel-pex .flexibleDay .ui-checkbox-wrapper {
      padding-right: 0;
      position: relative;
      margin-top: 10px; }
  .bookingpanel-pex .ui-radio-wrapper .label-radio {
    margin-top: 5px; }
  .bookingpanel-pex .bookingpanel-warn-wrapper {
    position: relative;
    left: 40px;
    display: inline-block;
    font-size: 14px;
    width: 47%;
    height: 40px;
    border: none;
    margin-right: 1.5%;
    padding-right: 0; }
    @media (min-width: 640px) {
      .bookingpanel-pex .bookingpanel-warn-wrapper {
        width: 28%; } }
  .bookingpanel-pex .ui-select-wrapper {
    display: inline-block;
    font-size: 14px;
    width: 47%;
    height: 60px;
    border: none;
    margin-right: 1.5%;
    padding-right: 0; }
    @media (min-width: 640px) {
      .bookingpanel-pex .ui-select-wrapper {
        width: 20%; }
        .bookingpanel-pex .ui-select-wrapper label:first-child {
          border-right: 1px solid #D8D8D8; } }
    .bookingpanel-pex .ui-select-wrapper .display-label {
      font-weight: normal;
      color: #4a4a4a;
      margin-bottom: 2px;
      padding-left: 0;
      display: inline-block;
      float: left;
      height: 20px;
      line-height: 20px;
      min-width: 30px; }
      @media (max-width: 991px) {
        .bookingpanel-pex .ui-select-wrapper .display-label {
          min-width: 65px; } }
      .bookingpanel-pex .ui-select-wrapper .display-label .age {
        color: #E4007F; }
    .bookingpanel-pex .ui-select-wrapper .ui-select-box {
      display: inline-block;
      width: 100%;
      font-size: 30px;
      border: none;
      height: 34px; }
      .bookingpanel-pex .ui-select-wrapper .ui-select-box select {
        border: none !important;
        padding-left: 6px;
        font-size: 24px;
        box-shadow: none;
        font-weight: bold;
        line-height: 1em;
        color: #4a4a4a; }
        @media (max-width: 991px) {
          .bookingpanel-pex .ui-select-wrapper .ui-select-box select {
            font-size: 16px; } }
    .bookingpanel-pex .ui-select-wrapper .ui-select-box:hover {
      border: 0;
      outline: none; }
  .bookingpanel-pex .icon-info {
    position: absolute;
    z-index: 1; }

.bookingpanel-class, .bookingpanel-optional {
  margin-top: 20px;
  border-bottom: 1px solid #D8D8D8;
  font-size: 14px;
  overflow: hidden; }
  .bookingpanel-class .btn-link, .bookingpanel-optional .btn-link {
    padding-right: 15px;
    margin-left: 10px;
    height: 35px;
    line-height: 35px;
    white-space: nowrap; }
  .bookingpanel-class fieldset, .bookingpanel-optional fieldset {
    float: left; }
  .bookingpanel-class .ui-radio-wrapper .label-radio, .bookingpanel-optional .ui-radio-wrapper .label-radio {
    margin-left: 10px;
    margin-top: 5px; }
  .bookingpanel-class .ui-radio-wrapper .label-text, .bookingpanel-optional .ui-radio-wrapper .label-text {
    font-size: 14px; }
  @media (min-width: 640px) {
    .bookingpanel-class .ui-radio-wrapper, .bookingpanel-optional .ui-radio-wrapper {
      margin-right: 0; }
      .bookingpanel-class .ui-radio-wrapper .label-radio, .bookingpanel-optional .ui-radio-wrapper .label-radio {
        min-width: 110px; } }
  .bookingpanel-class .ui-radio-wrapper:first-child, .bookingpanel-optional .ui-radio-wrapper:first-child {
    margin-left: 0; }

.bookingpanel-optional {
  margin-top: 10px;
  margin-bottom: 15px; }

.bookingpanelStep .ui-radio-wrapper.nb-wrapper .label-radio {
  width: auto; }
.bookingpanelStep .ui-radio-wrapper.nb-disabled, .bookingpanelStep .nb-abled .nb-disabled {
  position: relative;
  color: #bbb; }
  .bookingpanelStep .ui-radio-wrapper.nb-disabled:after, .bookingpanelStep .nb-abled .nb-disabled:after {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    opacity: .3;
    position: absolute;
    top: -18px;
    left: -6px;
    cursor: not-allowed; }

@media (max-width: 639px) {
  .bookingpanel-optional {
    height: auto; }
    .bookingpanel-optional .btn-link {
      margin-left: 10px; } }
.bookingpanel-optional-bottom {
  margin-top: 0;
  border-bottom: none;
  border-top: 1px solid #D8D8D8;
  padding-top: 10px; }

.bookingpanel-advance {
  border-top: 1px solid #D8D8D8;
  padding-left: 20px; }

.bookingpanel-checkbox {
  margin-top: 20px; }
  .bookingpanel-checkbox:after {
    display: block;
    content: '';
    clear: both; }
  .bookingpanel-checkbox button {
    float: right; }
    @media (max-width: 991px) {
      .bookingpanel-checkbox button {
        margin-top: 15px; } }

.bookingpanel-submit .btn {
  width: 100%; }

.glyphicon {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-indent: 9999em; }

.icon-info {
  background: url(https://tw.ceair.com/newwebsite/images/icon-info.svg) center center no-repeat;
  background-size: 20px 20px;
  cursor: pointer;
  border: none; }

.icon-info:hover {
  background: url(https://tw.ceair.com/newwebsite/images/icon-info-hover.svg) center center no-repeat;
  background-size: 20px 20px; }

.flightStatusWeather {
  height: 20px;
  width: 20px;
  display: inline-block;
  position: relative;
  top: 5px; }
  .flightStatusWeather .alerttxt {
    display: none;
    width: 300px;
    background: #fff;
    position: absolute;
    border: 1px solid #ccc;
    border-top: 7px solid #223B61;
    top: 30px;
    left: -40px;
    z-index: 99;
    text-align: left;
    padding: 10px;
    cursor: auto; }
  .flightStatusWeather:hover .alerttxt {
    display: block; }

.transPassPtLink {
  margin-left: 15px;
  line-height: 28px;
  color: #223B61;
  position: relative;
  display: inline-block; }
  .transPassPtLink .icon-info {
    background: url(https://tw.ceair.com/newwebsite/images/icon-info-hover.svg) center center no-repeat;
    background-size: 20px 20px;
    padding: 10px;
    margin-right: 5px; }
  .transPassPtLink dl {
    display: none;
    width: 450px;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    border-top: 8px solid #223B61;
    right: 0;
    -webkit-transform: translate(15%);
        -ms-transform: translate(15%);
            transform: translate(15%);
    cursor: auto;
    z-index: 9;
    padding: 10px; }
    .transPassPtLink dl dd:before {
      margin-top: 12px; }
  .transPassPtLink:hover dl, .transPassPtLink:focus dl {
    display: block; }

@media (max-width: 991px) {
  .passenger-box-title {
    position: static; }
    .passenger-box-title .transPassPtLink {
      position: static; }
      .passenger-box-title .transPassPtLink dl {
        width: 300px;
        -webkit-transform: translate(0);
            -ms-transform: translate(0);
                transform: translate(0);
        right: auto;
        left: 0; } }
.icon-meal {
  background: url(https://tw.ceair.com/newwebsite/images/meal.svg) center center no-repeat; }

.icon-wifi {
  width: 26px;
  height: 24px;
  display: inline-block;
  margin-right: 10px;
  background: url(https://tw.ceair.com/newwebsite/images/wifi.png) no-repeat; }

.reaultDetails .result-header .ui-select-wrapper .ui-select-box {
  height: 38px;
  border: none;
  width: 180px; }
  @media (max-width: 991px) {
    .reaultDetails .result-header .ui-select-wrapper .ui-select-box {
      width: 210px; } }
  .reaultDetails .result-header .ui-select-wrapper .ui-select-box .ui-select {
    background-color: #162844;
    height: 35px;
    color: white;
    font-size: 14px;
    border: none !important; }
    @media (max-width: 991px) {
      .reaultDetails .result-header .ui-select-wrapper .ui-select-box .ui-select {
        font-size: 12px; } }
.reaultDetails .result-header .ui-select-wrapper .display-label {
  height: 38px;
  line-height: 38px;
  margin-right: 8px; }
.reaultDetails .result-header .ui-select-wrapper > span {
  display: block;
  float: left; }

@media (max-width: 991px) {
  .progressbar-wrapper {
    padding: 0; }
    .progressbar-wrapper .btn-box {
      top: 0;
      width: 100%; }
      .progressbar-wrapper .btn-box.search-price {
        padding: 0;
        height: 50px;
        margin: 0; }
        .progressbar-wrapper .btn-box.search-price .estimated-price {
          font-size: 18px; }
        .progressbar-wrapper .btn-box.search-price button {
          float: left; }
      .progressbar-wrapper .btn-box .btn {
        width: 50%;
        float: right;
        height: 50px;
        font-size: 14px; }
    .progressbar-wrapper .price-box {
      padding-left: 15px;
      font-size: 12px;
      padding-top: 5px; }
    .progressbar-wrapper .btn-link, .progressbar-wrapper .search-criteria, .progressbar-wrapper .flight-summary {
      display: none; } }

#managebooking .shadowcard-wrapper .horizontal-form .horizontal-form-row .col-sm-4:nth-child(3) .ui-input-wrapper {
  padding-right: 0; }
#managebooking .shadowcard-wrapper .horizontal-form .horizontal-form-row .col-sm-12 button {
  float: right;
  width: 33.33333%; }

.withoutlogin .row button {
  max-width: 100%; }

.fare-content .ui-radio-wrapper input:checked + .label-radio {
  /* :focus {
      outline: 3px solid #E4007F;
  } */
  border: 4px solid #E4007F;
  height: 100% !important; }

.inputFT {
  margin-left: 29.33333%; }
  @media (max-width: 991px) {
    .inputFT {
      margin-left: 0; } }

.show-flight-wrap {
  position: relative; }
  .show-flight-wrap .show-flight-btn {
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    background: none;
    border: none;
    z-index: 1;
    padding: 0; }
    .show-flight-wrap .show-flight-btn span {
      display: inline-block;
      vertical-align: top;
      width: 20px;
      height: 20px;
      background: url(https://tw.ceair.com/newwebsite/images/result-btn-up.png); }
    .show-flight-wrap .show-flight-btn span:hover {
      display: inline-block;
      vertical-align: top;
      width: 20px;
      height: 20px;
      background: url(https://tw.ceair.com/newwebsite/images/result-btn-up-hover.png); }

.ishide {
  margin-bottom: 10px; }
  .ishide .show-flight-btn span {
    background: url(https://tw.ceair.com/newwebsite/images/result-btn-down.png); }
  .ishide .show-flight-btn span:hover {
    background: url(https://tw.ceair.com/newwebsite/images/result-btn-down-hover.png); }

.multi-tips .title {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px; }
.multi-tips ul li:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 5px 15px 0 5px;
  vertical-align: top; }

/*
*7*7日历样式
*/
#bookingpanel .beforeCal .calendar_form .date-picker-oneway label {
  margin-bottom: 0; }

.calendar_form .date-picker-input {
  padding-right: 0; }
.calendar_form .date-picker-oneway {
  padding-top: 20px; }
  @media (max-width: 639px) {
    .calendar_form .date-picker-oneway {
      padding-top: 0; } }

.calendar-parent {
  position: relative; }
  .calendar-parent .date-picker-input:after {
    top: 19px;
    right: 15px; }
  .calendar-parent .date-picker-input .display-label {
    display: inline-block;
    position: absolute;
    margin: 5px 0 0 10px;
    font-size: 12px;
    color: #223B61;
    z-index: 1;
    text-align: left;
    padding-left: 0;
    left: 0; }
  .calendar-parent .ui-input-wrapper input {
    padding-top: 10px; }
  .calendar-parent .date-picker-oneway {
    position: absolute;
    left: 0;
    top: 72px;
    z-index: 2;
    background-color: #ffffff; }
  @media (max-width: 639px) {
    .calendar-parent .date-picker-return {
      top: 170px; } }

.calendar-link {
  padding: 5px 0; }
  .calendar-link a {
    color: #278dd8; }

.calendar-seven-wrapper {
  border-top: 1px solid #D8D8D8; }
  @media (max-width: 639px) {
    .calendar-seven-wrapper {
      width: 100%;
      overflow-x: scroll; } }
  .calendar-seven-wrapper .calendar-seven-notice {
    padding: 10px 0 20px;
    line-height: 20px; }
    .calendar-seven-wrapper .calendar-seven-notice :before {
      background: #E4007F;
      content: "";
      display: inline-block;
      width: 6px;
      height: 6px;
      margin: 5px 15px 0 5px;
      vertical-align: top; }
  .calendar-seven-wrapper .calendar-seven {
    padding-top: 60px;
    padding-left: 125px;
    font-size: 12px;
    font-weight: bold;
    color: #223B61; }
    .calendar-seven-wrapper .calendar-seven button.disabled {
      cursor: not-allowed; }
    @media (max-width: 639px) {
      .calendar-seven-wrapper .calendar-seven {
        min-width: 728px;
        min-height: 768px; } }
    .calendar-seven-wrapper .calendar-seven .calendar-seven-inner {
      position: relative; }
      .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep, .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr {
        position: absolute;
        width: 100%;
        height: 56px; }
        .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep > p, .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr > p {
          width: 98%;
          line-height: 24px; }
          .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep > p > button, .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr > p > button {
            border: none;
            background: none;
            margin: 0 10px;
            height: 24px;
            overflow: hidden; }
        @media (max-width: 639px) {
          .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep, .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr {
            height: 60px; }
            .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep > p, .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr > p {
              line-height: 30px;
              font-size: 20px;
              font-weight: normal;
              background: url(https://tw.ceair.com/newwebsite/images/calendar-arrow-right.png) no-repeat right center;
              background-size: auto 30%; }
              .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep > p > span, .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr > p > span {
                display: inline-block;
                vertical-align: top;
                height: 30px;
                line-height: 30px;
                padding-right: 20px;
                background-color: #ffffff; } }
      .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep {
        top: 0px;
        left: -51px;
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        /* Internet Explorer 9*/
        -moz-transform: rotate(-90deg);
        /* Firefox */
        -webkit-transform: rotate(-90deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(-90deg);
        /* Opera */
        transform-origin: top left;
        -ms-transform-origin: top left;
        /* Internet Explorer 9*/
        -moz-transform-origin: top left;
        /* Firefox */
        -webkit-transform-origin: top left;
        /* Safari 和 Chrome */
        -o-transform-origin: top left;
        /* Opera */ }
        @media (max-width: 639px) {
          .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep {
            left: -60px; }
            .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep > p {
              background: url(https://tw.ceair.com/newwebsite/images/calendar-arrow-down.png) no-repeat left center;
              background-size: auto 30%; }
              .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep > p > button {
                border: none;
                background: none;
                margin: 0 10px;
                height: 24px;
                overflow: hidden; }
              .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep > p > span {
                padding-right: 0;
                padding-left: 20px; } }
        .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep > p {
          text-align: right;
          position: absolute;
          top: -47px;
          width: 98%; }
      .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr {
        top: -54px;
        left: 0; }
        @media (max-width: 639px) {
          .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr {
            top: -60px; } }
      .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr-data {
        height: 32px; }
      .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep-data span, .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr-data span {
        max-width: 100px;
        display: inline-block;
        width: 14.4%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border: 1px solid #d1d1d1;
        margin-left: -1px;
        background-color: #f2f2f2; }
      .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep-data span.cur, .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr-data span.cur {
        border: 2px solid #e4007f;
        background-color: #ffffff;
        line-height: 28px;
        position: relative;
        z-index: 1; }
      .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep-data span.hover, .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr-data span.hover {
        background-color: #e4007f;
        color: #ffffff; }
      .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep-data span.disable, .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-arr-data span.disable {
        color: #bdbdbd; }
      .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep-data {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg);
        text-align: right;
        position: absolute;
        right: 226px;
        top: -226px; }
        .calendar-seven-wrapper .calendar-seven .calendar-seven-inner div.calendar-dep-data span {
          overflow: hidden;
          display: block;
          text-align: center;
          max-width: 70px;
          margin-top: -1px; }
      .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li {
        display: inline-block;
        font-size: 0;
        width: 14.4%;
        max-height: 70px;
        border: 1px solid #d1d1d1;
        text-align: center;
        margin-left: -1px;
        margin-top: -1px;
        max-width: 100px; }
        .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li > div, .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li i {
          display: inline-block;
          vertical-align: middle; }
        .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li i {
          height: 100%; }
        .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li p.calendar-price {
          font-size: 16px;
          word-break: break-all;
          padding: 3px; }
          @media (max-width: 639px) {
            .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li p.calendar-price {
              font-size: 14px; } }
        .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li p.calendar-islow {
          color: #e8296f;
          font-size: 12px;
          font-weight: normal; }
          @media (max-width: 639px) {
            .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li p.calendar-islow {
              font-size: 10px; } }
        .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li p.calendar-isstop {
          font-size: 12px;
          font-weight: normal; }
      .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li:hover {
        cursor: pointer; }
      .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li.lowest p.calendar-price {
        color: #e8296f; }
      .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li.hover {
        background-color: #fde9f2; }
        .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li.hover p.calendar-price {
          color: #e8296f; }
      .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li.cur {
        background-color: #e5297e;
        color: #ffffff; }
        .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li.cur p.calendar-islow {
          color: #ffffff; }
        .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li.cur p.calendar-price {
          color: #ffffff; }
      .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li.default {
        border: 2px solid #e4007f;
        position: relative;
        z-index: 1; }
      .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li.disable p.calendar-islow {
        color: #f2f2f2; }
      .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li.disable p.calendar-price {
        color: #f2f2f2; }
      .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li.disable p.calendar-isstop {
        color: #f2f2f2; }
      .calendar-seven-wrapper .calendar-seven .calendar-seven-inner ul li.disable:hover {
        cursor: not-allowed; }

/*passenger Popup*/
.paxTips-wrap {
  height: 150px; }
  .paxTips-wrap .paxTips-text {
    margin-bottom: 30px;
    padding-top: 10px; }
  .paxTips-wrap .paxTips-btn-wrap {
    text-align: center; }

.databar {
  background-color: white;
  margin-bottom: 15px; }
  .databar:hover {
    cursor: pointer; }
  @media (max-width: 991px) {
    .databar {
      display: none; } }
  .databar .databar-dates {
    display: inline-block;
    width: 88%;
    vertical-align: top;
    overflow: hidden;
    border-right: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    background-color: #f2f2f2; }
    .databar .databar-dates button span:first-of-type {
      font-weight: bold; }
  .databar button {
    position: relative;
    width: 14%;
    background-color: transparent;
    border: none;
    padding: 1%;
    -moz-box-sizing: border-box;
         box-sizing: border-box; }
    .databar button.disabled {
      cursor: not-allowed; }
    .databar button.active {
      background-color: white;
      border-bottom: 3px solid #e4007f; }
      .databar button.active:after {
        content: "";
        display: inline-block;
        position: absolute;
        height: 0;
        top: -4px;
        left: 100%;
        border-style: solid;
        border-width: 69px 0 0 30px;
        border-color: transparent transparent transparent rgba(112, 112, 112, 0.48);
        z-index: 1; }
  @media (max-width: 991px) {
    .databar .arrow {
      display: none; } }
  .databar .arrow {
    position: relative;
    width: 6%;
    border: none;
    padding: 1%;
    height: 55px;
    background-color: #fff; }

.sortbybar label {
  margin: 10px 20px; }
.sortbybar .remain {
  float: right;
  margin-top: 15px; }

.reaultDetails {
  /*border-top:2px solid white;
  margin-top: 30px;*/ }

/*common style for flight details***********************************************************/
.flightDetails .fare-content .fare-price {
  font-size: 24px;
  font-weight: bold;
  line-height: 27px; }

.flightDetails .fare-content .fare-currencysymbol {
  font-size: 24px;
  line-height: 27px; }

.flightDetails .fare-content .fare-tax {
  margin-left: 25px; }
.flightDetails .col-xs-4 .fare-content .fare-tax {
  display: block; }

.fare-service {
  padding-left: 5px; }
  .fare-service > span {
    display: inline-block;
    margin-right: 0px; }

.soldout {
  background: rgba(255, 255, 255, 0.8);
  padding: 5px 15px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  font-size: 24px;
  color: #4a4a4a; }

.nonstop-wrapper {
  background: url(https://tw.ceair.com/newwebsite/images/booking_nonstop.svg) no-repeat center center; }

.transfer-count-wrapper {
  background: url(https://tw.ceair.com/newwebsite/images/booking_stops.svg) no-repeat center center; }

@media (max-width: 991px) {
  .class-service, .miles-service .milesAcount > span:nth-child(1) {
    display: none !important; }

  .fare-service {
    top: 0 !important;
    min-height: 38px !important; }
    .fare-service .votes {
      visibility: hidden; }

  .modify .fare-service {
    display: block !important; }

  .searchResult-item .fare-content .ui-radio-wrapper .label-radio .fake-radio {
    right: 9px; }
  .searchResult-item .fare-content .fare-price-wrapper .fare-currencysymbol, .searchResult-item .fare-content .fare-price-wrapper .fare-price, .searchResult-item .fare-content .fare-price-wrapper .fare-currencycode {
    font-size: 12px; } }
@media (max-width: 639px) {
  .searchResult-item .fare-content .fare-price-wrapper .fare-currencycode {
    font-size: 12px; } }
.flightDetails .searchResult-item {
  background-color: white;
  padding: 10px;
  margin-bottom: 15px; }
  @media (max-width: 639px) {
    .flightDetails .searchResult-item {
      margin-bottom: 5px; }
      .flightDetails .searchResult-item .flight-content {
        padding: 0;
        width: 70%;
        float: left; }
        .flightDetails .searchResult-item .flight-content .flight-details .col-xs-4 {
          width: 40%; }
        .flightDetails .searchResult-item .flight-content .flight-details .col-xs-4:last-child {
          width: 60%; }
      .flightDetails .searchResult-item .flightInfo {
        width: 30%;
        float: left; } }
  .flightDetails .searchResult-item .flight-details .text-center {
    margin-top: 10px;
    height: 27px;
    background-size: 100%; }
    @media (max-width: 1199px) {
      .flightDetails .searchResult-item .flight-details .text-center {
        background-size: 150%; } }
    @media (min-width: 992px) {
      .flightDetails .searchResult-item .flight-details .text-center .transfer-info, .flightDetails .searchResult-item .flight-details .text-center .nonstop {
        position: absolute;
        left: 40%;
        top: 100%; } }
    @media (max-width: 991px) {
      .flightDetails .searchResult-item .flight-details .text-center {
        background: none;
        display: none; } }
    .flightDetails .searchResult-item .flight-details .text-center .flight-icon-nonstop {
      background: url(https://tw.ceair.com/newwebsite/images/nonstop.svg) no-repeat center center;
      width: 100%;
      height: 19px; }
    .flightDetails .searchResult-item .flight-details .text-center .flight-icon-transfer {
      background: url(https://tw.ceair.com/newwebsite/images/transit.svg) no-repeat center center;
      width: 100%;
      color: #fff;
      height: 25px; }
    .flightDetails .searchResult-item .flight-details .text-center .flight-icon-transfer-stop {
      background: url(https://tw.ceair.com/newwebsite/images/transit-stop.svg) no-repeat center center;
      width: 100%;
      color: #fff;
      height: 25px; }
    .flightDetails .searchResult-item .flight-details .text-center .flight-icon-transfer-change {
      background: url(https://tw.ceair.com/newwebsite/images/transit-change.png) no-repeat center center;
      width: 100%;
      height: 25px;
      padding-top: 3px; }
    .flightDetails .searchResult-item .flight-details .text-center .flight-icon-train-sky-non-stop {
      background: url(https://tw.ceair.com/newwebsite/images/train-sky-non-stop.png) no-repeat center center;
      width: 100%;
      height: 25px;
      padding-top: 20px;
      text-indent: -999px; }
    .flightDetails .searchResult-item .flight-details .text-center .flight-icon-sky-train-non-stop {
      background: url(https://tw.ceair.com/newwebsite/images/sky-train-non-stop.png) no-repeat center center;
      width: 100%;
      height: 25px;
      padding-top: 20px;
      text-indent: -999px; }
    .flightDetails .searchResult-item .flight-details .text-center .transfer-count {
      color: white;
      padding-left: 4px;
      font-size: 12px;
      position: relative;
      top: -1px; }
  .flightDetails .searchResult-item .fare-family .fare-content {
    width: 100%;
    position: relative;
    padding-top: 8px;
    min-height: 30px; }
    .flightDetails .searchResult-item .fare-family .fare-content .fare-price-wrapper {
      margin-left: 5px; }
      @media (max-width: 991px) {
        .flightDetails .searchResult-item .fare-family .fare-content .fare-price-wrapper .fare-currencycode {
          display: block; } }
    .flightDetails .searchResult-item .fare-family .fare-content .class-service {
      padding-left: 5px;
      position: relative;
      /*top: 35px;*/
      z-index: 1; }
      .flightDetails .searchResult-item .fare-family .fare-content .class-service.top50 {
        /*top: 50px;*/ }
      .flightDetails .searchResult-item .fare-family .fare-content .class-service .icon {
        margin-right: 5px;
        display: block; }
      .flightDetails .searchResult-item .fare-family .fare-content .class-service a.linkFz {
        font-size: 100%; }
    .flightDetails .searchResult-item .fare-family .fare-content .fare-service {
      min-height: 40px;
      position: relative;
      /*top: -35px;*/
      z-index: 1; }
      .flightDetails .searchResult-item .fare-family .fare-content .fare-service .votes {
        font-weight: 500; }
      .flightDetails .searchResult-item .fare-family .fare-content .fare-service.modify {
        min-height: 0;
        top: 0; }
        .flightDetails .searchResult-item .fare-family .fare-content .fare-service.modify .votes {
          display: none; }
    .flightDetails .searchResult-item .fare-family .fare-content .miles-service {
      position: relative;
      /*top: -55px;*/
      z-index: 10;
      min-height: 38px;
      padding-left: 5px; }
      .flightDetails .searchResult-item .fare-family .fare-content .miles-service .milesAcount {
        font-weight: bold;
        display: block; }
        .flightDetails .searchResult-item .fare-family .fare-content .miles-service .milesAcount .icon {
          margin-left: 5px;
          background: url(https://tw.ceair.com/newwebsite/images/SpecialOffer_icon.svg) no-repeat left center;
          padding: 0 5px 0 20px;
          font-size: 12px; }
          .flightDetails .searchResult-item .fare-family .fare-content .miles-service .milesAcount .icon .arrow {
            background: url(https://tw.ceair.com/newwebsite/images/icon-arrow-right-white.svg) no-repeat left 3px; }
    .flightDetails .searchResult-item .fare-family .fare-content .ui-radio-wrapper {
      position: absolute;
      width: 100%;
      height: 100%;
      margin-right: 0px;
      top: 0;
      left: 0;
      z-index: 9; }
      .flightDetails .searchResult-item .fare-family .fare-content .ui-radio-wrapper .label-radio {
        width: 100%;
        height: 97%; }
        .flightDetails .searchResult-item .fare-family .fare-content .ui-radio-wrapper .label-radio .label-text {
          font-size: 30px;
          left: 0px;
          font-weight: bold;
          margin-top: 12px; }
  .flightDetails .searchResult-item .fare-family .fake-radio {
    position: absolute;
    right: 15px;
    top: 10%; }
  .flightDetails .searchResult-item .fare-family .fare-bar {
    height: 30px;
    text-align: right; }
    .flightDetails .searchResult-item .fare-family .fare-bar button {
      padding-right: 27px;
      height: 29px;
      font-size: 12px;
      padding-top: 0; }
      @media (max-width: 991px) {
        .flightDetails .searchResult-item .fare-family .fare-bar button {
          padding-left: 5px;
          overflow: hidden; } }
    .flightDetails .searchResult-item .fare-family .fare-bar button:after {
      content: "";
      /*background-image: url(https://tw.ceair.com/newwebsite/images/triangle-down.svg);*/
      background-repeat: no-repeat;
      width: 15px;
      height: 12px;
      position: absolute;
      right: 10px;
      bottom: 4px;
      transition: bottom .4s, -webkit-transform .4s;
      transition: transform .4s, bottom .4s;
      transition: transform .4s, bottom .4s, -webkit-transform .4s;
      -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
              transform: rotate(0deg); }
    .flightDetails .searchResult-item .fare-family .fare-bar .open:after {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg);
      bottom: 10px; }
    .flightDetails .searchResult-item .fare-family .fare-bar.modify {
      height: 0;
      z-index: 9; }
      .flightDetails .searchResult-item .fare-family .fare-bar.modify button {
        position: relative;
        z-index: 9;
        top: -32px;
        right: 40px; }
  .flightDetails .searchResult-item span {
    font-size: 12px; }
  .flightDetails .searchResult-item .flight-content, .flightDetails .searchResult-item .fare-content, .flightDetails .searchResult-item .flightInfo {
    padding: 0 5px 5px 5px; }
    @media (max-width: 991px) {
      .flightDetails .searchResult-item .flight-content, .flightDetails .searchResult-item .fare-content, .flightDetails .searchResult-item .flightInfo {
        padding: 10px 5px 5px 5px; } }
    @media (max-width: 639px) {
      .flightDetails .searchResult-item .flight-content, .flightDetails .searchResult-item .fare-content, .flightDetails .searchResult-item .flightInfo {
        padding-top: 0; } }
  @media (max-width: 991px) {
    .flightDetails .searchResult-item .fare-content {
      padding-bottom: 3px; } }
  .flightDetails .searchResult-item .flight-content, .flightDetails .searchResult-item .flightInfo {
    padding-bottom: 15px; }
  .flightDetails .searchResult-item .flight-content {
    padding-right: 10px; }
  .flightDetails .searchResult-item .flight-time {
    font-weight: bold;
    font-size: 24px;
    display: block; }
    @media (max-width: 991px) {
      .flightDetails .searchResult-item .flight-time {
        font-size: 18px; } }
  .flightDetails .searchResult-item .nonstop {
    color: #E4007F;
    font-weight: bold; }
  .flightDetails .searchResult-item .totalTime {
    margin-right: 10px; }
  .flightDetails .searchResult-item .flightInfo {
    position: relative;
    font-size: 12px;
    border-left: 1px solid #D8D8D8;
    margin-left: -4px;
    position: relative;
    min-height: 78px; }
    @media (max-width: 639px) {
      .flightDetails .searchResult-item .flightInfo {
        min-height: 65px;
        padding-bottom: 5px; } }
    .flightDetails .searchResult-item .flightInfo .routenumber {
      font-weight: bold;
      padding-right: 30px; }
      .flightDetails .searchResult-item .flightInfo .routenumber img {
        margin: 0 5px;
        vertical-align: top; }
        @media (max-width: 639px) {
          .flightDetails .searchResult-item .flightInfo .routenumber img {
            margin: 0 1px; } }
      .flightDetails .searchResult-item .flightInfo .routenumber sup {
        color: #E4007F; }
      @media (max-width: 639px) {
        .flightDetails .searchResult-item .flightInfo .routenumber {
          padding-right: 0; } }
    .flightDetails .searchResult-item .flightInfo .routenumber-mu:after {
      background-image: url(https://tw.ceair.com/newwebsite/images/icon-cea.svg); }
    .flightDetails .searchResult-item .flightInfo .addon-icon .wifi {
      width: 26px;
      height: 24px;
      position: absolute;
      margin-left: -40px;
      background: url("https://tw.ceair.com/newwebsite/images/wifi.png") no-repeat; }
    .flightDetails .searchResult-item .flightInfo .addon-icon .glyphicon {
      float: right; }
    .flightDetails .searchResult-item .flightInfo .addon-icon .icon-miles {
      display: none; }
    @media (max-width: 991px) {
      .flightDetails .searchResult-item .flightInfo .addon-icon {
        display: none; } }
    @media (min-width: 1200px) {
      .flightDetails .searchResult-item .flightInfo .addon-icon {
        position: absolute;
        right: 0;
        bottom: 0;
        color: #2F425B;
        font-weight: bold; } }
    .flightDetails .searchResult-item .flightInfo .table-fMeal {
      position: absolute;
      z-index: 99;
      right: -5px;
      border: 1px solid #223B61;
      background: #FFFFFF;
      width: 450px;
      height: auto; }
  .flightDetails .searchResult-item .flight-bar .glyphicon {
    margin: 8px; }
  .flightDetails .searchResult-item .fare-bar {
    line-height: 31px; }
    .flightDetails .searchResult-item .fare-bar .btn-link, .flightDetails .searchResult-item .fare-bar .btn-link:hover {
      background-image: none;
      text-decoration: none; }
  .flightDetails .searchResult-item .flight-crossday {
    font-weight: bold;
    margin-left: 10px;
    color: #E4007F; }
    @media (max-width: 639px) {
      .flightDetails .searchResult-item .flight-crossday {
        margin-left: 2px; } }
  .flightDetails .searchResult-item .flight-crafttype {
    position: absolute;
    right: 0;
    top: 0; }
    @media (max-width: 639px) {
      .flightDetails .searchResult-item .flight-crafttype {
        right: -14px; } }
  .flightDetails .searchResult-item .flight-carriageList {
    margin-top: 10px;
    text-align: left; }
    .flightDetails .searchResult-item .flight-carriageList li {
      color: #E4007F; }
    @media (max-width: 991px) {
      .flightDetails .searchResult-item .flight-carriageList {
        margin-left: 10px; } }
  .flightDetails .searchResult-item .details {
    border: 2px solid #223B61;
    margin-top: 10px; }
    @media (max-width: 991px) {
      .flightDetails .searchResult-item .details {
        margin-top: 5px; } }
    .flightDetails .searchResult-item .details.J, .flightDetails .searchResult-item .details.F {
      border-color: #BFA456; }
      .flightDetails .searchResult-item .details.J .label-radio .fake-radio, .flightDetails .searchResult-item .details.F .label-radio .fake-radio {
        /* background-color: $brand-yellow; */
        /* mark by tchen : 导致默认显示像已选择的效果 */
        box-shadow: 0 0 0 2px #BFA456; }
    .flightDetails .searchResult-item .details .fare-content {
      position: relative; }
      .flightDetails .searchResult-item .details .fare-content .fare-currencysymbol, .flightDetails .searchResult-item .details .fare-content .fare-price, .flightDetails .searchResult-item .details .fare-content .fare-name {
        font-size: 14px; }
      .flightDetails .searchResult-item .details .fare-content .class-service {
        font-size: 12px;
        float: right;
        height: 26px;
        line-height: 34px;
        padding-right: 5px; }
      .flightDetails .searchResult-item .details .fare-content:nth-child(even) {
        background-color: #f8f8f8; }
      .flightDetails .searchResult-item .details .fare-content .fare-service {
        display: inline-block;
        float: right;
        height: 18px; }
        .flightDetails .searchResult-item .details .fare-content .fare-service span {
          padding-left: 20px; }
        .flightDetails .searchResult-item .details .fare-content .fare-service .fare-name {
          min-width: 180px;
          padding-left: 10px; }
        .flightDetails .searchResult-item .details .fare-content .fare-service.modify {
          float: left;
          height: auto; }
          .flightDetails .searchResult-item .details .fare-content .fare-service.modify span {
            padding-left: 0; }
            .flightDetails .searchResult-item .details .fare-content .fare-service.modify span .glyphicon {
              width: 0; }
      .flightDetails .searchResult-item .details .fare-content .miles-service {
        position: relative;
        z-index: 10;
        padding-left: 30px; }
        .flightDetails .searchResult-item .details .fare-content .miles-service .milesAcount {
          font-weight: bold;
          display: block; }
          .flightDetails .searchResult-item .details .fare-content .miles-service .milesAcount .icon {
            margin-left: 5px;
            background: url(https://tw.ceair.com/newwebsite/images/SpecialOffer_icon_grey.svg) no-repeat left center;
            padding: 0 5px 0 20px;
            font-size: 12px; }
            .flightDetails .searchResult-item .details .fare-content .miles-service .milesAcount .icon .arrow {
              background: url(https://tw.ceair.com/newwebsite/images/icon-arrow-right.svg) no-repeat left 3px; }
      .flightDetails .searchResult-item .details .fare-content .ui-radio-wrapper {
        margin-right: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
        .flightDetails .searchResult-item .details .fare-content .ui-radio-wrapper .label-radio {
          width: 100%;
          height: 40px; }
          .flightDetails .searchResult-item .details .fare-content .ui-radio-wrapper .label-radio .fake-radio {
            margin-top: 8px;
            margin-left: 9px; }
        .flightDetails .searchResult-item .details .fare-content .ui-radio-wrapper input:checked + .label-radio .fake-radio {
          margin-top: 4px; }
      .flightDetails .searchResult-item .details .fare-content .fare-price-wrapper {
        margin-left: 30px; }
        @media (max-width: 639px) {
          .flightDetails .searchResult-item .details .fare-content .fare-price-wrapper {
            margin-top: 4px; } }
      .flightDetails .searchResult-item .details .fare-content .class-service {
        display: inline-block; }
        .flightDetails .searchResult-item .details .fare-content .class-service .icon {
          padding-left: 15px; }
      .flightDetails .searchResult-item .details .fare-content.modify .ui-radio-wrapper .label-radio {
        padding-right: 12px;
        text-align: right; }
  .flightDetails .searchResult-item .icon-baggage {
    width: 20px; }
  .flightDetails .searchResult-item .Economy {
    			/*.fare-content{background: $brand-blue }
    			.icon-baggage {
    				background: url(https://tw.ceair.com/newwebsite/images/icon-baggage-white.svg) center center no-repeat;
    				background-position: 5px 7px;
    			}
    
    			.icon-changeable{
    				background: url(https://tw.ceair.com/newwebsite/images/icon-changeable-white.svg) center center no-repeat;
    				background-position: 5px 7px;
    			}*/ }
    .flightDetails .searchResult-item .Economy .btn-link {
      color: white; }
      .flightDetails .searchResult-item .Economy .btn-link:after {
        background-image: url(https://tw.ceair.com/newwebsite/images/icon-expandarrow-white.svg); }
  .flightDetails .searchResult-item .Business, .flightDetails .searchResult-item .First {
    border-right: 2px solid #f8f8f8; }
    .flightDetails .searchResult-item .Business .btn-link, .flightDetails .searchResult-item .First .btn-link {
      color: #413202; }
      .flightDetails .searchResult-item .Business .btn-link:after, .flightDetails .searchResult-item .First .btn-link:after {
        background-image: url(https://tw.ceair.com/newwebsite/images/icon-expandarrow-gold.svg); }
  .flightDetails .searchResult-item .Business {
    			/*.fare-content{background: $brand-yellow}
    			.icon-baggage {
    				background: url(https://tw.ceair.com/newwebsite/images/icon-baggage.svg) center center no-repeat;
    				background-position: 5px 7px;
    			}
    
    			.icon-changeable{
    				background: url(https://tw.ceair.com/newwebsite/images/icon-changeable.svg) center center no-repeat;
    			}*/ }
    .flightDetails .searchResult-item .Business .fare-content .fake-radio {
      box-shadow: none; }
  .flightDetails .searchResult-item .First {
    background-image: url(https://tw.ceair.com/newwebsite/images/banner-list-yellow.jpg);
    			/*.fare-content{background: $brand-yellow url(https://tw.ceair.com/newwebsite/images/banner-list-yellow.jpg) }
    			.icon-baggage {
    				background: url(https://tw.ceair.com/newwebsite/images/icon-baggage.svg) center center no-repeat;
    				background-position: 5px 7px;
    			}
    
    			.icon-changeable{
    				background: url(https://tw.ceair.com/newwebsite/images/icon-changeable.svg) center center no-repeat;
    				background-position: 5px 7px;
    			}*/ }
    .flightDetails .searchResult-item .First .fare-content .fake-radio {
      box-shadow: none; }
  .flightDetails .searchResult-item .details {
    display: none; }
    .flightDetails .searchResult-item .details.active {
      display: block; }
.flightDetails .moreFlights {
  background-color: #fff;
  padding: 10px;
  margin-bottom: 15px; }
  .flightDetails .moreFlights button.btn-link {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #E4007F;
    margin: 10px 0; }

.icon-baggage {
  background: url(https://tw.ceair.com/newwebsite/images/luggage_black.svg) center center no-repeat;
  background-position: 5px 7px; }

.icon-changeable {
  background: url(https://tw.ceair.com/newwebsite/images/change_black.svg) center center no-repeat;
  background-position: 5px 7px; }

.progressbar-wrapper {
  font-weight: 100;
  padding: 0;
  color: #4a4a4a;
  background: white;
  min-height: 600px;
  margin-right: -1px; }
  @media (max-width: 1199px) {
    .progressbar-wrapper {
      /*position:fixed;
      top:0;
      right: 15px;*/ } }
  .progressbar-wrapper .btn-important {
    width: 100%;
    min-width: auto;
    max-width: 100%; }
  .progressbar-wrapper .search-criteria {
    padding: 10px 0 10px 35px; }
    .progressbar-wrapper .search-criteria .routeinfo {
      font-size: 24px;
      font-weight: bold;
      line-height: 35px; }
    .progressbar-wrapper .search-criteria .passenger-summary {
      height: 35px; }
      .progressbar-wrapper .search-criteria .passenger-summary .new-search {
        text-align: right;
        padding-right: 20px;
        float: right;
        background: url(https://tw.ceair.com/newwebsite/images/zoom.png) no-repeat left center;
        padding-left: 20px; }
  .progressbar-wrapper .flight-summary {
    position: relative;
    margin-right: 15px;
    margin-left: 15px; }
    .progressbar-wrapper .flight-summary > li {
      position: relative;
      background-color: #f8f8f8; }
      .progressbar-wrapper .flight-summary > li:last-of-type {
        border-bottom: 1px solid #D8D8D8; }
      .progressbar-wrapper .flight-summary > li.flight-summary-selected {
        background-color: white;
        font-weight: bold; }
        .progressbar-wrapper .flight-summary > li.flight-summary-selected:before {
          content: "";
          width: 5px;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          background: #E4007F; }
        .progressbar-wrapper .flight-summary > li.flight-summary-selected.flight-summary-title {
          border-left: 5px solid #E4007F; }
      .progressbar-wrapper .flight-summary > li.flight-summary-checked {
        background-color: #f8f8f8 !important; }
        .progressbar-wrapper .flight-summary > li.flight-summary-checked .flight-summary-head, .progressbar-wrapper .flight-summary > li.flight-summary-checked .detail-date, .progressbar-wrapper .flight-summary > li.flight-summary-checked p {
          font-weight: normal !important; }
    .progressbar-wrapper .flight-summary li p {
      padding-left: 15px; }
    .progressbar-wrapper .flight-summary .flight-summary-title {
      font-size: 14px;
      height: 55px;
      line-height: 55px;
      border-top: 1px solid #D8D8D8; }
    .progressbar-wrapper .flight-summary li:first-child {
      background: url(https://tw.ceair.com/newwebsite/images/flight-right.svg) no-repeat right 15px; }
    .progressbar-wrapper .flight-summary li:first-child.flight-summary-selected {
      background: url(https://tw.ceair.com/newwebsite/images/depart_pink.svg) no-repeat right 15px; }
    .progressbar-wrapper .flight-summary li:nth-child(2) {
      background: url(https://tw.ceair.com/newwebsite/images/flight-left.svg) no-repeat right 15px; }
    .progressbar-wrapper .flight-summary li:nth-child(2).flight-summary-selected {
      background: url(https://tw.ceair.com/newwebsite/images/return_pink.svg) no-repeat right 15px; }
    .progressbar-wrapper .flight-summary li.detail {
      background: url(https://tw.ceair.com/newwebsite/images/booking-confirme.svg) no-repeat right 15px; }
    .progressbar-wrapper .flight-summary li.addonServices {
      background: url(https://tw.ceair.com/newwebsite/images/pinkaddR.svg) no-repeat right 21px; }
    .progressbar-wrapper .flight-summary li.flights.flight-summary-checked, .progressbar-wrapper .flight-summary li.detail.flight-summary-checked, .progressbar-wrapper .flight-summary li.addonServices.flight-summary-checked {
      border-left: 5px solid #E4007F; }
    .progressbar-wrapper .flight-summary li.detail.flight-summary-selected {
      background: url(https://tw.ceair.com/newwebsite/images/confirm_pink.svg) no-repeat right 15px; }
      .progressbar-wrapper .flight-summary li.detail.flight-summary-selected .passenger-list li {
        background: none; }
    .progressbar-wrapper .flight-summary li.contact {
      background: url(https://tw.ceair.com/newwebsite/images/passenger-contact.svg) no-repeat right 15px; }
    .progressbar-wrapper .flight-summary li.contact.flight-summary-checked {
      border-left: 5px solid #E4007F; }
    .progressbar-wrapper .flight-summary li.contact.flight-summary-selected {
      background: url(https://tw.ceair.com/newwebsite/images/contact_pink.svg) no-repeat right 15px; }
    .progressbar-wrapper .flight-summary li.flight {
      background: url(https://tw.ceair.com/newwebsite/images/flight-right.svg) no-repeat right 15px; }
    .progressbar-wrapper .flight-summary li.flight.flight-summary-selected {
      background: url(https://tw.ceair.com/newwebsite/images/depart_pink.svg) no-repeat right 15px; }
    .progressbar-wrapper .flight-summary .flight-summary-details {
      padding: 0 0 20px 0;
      font-size: 14px;
      border-left: 5px solid #E4007F;
      border-top: 1px solid #D8D8D8; }
      .progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-head {
        padding-right: 15px; }
      .progressbar-wrapper .flight-summary .flight-summary-details p {
        margin-top: 15px; }
        .progressbar-wrapper .flight-summary .flight-summary-details p.detail-date {
          margin-bottom: 10px;
          font-weight: bold;
          font-size: 12px;
          margin-top: 0; }
      .progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-head {
        font-size: 14px;
        padding-top: 0;
        height: 55px;
        font-weight: bold;
        border-bottom: 1px solid #D8D8D8;
        margin-top: 0;
        line-height: 55px; }
      .progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list {
        font-weight: bold; }
        .progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list p {
          font-size: 12px;
          margin-top: 0; }
        .progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list .detail-time {
          line-height: 24px;
          background: url(https://tw.ceair.com/newwebsite/images/progress.svg) no-repeat;
          background-position: 0 7px;
          padding-left: 15px;
          margin-left: 15px; }
          .progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list .detail-time p {
            padding-left: 0; }
            .progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list .detail-time p span {
              margin: 5px 3px 5px 0; }
            .progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list .detail-time p span:last-child, .progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list .detail-time p span:nth-child(2) {
              font-weight: normal; }
            .progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list .detail-time p .crossday {
              color: #E4007F; }
          .progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list .detail-time .detail-time-stop {
            font-weight: normal; }
        .progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list .detail-transfer {
          font-weight: bold;
          margin: 20px 0; }
          .progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list .detail-transfer .transferCity {
            font-weight: normal; }
          .progressbar-wrapper .flight-summary .flight-summary-details .flight-summary-list .detail-transfer .transferTip {
            font-weight: normal;
            color: #E9007F;
            margin-left: 5px; }
    .progressbar-wrapper .flight-summary .detail-change {
      text-align: right; }
    .progressbar-wrapper .flight-summary a {
      font-size: 14px;
      padding-right: 20px;
      text-decoration: underline; }
    .progressbar-wrapper .flight-summary .passenger-list li {
      background: none;
      margin: 15px 0;
      padding-left: 15px; }
      .progressbar-wrapper .flight-summary .passenger-list li:first-of-type {
        margin-top: 0; }
      .progressbar-wrapper .flight-summary .passenger-list li span:first-of-type {
        width: 100px;
        display: inline-block; }
      .progressbar-wrapper .flight-summary .passenger-list li span:last-of-type {
        font-weight: bold; }
  .progressbar-wrapper .search-price {
    margin: 10px 15px; }
    .progressbar-wrapper .search-price .price-box {
      padding: 10px 0 20px 20px;
      border-bottom: 1px solid #ccc;
      margin-bottom: 10px; }
      .progressbar-wrapper .search-price .price-box .text-bold-fy {
        font-weight: 700;
        font-size: 16px; }
      .progressbar-wrapper .search-price .price-box .row {
        padding: 10px 0; }
    .progressbar-wrapper .search-price .estimated-price {
      font-size: 14px; }
      .progressbar-wrapper .search-price .estimated-price .text-bold {
        font-weight: bold;
        font-size: 24px; }
      .progressbar-wrapper .search-price .estimated-price .text-normal {
        font-weight: normal;
        font-size: 14px; }
    .progressbar-wrapper .search-price button:disabled {
      background-color: #D8D8D8;
      font-color: #8D8D8D; }
    .progressbar-wrapper .search-price button {
      max-width: 100%; }
  .progressbar-wrapper button.btn-important {
    padding-left: 35px; }
  @media (max-width: 991px) {
    .progressbar-wrapper {
      min-height: 50px !important;
      overflow: hidden;
      /*z-index:999;*/
      min-height: auto;
      left: 0;
      width: 100%;
      padding: 0; }
      .progressbar-wrapper .search-price .price-box {
        padding: 5px 0 5px 10px; } }

/*common style for flight details end **********************************************************/
.Additional-Infomation {
  margin: 20px 0px;
  padding: 20px 30px;
  border-left: 4px solid #223B61; }
  .Additional-Infomation .title {
    font-size: 30px;
    font-weight: 100; }
  .Additional-Infomation .text {
    font-size: 16px; }
  .Additional-Infomation a {
    float: right; }

#bookConfirm {
  margin-bottom: 30px;
  font-size: 14px; }
  @media (max-width: 639px) {
    #bookConfirm {
      margin-bottom: 5px; } }
  #bookConfirm .shadowcard-wrapper {
    margin-bottom: 0; }
    @media (max-width: 639px) {
      #bookConfirm .shadowcard-wrapper {
        margin-bottom: 5px; } }
  #bookConfirm .trip-detail {
    margin: 0; }
  #bookConfirm .review-terms {
    margin: 10px 0; }
    #bookConfirm .review-terms .conditions-new {
      font-size: 14px;
      line-height: 22px; }
      #bookConfirm .review-terms .conditions-new a.checkboxLink {
        text-decoration: underline; }
        #bookConfirm .review-terms .conditions-new a.checkboxLink:hover {
          text-decoration: none; }
      #bookConfirm .review-terms .conditions-new .pl_27 {
        padding-left: 27px; }
        @media (max-width: 991px) {
          #bookConfirm .review-terms .conditions-new .pl_27 {
            padding-left: 0; } }
      #bookConfirm .review-terms .conditions-new .conditions-new-tips ul {
        padding: 5px 0; }
        #bookConfirm .review-terms .conditions-new .conditions-new-tips ul li {
          display: inline-block;
          width: 50%;
          padding-right: 20px;
          -moz-box-sizing: border-box;
               box-sizing: border-box; }
          #bookConfirm .review-terms .conditions-new .conditions-new-tips ul li :before {
            background: #E4007F;
            content: "";
            display: inline-block;
            width: 6px;
            height: 6px;
            margin: 8px 15px 0 5px;
            vertical-align: top; }
          #bookConfirm .review-terms .conditions-new .conditions-new-tips ul li a {
            vertical-align: top;
            display: inline-block;
            width: 100%;
            margin-left: 0;
            text-decoration: none; }
            #bookConfirm .review-terms .conditions-new .conditions-new-tips ul li a:hover {
              text-decoration: underline; }
          @media (max-width: 991px) {
            #bookConfirm .review-terms .conditions-new .conditions-new-tips ul li {
              width: 100%;
              position: relative;
              padding-left: 26px; }
              #bookConfirm .review-terms .conditions-new .conditions-new-tips ul li :before {
                position: absolute;
                left: 0; } }
        #bookConfirm .review-terms .conditions-new .conditions-new-tips ul li:nth-child(odd) a {
          border-right: 1px solid #d8d8d8; }
        @media (max-width: 991px) {
          #bookConfirm .review-terms .conditions-new .conditions-new-tips ul li:nth-child(odd) a {
            border-right: none; } }
      #bookConfirm .review-terms .conditions-new .tip_important {
        margin-bottom: 5px; }
      #bookConfirm .review-terms .conditions-new .termLis li p {
        margin-bottom: 5px; }
        #bookConfirm .review-terms .conditions-new .termLis li p:before {
          background: #E4007F;
          content: "";
          display: inline-block;
          width: 6px;
          height: 6px;
          margin: 8px 15px 0 5px;
          vertical-align: top; }
      #bookConfirm .review-terms .conditions-new .checkText {
        margin-bottom: 5px; }
        #bookConfirm .review-terms .conditions-new .checkText label {
          font-weight: normal; }
        #bookConfirm .review-terms .conditions-new .checkText > label {
          padding-left: 27px;
          position: relative; }
          #bookConfirm .review-terms .conditions-new .checkText > label > .ui-checkbox-wrapper {
            padding-right: 0;
            position: absolute;
            left: 0;
            top: 0; }
  #bookConfirm .order-fare, #bookConfirm .tripdetail-info {
    padding: 0 !important; }
  #bookConfirm .review-passenger-data {
    margin-bottom: 10px; }
    #bookConfirm .review-passenger-data .review-text-bold.pax-audlt, #bookConfirm .review-passenger-data .review-text-bold.pax-child {
      margin-right: 20px; }
  #bookConfirm .review-text-bold {
    font-weight: 700; }
  #bookConfirm .review-terms, #bookConfirm .review-passenger-tip {
    font-size: 12px; }
    #bookConfirm .review-terms .tip::before, #bookConfirm .review-passenger-tip .tip::before {
      background: #E4007F;
      content: "";
      display: inline-block;
      width: 6px;
      height: 6px;
      margin: 4px 15px 0 5px;
      vertical-align: top; }
  #bookConfirm .ui-checkbox-text {
    line-height: 22px;
    font-size: 14px; }

#login {
  border-right: 1px solid #D8D8D8;
  display: inline-block; }

.booking-login {
  background: #f8f8f8;
  padding: 30px 15px; }
  .booking-login h2, .booking-login .or {
    margin-bottom: 8px;
    font-size: 24px; }
  .booking-login .withoutlogin {
    padding-left: 45px;
    margin-top: -40px; }
    .booking-login .withoutlogin p {
      margin-top: 15px; }
    .booking-login .withoutlogin .linkTip {
      font-size: 18px;
      margin: 45px 0 20px 0;
      color: #1f497d; }
    .booking-login .withoutlogin .btn-important {
      max-width: 100%; }
      .booking-login .withoutlogin .btn-important a {
        color: #000;
        width: 90%;
        display: inline-block;
        background: #fff;
        height: 35px;
        line-height: 35px;
        padding: 0 10px;
        text-decoration: none; }
  @media (max-width: 991px) {
    .booking-login .withoutlogin {
      margin-top: 0px; }
    .booking-login .or {
      margin-bottom: 28px; } }

@media (max-width: 991px) {
  .booking-login {
    padding: 15px; }
    .booking-login .withoutlogin {
      padding: 0 15px; }
    .booking-login #login {
      border: 0; }

  .review-panel {
    border-width: 15px !important; }

  .passenger {
    padding: 15px 0; } }
/**** mark by tchen : .F .J 添加more展开的选中单选框样式 ***/
.First .ui-radio-wrapper .ui-radio:checked + .label-radio .fake-radio,
.Business .ui-radio-wrapper .ui-radio:checked + .label-radio .fake-radio,
.F .ui-radio-wrapper .ui-radio:checked + .label-radio .fake-radio,
.J .ui-radio-wrapper .ui-radio:checked + .label-radio .fake-radio {
  background-color: #E4007F; }

.Economy .ui-radio-wrapper .ui-radio:checked + .label-radio .fake-radio {
  background-color: #E4007F; }

#login fieldset .row .col-sm-11 button {
  max-width: 100%; }
#login .form-tail {
  padding: 0 40px;
  text-align: right; }
  @media (max-width: 639px) {
    #login .form-tail {
      padding: 0 12px; } }

.ReactModal__Overlay .ReactModal__Content > div {
  /*新 20161229Ailsa*/
  max-height: 580px;
  overflow: auto; }
  @media (max-height: 639px) {
    .ReactModal__Overlay .ReactModal__Content > div {
      max-height: 447px; } }

/*新 20161229Ailsa*/
.popup-priceDetail > div {
  max-height: none !important; }
.popup-priceDetail .subTitle {
  font-size: 24px;
  font-weight: bold; }
.popup-priceDetail .detailContent {
  max-height: 500px;
  overflow: auto;
  border-bottom: 1px solid #D8D8D8; }
  @media (max-height: 639px) {
    .popup-priceDetail .detailContent {
      /*新 20161229Ailsa*/
      max-height: 368px; } }
  .popup-priceDetail .detailContent > li {
    border-top: 1px solid #D8D8D8;
    padding: 15px 0; }
    .popup-priceDetail .detailContent > li dl:after {
      clear: both;
      content: '';
      display: block; }
    .popup-priceDetail .detailContent > li dl .subItem-title {
      float: left;
      font-size: 13px;
      /*（font-size: 12px;） 20161229Ailsa*/
      font-weight: bold; }
    .popup-priceDetail .detailContent > li dl .subItem-content {
      float: right; }
      .popup-priceDetail .detailContent > li dl .subItem-content dt {
        font-weight: bold;
        font-size: 13px;
        /*（font-size: 12px;） 20161229Ailsa*/
        width: 100%;
        text-align: left;
        position: relative;
        padding-left: 1em; }
        .popup-priceDetail .detailContent > li dl .subItem-content dt:before {
          content: "";
          display: block;
          width: 7px;
          height: 7px;
          position: absolute;
          top: 5px;
          left: 0;
          background: #E4007F; }
      .popup-priceDetail .detailContent > li dl .subItem-content dd {
        padding-left: 1em;
        padding-right: 1em;
        font-size: 12px;
        /*新 20161229Ailsa*/ }
        .popup-priceDetail .detailContent > li dl .subItem-content dd:after {
          clear: both;
          content: '';
          display: block; }
        .popup-priceDetail .detailContent > li dl .subItem-content dd > span {
          text-align: left;
          /*（text-align: right;） 20161229Ailsa*/ }
.popup-priceDetail .GBstatus {
  font-size: 12px; }
  .popup-priceDetail .GBstatus p {
    padding-top: 5px; }
.popup-priceDetail .popup-totalPrice {
  padding-top: 10px;
  font-size: 14px;
  font-weight: bold; }
  .popup-priceDetail .popup-totalPrice:after {
    clear: both;
    content: '';
    display: block; }
  .popup-priceDetail .popup-totalPrice > span {
    float: right; }
    .popup-priceDetail .popup-totalPrice > span > b {
      font-size: 24px;
      font-weight: normal; }
  .popup-priceDetail .popup-totalPrice > div {
    word-wrap: break-word; }

.infService:before {
  background: #E4007F;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 5px 15px 0 5px;
  vertical-align: top; }

.flight-calendar-wraper {
  position: relative; }
  .flight-calendar-wraper .expandable-date-wrapper {
    position: absolute;
    left: 0;
    top: 89px;
    z-index: 1;
    width: 100%;
    padding-bottom: 10px;
    background: #ffffff; }
  @media (max-width: 639px) {
    .flight-calendar-wraper .expandable-date-wrapper {
      top: 280px; } }

.loginPopup .form-tail {
  text-align: right;
  width: 91.6666666667%; }
.loginPopup .btn {
  max-width: none; }

#flightSeating .bottom_tip:before, .flightbatch-wrapper .bottom_tip:before {
  background: #E4007F;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 4px 15px 0 5px; }
#flightSeating .text-bold, .flightbatch-wrapper .text-bold {
  font-weight: bold; }
#flightSeating .text-big, .flightbatch-wrapper .text-big {
  font-size: 24px; }
#flightSeating .text-red, .flightbatch-wrapper .text-red {
  color: #E4007F; }
#flightSeating .flight-seating, .flightbatch-wrapper .flight-seating {
  margin-right: 15px; }
  #flightSeating .flight-seating .readTerm, .flightbatch-wrapper .flight-seating .readTerm {
    margin: 0;
    padding: 0; }
    #flightSeating .flight-seating .readTerm ul, .flightbatch-wrapper .flight-seating .readTerm ul {
      list-style-type: none;
      margin-left: 0; }
#flightSeating .flight-seating-summary, .flightbatch-wrapper .flight-seating-summary {
  font-size: 14px;
  color: #4a4a4a;
  background: white;
  padding: 25px 15px; }
  #flightSeating .flight-seating-summary .summary-total, .flightbatch-wrapper .flight-seating-summary .summary-total {
    padding: 5px; }
    #flightSeating .flight-seating-summary .summary-total p, .flightbatch-wrapper .flight-seating-summary .summary-total p {
      margin: 5px 0; }
  #flightSeating .flight-seating-summary .summary-detail, .flightbatch-wrapper .flight-seating-summary .summary-detail {
    border-top: 1px solid #D8D8D8;
    padding: 5px; }
    #flightSeating .flight-seating-summary .summary-detail p, .flightbatch-wrapper .flight-seating-summary .summary-detail p {
      margin: 10px 0; }
      #flightSeating .flight-seating-summary .summary-detail p > span:last-of-type, .flightbatch-wrapper .flight-seating-summary .summary-detail p > span:last-of-type {
        float: right; }
        #flightSeating .flight-seating-summary .summary-detail p > span:last-of-type span, .flightbatch-wrapper .flight-seating-summary .summary-detail p > span:last-of-type span {
          vertical-align: top;
          line-height: 1; }
#flightSeating .flight-seating-header, .flightbatch-wrapper .flight-seating-header {
  background: white;
  margin-bottom: 10px;
  padding: 10px 15px; }
  #flightSeating .flight-seating-header a, .flightbatch-wrapper .flight-seating-header a {
    float: right; }
#flightSeating .hint, .flightbatch-wrapper .hint {
  text-align: center;
  display: inline-block;
  width: 25px;
  height: 17px;
  font-size: 12px;
  font-weight: bold;
  vertical-align: top;
  margin-right: 10px; }
#flightSeating .hint-pending, .flightbatch-wrapper .hint-pending {
  background: white;
  color: #E4007F;
  border: 1px solid #D8D8D8; }
#flightSeating .hint-confirmed, .flightbatch-wrapper .hint-confirmed {
  background: #BFA456;
  color: #594510; }
#flightSeating .batch-header, .flightbatch-wrapper .batch-header {
  padding: 5px 15px;
  border-bottom: 1px solid #D8D8D8;
  background: white; }
  #flightSeating .batch-header p, .flightbatch-wrapper .batch-header p {
    margin: 10px 0;
    vertical-align: top;
    display: inline-block;
    margin-right: 15px; }
  #flightSeating .batch-header .row, .flightbatch-wrapper .batch-header .row {
    position: relative; }
  #flightSeating .batch-header .expandable-date-wrapper, .flightbatch-wrapper .batch-header .expandable-date-wrapper {
    position: absolute;
    left: 0;
    top: 86px;
    z-index: 1;
    width: 100%;
    padding-bottom: 10px;
    background: #ffffff; }
#flightSeating .flight-batch-manager, .flightbatch-wrapper .flight-batch-manager {
  margin-bottom: 10px;
  font-size: 12px;
  background: white;
  padding: 15px;
  /*新 20170109Ailsa*/ }
  #flightSeating .flight-batch-manager .flight-batch-manager-header, .flightbatch-wrapper .flight-batch-manager .flight-batch-manager-header {
    font-size: 14px;
    padding: 0; }
  #flightSeating .flight-batch-manager .flight-batch-manager-wrapper, .flightbatch-wrapper .flight-batch-manager .flight-batch-manager-wrapper {
    margin-top: 15px;
    overflow-x: auto;
    padding: 0; }
  #flightSeating .flight-batch-manager .cursor-pointer, .flightbatch-wrapper .flight-batch-manager .cursor-pointer {
    cursor: pointer; }
  #flightSeating .flight-batch-manager .batch-info, .flightbatch-wrapper .flight-batch-manager .batch-info {
    line-height: 35px;
    padding-left: 15px; }
  #flightSeating .flight-batch-manager .passenger-info, .flightbatch-wrapper .flight-batch-manager .passenger-info {
    white-space: nowrap;
    padding: 0 2px; }
    #flightSeating .flight-batch-manager .passenger-info > div, .flightbatch-wrapper .flight-batch-manager .passenger-info > div {
      display: inline-block;
      vertical-align: top;
      text-align: center;
      width: 100%;
      height: 100%;
      padding: 0 2px; }
      #flightSeating .flight-batch-manager .passenger-info > div div, .flightbatch-wrapper .flight-batch-manager .passenger-info > div div {
        height: 100%;
        padding: 6px; }
  #flightSeating .flight-batch-manager .item-info, .flightbatch-wrapper .flight-batch-manager .item-info {
    white-space: nowrap;
    padding: 0 2px; }
    #flightSeating .flight-batch-manager .item-info > div, .flightbatch-wrapper .flight-batch-manager .item-info > div {
      display: inline-block; }
      #flightSeating .flight-batch-manager .item-info > div > div, .flightbatch-wrapper .flight-batch-manager .item-info > div > div {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        width: 100%;
        height: 100%;
        padding: 0 2px; }
        #flightSeating .flight-batch-manager .item-info > div > div div, .flightbatch-wrapper .flight-batch-manager .item-info > div > div div {
          height: 100%;
          padding: 6px; }
  #flightSeating .flight-batch-manager .passenger-info-4 > div, #flightSeating .flight-batch-manager .item-info-4 > div, .flightbatch-wrapper .flight-batch-manager .passenger-info-4 > div, .flightbatch-wrapper .flight-batch-manager .item-info-4 > div {
    width: 25%; }
  #flightSeating .flight-batch-manager .passenger-info-3 > div, #flightSeating .flight-batch-manager .item-info-3 > div, .flightbatch-wrapper .flight-batch-manager .passenger-info-3 > div, .flightbatch-wrapper .flight-batch-manager .item-info-3 > div {
    width: 33.33333%; }
  #flightSeating .flight-batch-manager .passenger-info-2 > div, #flightSeating .flight-batch-manager .item-info-2 > div, .flightbatch-wrapper .flight-batch-manager .passenger-info-2 > div, .flightbatch-wrapper .flight-batch-manager .item-info-2 > div {
    width: 50%; }
  #flightSeating .flight-batch-manager .passenger-info-1 > div, #flightSeating .flight-batch-manager .item-info-1 > div, .flightbatch-wrapper .flight-batch-manager .passenger-info-1 > div, .flightbatch-wrapper .flight-batch-manager .item-info-1 > div {
    width: 100%; }
  #flightSeating .flight-batch-manager .flihgt-info, .flightbatch-wrapper .flight-batch-manager .flihgt-info {
    font-weight: bold;
    padding: 7px 15px; }
    #flightSeating .flight-batch-manager .flihgt-info .show-desktop, .flightbatch-wrapper .flight-batch-manager .flihgt-info .show-desktop {
      font-weight: lighter; }
  #flightSeating .flight-batch-manager .passenger-info, .flightbatch-wrapper .flight-batch-manager .passenger-info {
    padding: 10px 0;
    font-weight: bold; }
    #flightSeating .flight-batch-manager .passenger-info > div, .flightbatch-wrapper .flight-batch-manager .passenger-info > div {
      border-right: 1px solid #D8D8D8;
      height: 35px;
      position: relative;
      /* add by tchen */
      /* .ui-radio-wrapper{  //compare with the original stylesheet
      	position: absolute;
      	width: 100%;
      	height: 100%;
      	top: 0;
      	left: 0;
      	.label-radio{
      		padding-top: 15px;
      		.fake-radio{
      			box-shadow: 0 0 0 2px $brand-yellow;
      		}
      	}
      }
      
      .ui-radio-wrapper .ui-radio:checked + .label-radio .fake-radio{
      	background: $brand-yellow;
      } */ }
    #flightSeating .flight-batch-manager .passenger-info > div:last-child, .flightbatch-wrapper .flight-batch-manager .passenger-info > div:last-child {
      border-right: none; }
  #flightSeating .flight-batch-manager .item-info, .flightbatch-wrapper .flight-batch-manager .item-info {
    padding: 2px 0;
    /* .seat-no {  //compare with the original stylesheet
    	font-weight: light;
    }
    .item-disabled,.item-rescheduled,.item-refunded{
    	background: $cal-gray-light;
    }
    .item-ready,.item-complete{
    	background: white;
    	color:$yellow-grey;
    	border:1px solid $brand-yellow;
    	.ui-radio-wrapper .label-radio .fake-radio{
    		box-shadow: 0 0 0 2px $brand-yellow;
    	}
    	.ui-radio-wrapper .ui-radio:checked + .label-radio,.ui-radio-wrapper .ui-radio:checked + .label-radio .fake-radio{
    		background: $brand-yellow;
    	}
    } */ }
    #flightSeating .flight-batch-manager .item-info > div, .flightbatch-wrapper .flight-batch-manager .item-info > div {
      height: 100px;
      position: relative;
      white-space: normal; }
      #flightSeating .flight-batch-manager .item-info > div p:first-of-type, .flightbatch-wrapper .flight-batch-manager .item-info > div p:first-of-type {
        min-height: 17px; }
      #flightSeating .flight-batch-manager .item-info > div p:last-of-type, .flightbatch-wrapper .flight-batch-manager .item-info > div p:last-of-type {
        margin-top: 5px; }
      #flightSeating .flight-batch-manager .item-info > div .seat-no, .flightbatch-wrapper .flight-batch-manager .item-info > div .seat-no {
        font-size: 24px;
        line-height: 24px; }
      #flightSeating .flight-batch-manager .item-info > div a, .flightbatch-wrapper .flight-batch-manager .item-info > div a {
        color: inherit; }
    #flightSeating .flight-batch-manager .item-info .item-unavailable, .flightbatch-wrapper .flight-batch-manager .item-info .item-unavailable {
      color: #E4007F;
      border: 1px solid #E4007F; }
      #flightSeating .flight-batch-manager .item-info .item-unavailable > div, .flightbatch-wrapper .flight-batch-manager .item-info .item-unavailable > div {
        background: #f8f8f8; }
    #flightSeating .flight-batch-manager .item-info .item-confirmed, .flightbatch-wrapper .flight-batch-manager .item-info .item-confirmed {
      color: #594510;
      border: 1px solid #594510; }
      #flightSeating .flight-batch-manager .item-info .item-confirmed:after, .flightbatch-wrapper .flight-batch-manager .item-info .item-confirmed:after {
        content: "";
        width: 8px;
        height: 8px;
        display: inline-block;
        background: url(https://tw.ceair.com/newwebsite/images/icon-check-yellow.svg) no-repeat;
        background-size: contain;
        position: absolute;
        top: 10px;
        right: 10px; }
    #flightSeating .flight-batch-manager .item-info .item-ready, #flightSeating .flight-batch-manager .item-info .item-complete, .flightbatch-wrapper .flight-batch-manager .item-info .item-ready, .flightbatch-wrapper .flight-batch-manager .item-info .item-complete {
      background: #f8f8f8;
      color: #4a4a4a; }
      #flightSeating .flight-batch-manager .item-info .item-ready .seat-no, #flightSeating .flight-batch-manager .item-info .item-complete .seat-no, .flightbatch-wrapper .flight-batch-manager .item-info .item-ready .seat-no, .flightbatch-wrapper .flight-batch-manager .item-info .item-complete .seat-no {
        font-weight: light; }
    #flightSeating .flight-batch-manager .item-info .wifi-ready, .flightbatch-wrapper .flight-batch-manager .item-info .wifi-ready {
      background: #e5007f; }
    #flightSeating .flight-batch-manager .item-info .item-pending, .flightbatch-wrapper .flight-batch-manager .item-info .item-pending {
      background: white;
      border: 1px solid #D8D8D8;
      color: #E4007F; }
    #flightSeating .flight-batch-manager .item-info .item-upload button, .flightbatch-wrapper .flight-batch-manager .item-info .item-upload button {
      width: 100%;
      height: 100%;
      color: white;
      background-color: #223B61;
      border: none; }
    #flightSeating .flight-batch-manager .item-info .item-selected, .flightbatch-wrapper .flight-batch-manager .item-info .item-selected {
      background: #E4007F;
      color: white;
      padding-top: 20px; }
  #flightSeating .flight-batch-manager .row-selected > div, .flightbatch-wrapper .flight-batch-manager .row-selected > div {
    height: 105px; }
  #flightSeating .flight-batch-manager .row-selected .cursor-pointer, .flightbatch-wrapper .flight-batch-manager .row-selected .cursor-pointer {
    cursor: default; }
  #flightSeating .flight-batch-manager .row-selected .item-selected .re-btn, .flightbatch-wrapper .flight-batch-manager .row-selected .item-selected .re-btn {
    background: #fff;
    color: #d7094b;
    display: inline-block;
    padding: 0 10px; }
  #flightSeating .flight-batch-manager .seats-info, .flightbatch-wrapper .flight-batch-manager .seats-info {
    background: #f8f8f8; }
    #flightSeating .flight-batch-manager .seats-info .info-line, .flightbatch-wrapper .flight-batch-manager .seats-info .info-line {
      font-size: 14px;
      padding: 15px 0 10px 0; }
    #flightSeating .flight-batch-manager .seats-info .hint-line, .flightbatch-wrapper .flight-batch-manager .seats-info .hint-line {
      line-height: 25px;
      margin: 5px 0; }
    #flightSeating .flight-batch-manager .seats-info .hint, .flightbatch-wrapper .flight-batch-manager .seats-info .hint {
      text-align: center;
      display: inline-block;
      width: 20px;
      height: 25px;
      font-size: 12px;
      font-weight: bold;
      vertical-align: top;
      margin-right: 10px; }
    #flightSeating .flight-batch-manager .seats-info .hint-selection, .flightbatch-wrapper .flight-batch-manager .seats-info .hint-selection {
      background: #E4007F;
      color: white; }
    #flightSeating .flight-batch-manager .seats-info .hint-confirmed, .flightbatch-wrapper .flight-batch-manager .seats-info .hint-confirmed {
      background: #BFA456;
      color: #594510; }
    #flightSeating .flight-batch-manager .seats-info .hint-pending, .flightbatch-wrapper .flight-batch-manager .seats-info .hint-pending {
      background: white;
      color: #E4007F; }
    #flightSeating .flight-batch-manager .seats-info .hint-unavilable, .flightbatch-wrapper .flight-batch-manager .seats-info .hint-unavilable {
      background: #D8D8D8; }
    #flightSeating .flight-batch-manager .seats-info .hint-free, .flightbatch-wrapper .flight-batch-manager .seats-info .hint-free {
      background: white; }
    #flightSeating .flight-batch-manager .seats-info .hint-normal, .flightbatch-wrapper .flight-batch-manager .seats-info .hint-normal {
      color: #223B61;
      background: white; }
    #flightSeating .flight-batch-manager .seats-info .hint-plus, .flightbatch-wrapper .flight-batch-manager .seats-info .hint-plus {
      background: white; }
  #flightSeating .flight-batch-manager .show-plane, .flightbatch-wrapper .flight-batch-manager .show-plane {
    padding-bottom: 810px; }
  #flightSeating .flight-batch-manager .plane-seat-wrapper, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper {
    width: 100%;
    padding: 1px 15px 1px 0;
    margin-top: 3px;
    position: absolute;
    left: 0; }
    #flightSeating .flight-batch-manager .plane-seat-wrapper > div, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper > div {
      border-top: 1px solid #D8D8D8;
      border-bottom: 1px solid #D8D8D8;
      background: #f8f8f8; }
    #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat {
      padding-top: 20px;
      width: 100%;
      background-color: #fff; }
      #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat:after, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat:after {
        display: block;
        clear: both;
        content: ''; }
      #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates {
        text-align: right; }
        #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState {
          display: inline-block;
          line-height: 22px;
          font-size: 14px;
          color: #4a4a4a;
          margin-bottom: 10px;
          margin-right: 10px; }
          #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState .block {
            display: inline-block;
            width: 22px;
            height: 22px;
            border-radius: 2px;
            border-width: 1px;
            border-style: solid;
            margin-right: 5px;
            color: #4a4a4a;
            text-align: center;
            vertical-align: top; }
          #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState.selected .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState.selected .block {
            background-color: #e6017f;
            border-color: #e6017f; }
          #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState.available .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState.available .block {
            background-color: #fff;
            border-color: #D8D8D8; }
          #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState.available .hint-pending, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState.available .hint-pending {
            border: 1px solid #E4007F; }
          #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState.notavailable .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState.notavailable .block {
            background-color: #D8D8D8;
            border-color: #D8D8D8; }
          #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState.premiumSeats .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatStates .seatState.premiumSeats .block {
            background-color: #fff;
            border-color: #D8D8D8; }
      #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .thumbnail, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .thumbnail {
        width: 117px;
        height: 700px;
        background: url(https://tw.ceair.com/newwebsite/images/zuoweitu.png) no-repeat center bottom;
        position: relative;
        border: none;
        overflow: hidden; }
        #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .thumbnail .thumbnailArea, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .thumbnail .thumbnailArea {
          width: 56px;
          height: 420px;
          position: absolute;
          left: 29px;
          top: 140px; }
          #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .thumbnail .thumbnailArea .seatSign, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .thumbnail .thumbnailArea .seatSign {
            width: 59px;
            height: 56px;
            border: 2px solid #e6017f;
            position: absolute;
            left: 54%;
            top: 20%;
            -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
            transition: all .3s linear; }
      #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap {
        padding-top: 10px;
        width: 100%; }
        #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn {
          display: block;
          width: 100%;
          background-position: center center;
          background-repeat: no-repeat;
          text-align: center;
          height: 30px; }
          #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.upBtn, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.upBtn {
            border-bottom: 10px solid #D8D8D8;
            background-image: url(https://tw.ceair.com/newwebsite/images/SeatBtnUp.png); }
            #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.upBtn .arrow, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.upBtn .arrow {
              position: relative;
              bottom: -5px;
              display: inline-block;
              width: 22px;
              height: 8px;
              background: url(https://tw.ceair.com/newwebsite/images/upArrow.png) no-repeat center center; }
            #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.upBtn:hover .arrow, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.upBtn:hover .arrow {
              background-image: url(https://tw.ceair.com/newwebsite/images/upArrow_cur.png); }
          #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.downBtn, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.downBtn {
            border-top: 10px solid #D8D8D8;
            background-image: url(https://tw.ceair.com/newwebsite/images/SeatBtnDown.png); }
            #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.downBtn .arrow, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.downBtn .arrow {
              position: relative;
              top: -5px;
              display: inline-block;
              width: 22px;
              height: 8px;
              background: url(https://tw.ceair.com/newwebsite/images/downArrow.png) no-repeat center center; }
            #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.downBtn:hover .arrow, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatBtn.downBtn:hover .arrow {
              background-image: url(https://tw.ceair.com/newwebsite/images/downArrow_cur.png); }
        #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap {
          padding: 5px 0; }
          #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow {
            margin-bottom: 4px; }
            #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row {
              text-align: center; }
              #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li {
                display: inline-block;
                width: 55px;
                height: 55px;
                padding: 3px;
                line-height: 41px;
                border: 1px solid #D8D8D8;
                background: #fff;
                margin-right: 4px;
                vertical-align: middle;
                cursor: pointer; }
                #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRight, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRight {
                  margin-right: 55px; }
                  #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRight.exit, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRight.exit {
                    position: relative; }
                    #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRight.exit:after, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRight.exit:after {
                      content: "E";
                      position: absolute;
                      width: 22px;
                      height: 22px;
                      line-height: 22px;
                      border: 1px solid #4a4a4a;
                      border-radius: 2px;
                      background: #fff;
                      top: 48%;
                      left: 160%;
                      -webkit-transform: translate(-50%, -50%);
                          -ms-transform: translate(-50%, -50%);
                              transform: translate(-50%, -50%); }
                #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightmiddle, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightmiddle {
                  margin-right: 48px; }
                  #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightmiddle.exit, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightmiddle.exit {
                    position: relative; }
                    #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightmiddle.exit:after, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightmiddle.exit:after {
                      content: "E";
                      position: absolute;
                      width: 22px;
                      height: 22px;
                      line-height: 22px;
                      border: 1px solid #4a4a4a;
                      border-radius: 2px;
                      background: #fff;
                      top: 48%;
                      left: 160%;
                      -webkit-transform: translate(-50%, -50%);
                          -ms-transform: translate(-50%, -50%);
                              transform: translate(-50%, -50%); }
                #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightlittle, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightlittle {
                  margin-right: 36px; }
                  #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightlittle.exit, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightlittle.exit {
                    position: relative; }
                    #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightlittle.exit:after, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRightlittle.exit:after {
                      content: "E";
                      position: absolute;
                      width: 22px;
                      height: 22px;
                      line-height: 22px;
                      border: 1px solid #4a4a4a;
                      border-radius: 2px;
                      background: #fff;
                      top: 48%;
                      left: 160%;
                      -webkit-transform: translate(-50%, -50%);
                          -ms-transform: translate(-50%, -50%);
                              transform: translate(-50%, -50%); }
                #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeft, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeft {
                  margin-left: 55px; }
                  #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeft.exit, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeft.exit {
                    position: relative; }
                    #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeft.exit:before, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeft.exit:before {
                      content: "E";
                      position: absolute;
                      width: 22px;
                      height: 22px;
                      line-height: 22px;
                      border: 1px solid #4a4a4a;
                      border-radius: 2px;
                      background: #fff;
                      top: 48%;
                      right: 160%;
                      -webkit-transform: translate(-50%, -50%);
                          -ms-transform: translate(-50%, -50%);
                              transform: translate(-50%, -50%); }
                #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftmiddle, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftmiddle {
                  margin-left: 48px; }
                  #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftmiddle.exit, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftmiddle.exit {
                    position: relative; }
                    #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftmiddle.exit:before, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftmiddle.exit:before {
                      content: "E";
                      position: absolute;
                      width: 22px;
                      height: 22px;
                      line-height: 22px;
                      border: 1px solid #4a4a4a;
                      border-radius: 2px;
                      background: #fff;
                      top: 48%;
                      right: 160%;
                      -webkit-transform: translate(-50%, -50%);
                          -ms-transform: translate(-50%, -50%);
                              transform: translate(-50%, -50%); }
                #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftlittle, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftlittle {
                  margin-left: 36px; }
                  #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftlittle.exit, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftlittle.exit {
                    position: relative; }
                    #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftlittle.exit:before, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleLeftlittle.exit:before {
                      content: "E";
                      position: absolute;
                      width: 22px;
                      height: 22px;
                      line-height: 22px;
                      border: 1px solid #4a4a4a;
                      border-radius: 2px;
                      background: #fff;
                      top: 48%;
                      right: 160%;
                      -webkit-transform: translate(-50%, -50%);
                          -ms-transform: translate(-50%, -50%);
                              transform: translate(-50%, -50%); }
                #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle {
                  width: 48px;
                  height: 48px;
                  line-height: 34px; }
                #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little {
                  width: 36px;
                  height: 36px;
                  line-height: 22px; }
                #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.rowNo, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.rowNo {
                  border: none;
                  font-weight: bold;
                  color: #4a4a4a;
                  cursor: auto; }
                #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li .block {
                  width: 100%;
                  height: 100%; }
                #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li:hover .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li:hover .block {
                  background-color: #e6017f;
                  color: #fff !important; }
                #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.reserved .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.reserved .block {
                  background-color: #e6017f;
                  color: #fff;
                  border-radius: 2px; }
                #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.selected .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.selected .block {
                  background-color: #e6017f;
                  color: #fff;
                  border-radius: 2px; }
                #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled {
                  cursor: not-allowed;
                  background-color: #D8D8D8; }
                  #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled .block {
                    background-color: #D8D8D8; }
                  #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled:hover .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled:hover .block {
                    background-color: #D8D8D8; }
                #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.noSave, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.noSave {
                  background-color: #fff;
                  border: 1px solid #E4007F; }
                  #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.noSave .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.noSave .block {
                    background-color: #fff; }
                  #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.noSave:hover .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.noSave:hover .block {
                    background-color: #fff; }
                #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.notSeat, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.notSeat {
                  border: none !important;
                  font-weight: bold;
                  color: #4a4a4a;
                  cursor: auto; }
                  #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.notSeat:hover .block, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.notSeat:hover .block {
                    background-color: #fff; }
              #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row:after, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row:after {
                display: block;
                clear: both;
                content: ''; }
            #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow.seatRowTitle .seatTitle, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow.seatRowTitle .seatTitle {
              font-weight: bold;
              color: #4a4a4a; }
              #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow.seatRowTitle .seatTitle li, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow.seatRowTitle .seatTitle li {
                border: none;
                text-align: center;
                height: 26px;
                line-height: 26px;
                cursor: auto; }
        @media (min-width: 992px) and (max-width: 1365px) {
          #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle {
            width: 35px;
            height: 35px; }
          #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little {
            width: 29px;
            height: 29px; }
          #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRight.exit:after, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRight.exit:after {
            left: 130%; } }
        @media (max-width: 992px) {
          #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li {
            width: 24px;
            height: 24px;
            line-height: 24px;
            padding: 0; }
            #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle {
              width: 20px;
              height: 20px; }
            #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little {
              width: 16px;
              height: 16px; }
            #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRight.exit:after, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.aisleRight.exit:after {
              left: 170%;
              width: 16px;
              height: 16px;
              line-height: 16px; } }
      @media (max-width: 991px) {
        #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .sm-hidden, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .sm-hidden {
          display: none; } }
      #flightSeating .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .NewPlaneSeatBtn, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper .NewPlaneSeat .NewPlaneSeatBtn {
        text-align: center;
        padding: 10px; }
#flightSeating .checkbox .ui-checkbox-wrapper, .flightbatch-wrapper .checkbox .ui-checkbox-wrapper {
  float: right;
  font-size: 14px;
  padding-right: 10px; }
@media (min-width: 992px) {
  #flightSeating .hide-desktop, .flightbatch-wrapper .hide-desktop {
    display: none; } }
@media (min-width: 640px) {
  #flightSeating .flight-batch-manager .seats-info, .flightbatch-wrapper .flight-batch-manager .seats-info {
    padding-left: 15px; }
    #flightSeating .flight-batch-manager .seats-info .btn-wrapper, .flightbatch-wrapper .flight-batch-manager .seats-info .btn-wrapper {
      position: static; } }
@media (max-width: 991px) {
  #flightSeating .show-desktop, .flightbatch-wrapper .show-desktop {
    display: none; }
  #flightSeating .flight-seating, .flightbatch-wrapper .flight-seating {
    margin-right: 0; }
  #flightSeating .flight-seating-summary, .flightbatch-wrapper .flight-seating-summary {
    margin: 10px 0; }
  #flightSeating .flight-batch-manager .flihgt-info p, .flightbatch-wrapper .flight-batch-manager .flihgt-info p {
    display: inline-block; }
  #flightSeating .flight-batch-manager .plane-seat-wrapper, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper {
    padding: 1px 0; }
  #flightSeating .btn-wrapper-leftright, .flightbatch-wrapper .btn-wrapper-leftright {
    margin: 20px 5px; } }
@media (max-width: 639px) {
  #flightSeating .flight-seating, .flightbatch-wrapper .flight-seating {
    margin: 10px 5px; }
  #flightSeating .flight-seating-summary, .flightbatch-wrapper .flight-seating-summary {
    margin: 10px 5px; }
  #flightSeating .batch-header p, .flightbatch-wrapper .batch-header p {
    display: block;
    margin-right: 0; }
  #flightSeating .flight-batch-manager .passenger-info > div, #flightSeating .flight-batch-manager .item-info > div, .flightbatch-wrapper .flight-batch-manager .passenger-info > div, .flightbatch-wrapper .flight-batch-manager .item-info > div {
    width: 28.57143%; }
  #flightSeating .flight-batch-manager .passenger-info-3 > div, #flightSeating .flight-batch-manager .item-info-3 > div, .flightbatch-wrapper .flight-batch-manager .passenger-info-3 > div, .flightbatch-wrapper .flight-batch-manager .item-info-3 > div {
    width: 33.33333%; }
  #flightSeating .flight-batch-manager .passenger-info-2 > div, #flightSeating .flight-batch-manager .item-info-2 > div, .flightbatch-wrapper .flight-batch-manager .passenger-info-2 > div, .flightbatch-wrapper .flight-batch-manager .item-info-2 > div {
    width: 50%; }
  #flightSeating .flight-batch-manager .passenger-info-1 > div, #flightSeating .flight-batch-manager .item-info-1 > div, .flightbatch-wrapper .flight-batch-manager .passenger-info-1 > div, .flightbatch-wrapper .flight-batch-manager .item-info-1 > div {
    width: 100%; }
  #flightSeating .flight-batch-manager .seats-info, .flightbatch-wrapper .flight-batch-manager .seats-info {
    position: static; }
    #flightSeating .flight-batch-manager .seats-info .btn-wrapper, .flightbatch-wrapper .flight-batch-manager .seats-info .btn-wrapper {
      width: 5%;
      padding: 0 5px;
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 1;
      width: 100%;
      transition: bottom 0.5s ease 0s; }
  #flightSeating .flight-batch-manager .show-plane, .flightbatch-wrapper .flight-batch-manager .show-plane {
    padding-bottom: 540px; }
  #flightSeating .flight-batch-manager .plane-seat-wrapper, .flightbatch-wrapper .flight-batch-manager .plane-seat-wrapper {
    background: #D8D8D8;
    padding: 1px 5px;
    overflow-y: auto; }
  #flightSeating .btn-wrapper-leftright, .flightbatch-wrapper .btn-wrapper-leftright {
    margin: 20px 0px; } }

.flight-seat {
  position: relative; }

.wifiTips {
  padding: 20px;
  margin-top: 10px;
  margin-right: 15px; }

.plane-tips {
  padding-left: 15px;
  padding-top: 15px; }
  .plane-tips li {
    display: inline-block;
    margin: 10px; }
    .plane-tips li .text {
      float: right;
      margin: 10px;
      width: 130px; }
    .plane-tips li .square {
      width: 40px;
      height: 40px;
      display: inline-block; }
  .plane-tips .plane-tip-occupied .square {
    background: #BFA456; }
  .plane-tips .plane-tip-available .square {
    border: 1px solid black; }
  .plane-tips .plane-tip-preference .text {
    width: 157px;
    margin-top: 0;
    line-height: 18px; }
  .plane-tips .plane-tip-preference .square {
    border: 1px solid #E4007F; }

.plane-frame {
  max-height: 400px;
  overflow-y: auto;
  background: #f8f8f8; }
  .plane-frame .safety-exit-c {
    position: relative; }
    .plane-frame .safety-exit-c:after {
      content: 'EXIT';
      position: absolute;
      top: 12px;
      left: 38px;
      color: #000; }
  .plane-frame .safety-exit-j {
    position: relative; }
    .plane-frame .safety-exit-j:before {
      content: 'EXIT';
      position: absolute;
      top: 12px;
      left: -32px;
      color: #000; }
  .plane-frame .plane-body {
    width: 100%;
    background-position: top center;
    text-align: center; }
    .plane-frame .plane-body .plane-row .plane-seat {
      width: 30px;
      /* modify by tchen 30px */
      height: 42px;
      display: inline-block;
      vertical-align: top;
      margin: 1px;
      font-weight: bold;
      font-size: 12px;
      color: #4a4a4a; }
      .plane-frame .plane-body .plane-row .plane-seat button {
        width: 100%;
        height: 100%;
        border: none;
        padding: 0; }
      .plane-frame .plane-body .plane-row .plane-seat span {
        line-height: 42px; }
    .plane-frame .plane-body .plane-row .plane-seat-A {
      border: none; }
      .plane-frame .plane-body .plane-row .plane-seat-A button {
        background-color: white; }
    .plane-frame .plane-body .plane-row .plane-seat-U {
      border: none; }
      .plane-frame .plane-body .plane-row .plane-seat-U button {
        background-color: white; }
    .plane-frame .plane-body .plane-row .plane-seat-T {
      background: #BFA456; }
    .plane-frame .plane-body .plane-row .plane-seat-R {
      background: #D8D8D8; }
    .plane-frame .plane-body .plane-row .plane-seat-N {
      height: 0; }
    .plane-frame .plane-body .plane-row .plane-seat-pending {
      background: white;
      color: #E4007F; }
    .plane-frame .plane-body .plane-row .plane-seat-confirmed {
      background: #BFA456;
      color: #594510; }
    .plane-frame .plane-body .plane-row .selected {
      color: white; }
      .plane-frame .plane-body .plane-row .selected button {
        background: #E4007F; }
  .plane-frame .plane-33E {
    padding-top: 392px;
    background: url(https://tw.ceair.com/newwebsite/images/upload/plane-737-7000+140.jpg) no-repeat;
    background-position: top center; }
    .plane-frame .plane-33E .plane-row .plane-seat {
      margin: 6px 1px; }
    .plane-frame .plane-33E .plane-row .seat-type-F {
      width: 36px;
      height: 40px;
      margin: 6px 3px 7px 4px; }
    .plane-frame .plane-33E .plane-row .plane-seat-N {
      width: 47px;
      margin: 8px 1px 8px 0; }
    .plane-frame .plane-33E .plane-row-31 {
      padding-right: 144px; }
    .plane-frame .plane-33E .plane-row-42 {
      margin-top: 15px; }
    .plane-frame .plane-33E .plane-row-54 {
      padding-bottom: 100px; }
  @media (max-width: 639px) {
    .plane-frame {
      max-height: none; } }

.flight-seat .progressbar-wrapper {
  background-color: white;
  padding: 0;
  min-height: 0; }
  .flight-seat .progressbar-wrapper .blue-section {
    padding: 15px;
    background: #223B61;
    color: white; }
  .flight-seat .progressbar-wrapper .status-flight-info .status-airport {
    font-size: 24px;
    margin: 20px 0; }
  .flight-seat .progressbar-wrapper .status-time {
    padding-left: 25px;
    font-size: 14px;
    border-left: 1px solid white;
    margin-bottom: 50px; }
    .flight-seat .progressbar-wrapper .status-time p:first-child {
      padding-bottom: 10px; }
    .flight-seat .progressbar-wrapper .status-time p:last-child {
      padding-top: 10px; }
  .flight-seat .progressbar-wrapper .status-seat-info {
    color: black;
    padding: 10px; }
  .flight-seat .progressbar-wrapper .btn {
    min-width: 100%; }
  .flight-seat .progressbar-wrapper.scrollToFix-fix {
    min-height: 100%; }
  .flight-seat .progressbar-wrapper.scrollToFix-fix-bottom {
    min-height: 0; }
  @media (max-width: 991px) {
    .flight-seat .progressbar-wrapper .blue-section {
      display: none; } }

.flight-seat-modal:before {
  background: #223B61 !important; }
.flight-seat-modal > p {
  margin: 20px 0 !important; }
.flight-seat-modal .btn-wrapper-leftright {
  margin-bottom: 10px; }
.flight-seat-modal .btn {
  max-width: 48%; }
@media (max-width: 639px) {
  .flight-seat-modal {
    width: 300px !important; }
    .flight-seat-modal .btn-wrapper-leftright {
      margin: 20px 0;
      padding: 0; }
    .flight-seat-modal .btn {
      max-width: 49%; } }

.flight-batch-manager .nb-gaoTie {
  position: absolute;
  left: -120px;
  top: 50px; }
.flight-batch-manager .ui-radio-wrapper {
  margin-right: 0;
  width: 100%;
  height: 100%; }
.flight-batch-manager .ui-radio-wrapper .label-radio {
  width: 100%;
  height: 100%;
  padding-top: 15px; }

.flight-batch-manager-refund .ui-radio-wrapper .label-radio {
  padding-top: 7px; }

#flightSeating .seat-colum-C, #flightSeating .seat-colum-H {
  margin-right: 20px; }
#flightSeating .seat-colum-J, #flightSeating .seat-colum-D {
  margin-left: 20px; }
#flightSeating .condition-text .ui-checkbox-wrapper {
  display: block; }

/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
@keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn); } }
@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }
.Select {
  position: relative; }
  .Select, .Select div, .Select input, .Select span {
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .Select.is-disabled > .Select-control {
    background-color: #f9f9f9; }
    .Select.is-disabled > .Select-control:hover {
      box-shadow: none; }
  .Select.is-disabled .Select-arrow-zone {
    cursor: default;
    pointer-events: none; }

.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .Select-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .Select-control .Select-input:focus {
    outline: none; }

.is-searchable.is-open > .Select-control {
  cursor: text; }

.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9; }
  .is-open > .Select-control > .Select-arrow {
    border-color: transparent transparent #999;
    border-width: 0 5px 5px; }

.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text; }

.is-focused:not(.is-open) > .Select-control {
  border-color: #08c #0099e6 #0099e6;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px fade(#08c, 50%); }

.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.has-value.Select--single:not(.is-focused) > .Select-control > .Select-value .Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control > .Select-value .Select-value-label {
  color: #333; }
.has-value.Select--single:not(.is-focused) > .Select-control > .Select-value a.Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control > .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none; }
  .has-value.Select--single:not(.is-focused) > .Select-control > .Select-value a.Select-value-label:hover,
  .has-value.is-pseudo-focused.Select--single > .Select-control > .Select-value a.Select-value-label:hover {
    color: #08c;
    text-decoration: underline; }

.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle; }
  .Select-input > input {
    background: none transparent;
    border: 0 none;
    box-shadow: none;
    cursor: default;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    outline: none;
    line-height: 14px;
    /* For IE 8 compatibility */
    padding: 8px 0 12px;
    /* For IE 8 compatibility */
    -webkit-appearance: none; }
    .is-focused .Select-input > input {
      cursor: text; }

.has-value.is-pseudo-focused .Select-input {
  opacity: 0; }

.Select-control:not(.is-searchable) > .Select-input {
  outline: none; }

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px; }

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle; }

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px; }
  .Select-clear-zone:hover {
    color: #D0021B; }

.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1; }

.Select--multi .Select-clear-zone {
  width: 17px; }

.Select--multi .Select-multi-value-wrapper {
  display: inline-block; }

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px; }

.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0; }

.is-open .Select-arrow,
.Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666; }

@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch; }

.Select-menu {
  max-height: 198px;
  overflow-y: auto; }

.Select-option {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px; }
  .Select-option:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
  .Select-option.is-selected {
    background-color: #f5faff;
    color: #333; }
  .Select-option.is-focused {
    background-color: #f2f9fc;
    color: #333; }
  .Select-option.is-disabled {
    color: #cccccc;
    cursor: default; }

.Select-noresults {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px; }

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0; }
.Select--multi.has-value .Select-input {
  margin-left: 5px; }
.Select--multi .Select-value {
  background-color: #f2f9fc;
  border-radius: 2px;
  border: 1px solid #c9e6f2;
  color: #08c;
  display: inline-block;
  font-size: 0.9em;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top; }
.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle; }
.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px; }
.Select--multi a.Select-value-label {
  color: #08c;
  cursor: pointer;
  text-decoration: none; }
  .Select--multi a.Select-value-label:hover {
    text-decoration: underline; }
.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c9e6f2;
  padding: 1px 5px 3px; }
  .Select--multi .Select-value-icon:hover, .Select--multi .Select-value-icon:focus {
    background-color: #ddeff7;
    color: #0077b3; }
  .Select--multi .Select-value-icon:active {
    background-color: #c9e6f2; }

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333; }
.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3; }
  .Select--multi.is-disabled .Select-value-icon:hover, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:active {
    background-color: #fcfcfc; }

@keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn); } }
@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }
.ReactModal__Overlay {
  z-index: 1004;
  padding: 8%; }
  .ReactModal__Overlay .ReactModal__Content {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: white;
    overflow: initial;
    padding: 35px 8px 20px 20px;
    width: 480px;
    /* height:60%;  */
    /*新 20161223 Ailsa*/
    /* overflow:hidden; */
    /*新 20161223 Ailsa*/
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    border-left: 2px solid #D8D8D8;
    border-right: 2px solid #D8D8D8;
    border-bottom: 2px solid #D8D8D8; }
    .ReactModal__Overlay .ReactModal__Content:before {
      content: "";
      height: 10px;
      width: 100%;
      background: #E4007F;
      position: absolute;
      top: 0;
      left: 0; }
    .ReactModal__Overlay .ReactModal__Content.popup-blue {
      /*@media (min-width: $screen-sm-min){*/
      /*	width: 700px;*/
      /*}			*/ }
      .ReactModal__Overlay .ReactModal__Content.popup-blue:before {
        background: #223B61; }
    .ReactModal__Overlay .ReactModal__Content .popup-header {
      font-size: 24px;
      margin: -15px 0 20px 0; }
    @media (max-width: 991px) {
      .ReactModal__Overlay .ReactModal__Content {
        width: 310px !important;
        /*(width:280px;) 20161223 Ailsa*/
        /*&.popup-blue{
        	top:20px;
        }*/ }
        .ReactModal__Overlay .ReactModal__Content .icon-info {
          left: 50%;
          /*(left: 131px;) 20161226 Ailsa*/
          transform: translate3d(-50%, 0, 0);
          /*新 20161226 Ailsa*/
          -webkit-transform: translate3d(-50%, 0, 0);
          /*新 20161226 Ailsa*/
          -moz-transform: translate3d(-50%, 0, 0);
          /*新 20161226 Ailsa*/
          -o-transform: translate3d(-50%, 0, 0);
          /*新 20161226 Ailsa*/ }
        .ReactModal__Overlay .ReactModal__Content > p {
          margin: 20px 5px; } }
    .ReactModal__Overlay .ReactModal__Content h1 {
      text-align: center;
      font-size: 18px; }
    .ReactModal__Overlay .ReactModal__Content > div {
      padding: 2px; }
      .ReactModal__Overlay .ReactModal__Content > div .text-title {
        border-bottom: 1px solid #ccc;
        font-size: 18px;
        font-weight: 600;
        padding-bottom: 15px; }
        .ReactModal__Overlay .ReactModal__Content > div .text-title .tipImg {
          position: absolute;
          left: 35%;
          top: 11%;
          display: block;
          width: 26px;
          height: 26px;
          background-image: url(/public/system/assets/images/modal/icon-warn.svg); }
      .ReactModal__Overlay .ReactModal__Content > div .text-content {
        padding: 15px 0;
        line-height: 30px; }
    .ReactModal__Overlay .ReactModal__Content > p {
      margin: 20px; }
    .ReactModal__Overlay .ReactModal__Content .icon-info {
      position: absolute;
      top: 5px;
      border: 3px white solid;
      border-radius: 12px;
      background-image: url(https://tw.ceair.com/newwebsite/images/icon-info-hover.svg); }
    .ReactModal__Overlay .ReactModal__Content .cross {
      background-image: url(https://tw.ceair.com/newwebsite/images/cross.svg);
      background-repeat: no-repeat;
      background-color: transparent;
      position: absolute;
      right: 5px;
      top: 20px;
      height: 20px;
      width: 20px;
      border: none; }
  .ReactModal__Overlay .icon-info {
    left: 50%;
    /*(left: 231px;) 20161226 Ailsa*/
    transform: translate3d(-50%, 0, 0);
    /*新 20161226 Ailsa*/
    -webkit-transform: translate3d(-50%, 0, 0);
    /*新 20161226 Ailsa*/
    -moz-transform: translate3d(-50%, 0, 0);
    /*新 20161226 Ailsa*/
    -o-transform: translate3d(-50%, 0, 0);
    /*新 20161226 Ailsa*/ }
  .ReactModal__Overlay .refund-popup {
    position: relative;
    top: 0;
    /* left: 0; */
    /* modify by tchen 左侧溢出隐藏了 */
    width: 100%;
    height: 100%;
    margin: 0; }
    .ReactModal__Overlay .refund-popup > div {
      height: 100%;
      overflow-y: auto; }
    .ReactModal__Overlay .refund-popup .icon-info {
      left: 49%; }

.supermodal {
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  overflow: hidden; }
  .supermodal .supermodal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7); }
  .supermodal .supermodal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .supermodal .supermodal-wrapper .supermodal-modal {
      float: none;
      background: white;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: -webkit-translate(-50%, -50%);
              transform: -webkit-translate(-50%, -50%);
      transform: -moz-translate(-50%, -50%);
      -ms-transform: -ms-translate(-100%);
          transform: -ms-translate(-100%);
      transform: translate(-50%, -50%);
      box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); }
      .supermodal .supermodal-wrapper .supermodal-modal .supermodal-header {
        line-height: 18px;
        background: #223B61;
        padding: 8px 10px; }
        .supermodal .supermodal-wrapper .supermodal-modal .supermodal-header .supermodal-header-title {
          color: white; }
        .supermodal .supermodal-wrapper .supermodal-modal .supermodal-header .supermodal-header-icon {
          width: 24px;
          height: 24px;
          display: none;
          background: no-repeat 50%;
          background-size: 18px; }
        .supermodal .supermodal-wrapper .supermodal-modal .supermodal-header .supermodal-header-close {
          float: right;
          font-size: 18px;
          color: white;
          text-decoration: none;
          cursor: pointer; }
          .supermodal .supermodal-wrapper .supermodal-modal .supermodal-header .supermodal-header-close .supermodal-header-close-symbol {
            color: #fff; }
      .supermodal .supermodal-wrapper .supermodal-modal .supermodal-content {
        border: 1px solid gray;
        border-top: none;
        padding: 20px; }
        .supermodal .supermodal-wrapper .supermodal-modal .supermodal-content .supermodal-handler {
          text-align: center;
          padding-top: 10px; }
          .supermodal .supermodal-wrapper .supermodal-modal .supermodal-content .supermodal-handler .item {
            padding: 10px 10px 0 10px; }
  .supermodal.supermodal-show {
    display: block; }
  .supermodal.supermodal-hide {
    display: none; }
  .supermodal.supermodal-hasscroll .supermodal-wrapper {
    overflow-y: auto; }
    .supermodal.supermodal-hasscroll .supermodal-wrapper .supermodal-modal {
      top: 0;
      -webkit-transform: -webkit-translate(-50%, 0);
              transform: -webkit-translate(-50%, 0);
      transform: -moz-translate(-50%, 0);
      -ms-transform: -ms-translate(-50%, 0);
          transform: -ms-translate(-50%, 0);
      transform: translate(-50%, 0); }
  .supermodal.supermodal-type .supermodal-wrapper > .supermodal-modal .supermodal-header {
    padding: 0;
    background: white;
    border: 1px solid gray;
    border-top: 10px solid;
    border-bottom: none; }
    .supermodal.supermodal-type .supermodal-wrapper > .supermodal-modal .supermodal-header .supermodal-header-title {
      display: none; }
    .supermodal.supermodal-type .supermodal-wrapper > .supermodal-modal .supermodal-header .supermodal-header-icon {
      display: block;
      margin: 0 auto;
      margin-top: -5px;
      border: 3px solid white;
      border-radius: 12px;
      background-image: url(/public/system/assets/images/modal/icon-info.svg); }
    .supermodal.supermodal-type .supermodal-wrapper > .supermodal-modal .supermodal-header .supermodal-header-close {
      position: absolute;
      top: 20px;
      right: 10px;
      width: 20px;
      height: 20px;
      background: url(/public/system/assets/images/modal/close.svg) no-repeat 50%; }
      .supermodal.supermodal-type .supermodal-wrapper > .supermodal-modal .supermodal-header .supermodal-header-close .supermodal-header-close-symbol {
        display: none; }
  .supermodal.supermodal-type .supermodal-wrapper > .supermodal-modal .supermodal-content {
    padding: 40px;
    padding-top: 21px; }
  .supermodal.supermodal-type.supermodal-type-basic .supermodal-wrapper > .supermodal-modal .supermodal-header {
    border-top-color: #223B61; }
    .supermodal.supermodal-type.supermodal-type-basic .supermodal-wrapper > .supermodal-modal .supermodal-header .supermodal-header-icon {
      visibility: hidden; }
  .supermodal.supermodal-type.supermodal-type-info .supermodal-wrapper > .supermodal-modal .supermodal-header {
    border-top-color: #E4007F; }
    .supermodal.supermodal-type.supermodal-type-info .supermodal-wrapper > .supermodal-modal .supermodal-header .supermodal-header-icon {
      background-image: url(/public/system/assets/images/modal/icon-info.svg); }
  .supermodal.supermodal-type.supermodal-type-warn .supermodal-wrapper > .supermodal-modal .supermodal-header {
    border-top-color: #E4007F; }
    .supermodal.supermodal-type.supermodal-type-warn .supermodal-wrapper > .supermodal-modal .supermodal-header .supermodal-header-icon {
      background-image: url(/public/system/assets/images/modal/icon-warn.svg); }
  .supermodal.supermodal-type.supermodal-type-error .supermodal-wrapper > .supermodal-modal .supermodal-header {
    border-top-color: #D0021B; }
    .supermodal.supermodal-type.supermodal-type-error .supermodal-wrapper > .supermodal-modal .supermodal-header .supermodal-header-icon {
      background-image: url(/public/system/assets/images/modal/icon-error.svg); }

.supermodal-docnoscroll {
  overflow: hidden !important; }

.tabbox .tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #223B61;
  border-bottom: none;
  overflow: hidden; }
  .tabbox .tabs .item {
    cursor: pointer;
    padding: 10px 5px;
    margin: 0;
    color: white;
    border-right: 1px solid white; }
    .tabbox .tabs .item:last-child {
      border-right: none; }
    .tabbox .tabs .item.current {
      position: relative;
      background-color: white;
      border: none;
      color: #223B61; }
      .tabbox .tabs .item.current:before {
        content: ' ';
        display: block;
        position: absolute;
        top: 0;
        right: -20px;
        width: 0;
        height: 0;
        opacity: .25;
        border-style: solid;
        border-width: 50px 0 0 20px;
        border-color: transparent transparent transparent black; }
      .tabbox .tabs .item.current:after {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        bottom: -2px;
        border-bottom: none;
        width: 100%; }
.tabbox .contents {
  margin-top: 8px; }

.tabbox.tabbox-style-out .tabs {
  background-color: transparent;
  border-bottom: 1px solid #223B61;
  overflow: visible; }
  .tabbox.tabbox-style-out .tabs .item {
    background-color: white;
    border-top-width: 3px;
    color: #223B61; }
    .tabbox.tabbox-style-out .tabs .item.current {
      background-color: white;
      border: 1px solid #223B61;
      border-top-width: 3px;
      color: #223B61; }
    .tabbox.tabbox-style-out .tabs .item:after {
      border-bottom: 3px solid white; }

.title-pink h2 {
  color: #E4007F; }

.shadowcard-wrapper {
  background: white;
  box-shadow: none;
  margin-bottom: 30px; }
  .shadowcard-wrapper h2 {
    font-size: 14px;
    font-weight: bold; }
  .shadowcard-wrapper header {
    padding: 10px 15px; }
  .shadowcard-wrapper .shadowcard .table {
    padding: 0 15px 15px;
    margin: 10px 0; }
    .shadowcard-wrapper .shadowcard .table .btn {
      margin-top: 15px; }
    .shadowcard-wrapper .shadowcard .table .ordernumber li span:nth-child(2) {
      font-weight: 700; }
  .shadowcard-wrapper .shadowcard table td, .shadowcard-wrapper .shadowcard table th {
    padding: 10px 5px; }
    .shadowcard-wrapper .shadowcard table td .fake-th, .shadowcard-wrapper .shadowcard table th .fake-th {
      display: none;
      font-weight: bold; }
  .shadowcard-wrapper .shadowcard > * {
    padding: 15px; }
    .shadowcard-wrapper .shadowcard > *.booking-passenger-sub-title {
      padding-bottom: 0; }
  .shadowcard-wrapper .ui-radio-wrapper {
    margin-right: 25px; }
  @media (max-width: 639px) {
    .shadowcard-wrapper {
      margin: 0 25px 30px 15px; }
      .shadowcard-wrapper .shadowcard > * {
        padding: 15px 15px 10px 15px;
        font-size: 12px; }
        .shadowcard-wrapper .shadowcard > * table.table-custom thead {
          position: absolute;
          width: 1px;
          height: 1px;
          margin: -1px;
          padding: 0;
          overflow: hidden;
          clip: rect(0, 0, 0, 0);
          border: 0; }
        .shadowcard-wrapper .shadowcard > * table.table-custom tbody tr {
          border: none; }
        .shadowcard-wrapper .shadowcard > * table.table-custom td {
          display: block;
          padding: 0 10px;
          border: 0;
          width: 100%; }
          .shadowcard-wrapper .shadowcard > * table.table-custom td span, .shadowcard-wrapper .shadowcard > * table.table-custom td .fake-th {
            display: inline-block; }
      .shadowcard-wrapper .shadowcard .order-filter-form {
        padding: 0; }
        .shadowcard-wrapper .shadowcard .order-filter-form .ui-select-wrapper {
          padding-right: 0; }
      .shadowcard-wrapper .shadowcard .table {
        padding: 0;
        margin: 15px 0; }
        .shadowcard-wrapper .shadowcard .table .btn-third {
          width: 100%;
          margin: 20px 0 0;
          font-size: 14px; } }
  .shadowcard-wrapper.shadowcard-expandable > header {
    cursor: pointer; }
  .shadowcard-wrapper.shadowcard-expandable .expand-icon {
    float: right;
    cursor: pointer;
    display: block;
    width: 20px;
    height: 19px;
    background: url(https://tw.ceair.com/newwebsite/images/arrow-down-white.svg) center right no-repeat;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    transition: -webkit-transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s; }
  .shadowcard-wrapper.shadowcard-expanded .expand-icon {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }

@media (min-width: 992px) {
  .col-md-9 .shadowcard-wrapper {
    margin-right: 30px; } }
.hide-card .shadowcard-wrapper .shadowcard > * {
  padding: 0 15px; }

.text-bold {
  font-weight: bold; }

#orderDetail {
  font-size: 14px;
  color: #4a4a4a;
  /*******
  航段中所有人退票或者改期，该航段置灰
  ********/ }
  #orderDetail .shadowcard-wrapper .shadowcard > * {
    padding: 0; }
  #orderDetail .order {
    margin-right: 15px; }
  #orderDetail .high-light {
    font-size: 24px;
    font-weight: bolder; }
    @media (max-width: 639px) {
      #orderDetail .high-light {
        font-size: 14px; } }
  #orderDetail .show-mobile {
    display: none; }
  #orderDetail .gaotieList {
    font-size: 12px; }
  #orderDetail .table-wrapper {
    margin: 15px 0; }
  #orderDetail .table {
    width: 100%; }
    #orderDetail .table caption {
      font-size: 25px;
      margin-bottom: 10px;
      color: black; }
    #orderDetail .table thead tr {
      border-top: 3px solid #223B61;
      border-bottom: 2px solid #D8D8D8; }
    #orderDetail .table tbody tr:last-of-type {
      border-bottom: 1px solid #979797; }
    #orderDetail .table tbody tr:nth-of-type(even) {
      background-color: #f8f8f8; }
    #orderDetail .table td, #orderDetail .table th {
      width: 1%;
      height: 30px;
      text-align: center;
      vertical-align: middle;
      padding: 9px 0;
      border-top: none;
      border-left: 1px solid #D8D8D8; }
      #orderDetail .table td:first-child, #orderDetail .table th:first-child {
        border-left: none; }
    #orderDetail .table .fake-head {
      display: none;
      position: absolute;
      left: 0;
      font-weight: bold; }
    #orderDetail .table th {
      border-bottom: 3px solid #D8D8D8;
      font-weight: bold; }
  #orderDetail .table-cell-width th, #orderDetail .table-cell-width td {
    width: auto; }
  #orderDetail .order-reference {
    padding: 10px 15px;
    background: white; }
    #orderDetail .order-reference p {
      display: inline-block; }
      #orderDetail .order-reference p span {
        margin-right: 29px; }
      #orderDetail .order-reference p:last-of-type {
        float: right; }
  #orderDetail .order-notification li {
    margin: 10px 0;
    padding: 15px 15px 15px 40px;
    border: 1px solid #E4007F;
    background: url(https://tw.ceair.com/newwebsite/images/icon-label-info.svg) no-repeat;
    background-size: 15px 15px;
    background-position: 15px 16px;
    background-color: white; }
    #orderDetail .order-notification li a {
      color: #223B61;
      margin-left: 5px; }
  #orderDetail .trip-leg {
    padding: 0;
    font-size: 12px; }
    #orderDetail .trip-leg .leg-itinerary {
      padding: 10px 0;
      text-align: center;
      font-weight: bold;
      font-size: 14px;
      border-bottom: 3px solid #D8D8D8; }
    #orderDetail .trip-leg li {
      border-top: 1px solid #D8D8D8;
      border-bottom: 1px solid #D8D8D8; }
      #orderDetail .trip-leg li > div {
        padding: 15px; }
      #orderDetail .trip-leg li .leg-head .leg-flight-no > * {
        display: inline-block;
        vertical-align: middle; }
      #orderDetail .trip-leg li .leg-head .leg-flight-no img {
        margin-left: 8px; }
      #orderDetail .trip-leg li .leg-info {
        min-height: 138px;
        border-left: 1px solid #D8D8D8; }
        #orderDetail .trip-leg li .leg-info a.linkFz {
          font-size: 100%; }
      #orderDetail .trip-leg li .leg-plane:before {
        content: "";
        width: 100%;
        height: 18px;
        background: url(https://tw.ceair.com/newwebsite/images/status_plane.svg) no-repeat;
        background-size: contain;
        display: block;
        margin-top: 20px; }
      #orderDetail .trip-leg li .leg-train:before {
        background-image: url(https://tw.ceair.com/newwebsite/images/status_train.png);
        height: 17px; }
    #orderDetail .trip-leg .text-bold {
      font-weight: bold; }
    #orderDetail .trip-leg .text-highlight {
      font-size: 14px;
      font-weight: bold; }
      #orderDetail .trip-leg .text-highlight .font-normal {
        font-weight: normal;
        font-size: 12px; }
    #orderDetail .trip-leg .text-margin-top {
      margin-top: 10px; }
    #orderDetail .trip-leg .text-width {
      max-width: 130px;
      font-weight: lighter; }
    #orderDetail .trip-leg .text-red {
      color: #E4007F; }
  #orderDetail .leg-passenger {
    border-top: 1px solid #D8D8D8;
    padding: 10px 15px; }
  #orderDetail .tab-card {
    background: #D8D8D8;
    margin: 30px 0;
    border-top: 1px solid #D8D8D8; }
    #orderDetail .tab-card .tab-card-head li {
      background: #223B61;
      color: white;
      padding: 10px 0 10px 15px;
      cursor: pointer; }
      #orderDetail .tab-card .tab-card-head li.selected {
        font-weight: bold;
        background: white;
        color: #4a4a4a; }
    #orderDetail .tab-card > div {
      background: white;
      padding: 15px; }
  #orderDetail .order-summary-contact {
    position: relative; }
    #orderDetail .order-summary-contact .contact-info {
      font-size: 12px;
      margin-top: 10px;
      line-height: 18px; }
      #orderDetail .order-summary-contact .contact-info > div:last-of-type {
        border-left: 1px solid #D8D8D8;
        padding-left: 15px; }
  #orderDetail .passenger-item > div:first-child {
    padding-bottom: 20px;
    position: relative; }
    #orderDetail .passenger-item > div:first-child a {
      font-size: 12px;
      position: absolute;
      right: 0;
      top: 2px; }
  #orderDetail .passenger-item > div:last-child {
    font-size: 12px;
    padding-bottom: 20px; }
    #orderDetail .passenger-item > div:last-child > div {
      border-left: 1px solid #D8D8D8;
      padding-left: 15px;
      margin-bottom: 20px; }
  #orderDetail .summary-price {
    background: white;
    padding: 15px 0; }
    #orderDetail .summary-price .price-total {
      padding: 0 15px 10px 15px;
      padding-bottom: 10px; }
      #orderDetail .summary-price .price-total > span {
        display: inline-block;
        vertical-align: top; }
        #orderDetail .summary-price .price-total > span:first-of-type {
          margin-right: 15px; }
    #orderDetail .summary-price .price-detail-link {
      border-top: 1px solid #D8D8D8;
      padding: 10px 15px 10px 15px; }
      #orderDetail .summary-price .price-detail-link a {
        display: block;
        position: relative; }
        #orderDetail .summary-price .price-detail-link a:after {
          position: absolute;
          right: 0;
          top: 6px; }
      #orderDetail .summary-price .price-detail-link .text-boldred {
        color: #E4007F !important;
        font-weight: bold; }
    #orderDetail .summary-price .price-detail {
      padding: 0 15px;
      max-height: 0;
      opacity: 0;
      filter: alpha(opacity=0);
      transition: all 0.5s linear 0s;
      overflow: hidden; }
      #orderDetail .summary-price .price-detail.show-detail {
        padding: 0 15px;
        max-height: none;
        opacity: 1;
        filter: alpha(opacity=100); }
      #orderDetail .summary-price .price-detail .price-tip {
        margin: 5px 0; }
        #orderDetail .summary-price .price-detail .price-tip .link {
          background: #E4007F;
          content: "";
          display: inline-block;
          width: 6px;
          height: 6px;
          margin: 8px 15px 0 5px;
          vertical-align: top; }
        #orderDetail .summary-price .price-detail .price-tip a {
          text-decoration: none; }
      #orderDetail .summary-price .price-detail .text-boldred {
        color: #E4007F;
        font-weight: bold; }
    #orderDetail .summary-price .price-head {
      padding: 0; }
      #orderDetail .summary-price .price-head p {
        display: inline-block; }
      #orderDetail .summary-price .price-head span {
        margin-right: 15px; }
    #orderDetail .summary-price .table {
      margin: 0;
      width: 100%; }
    #orderDetail .summary-price .text-hightlight {
      font-weight: bold;
      font-size: 24px;
      line-height: 25px; }
  @media (max-width: 991px) {
    #orderDetail .order {
      margin: 5px 0; } }
  @media (max-width: 639px) {
    #orderDetail .show-mobile {
      display: inherit; }
    #orderDetail .hide-mobile {
      display: none; }
    #orderDetail .text-thin-mobile {
      font-weight: normal; }
    #orderDetail .text-bold-mobile {
      font-weight: bold; }
    #orderDetail .table-wrapper {
      overflow-x: auto; }
    #orderDetail .table thead {
      position: initial;
      width: 100%;
      height: 30px;
      margin: 0;
      padding: 0;
      overflow: hidden;
      clip: initial;
      border: 0; }
    #orderDetail .table tbody tr {
      border: none; }
    #orderDetail .table td {
      display: table-cell;
      padding: 9px 0;
      border-left: 1px solid #D8D8D8;
      width: 1%; }
    #orderDetail .order-reference {
      margin: 0 5px; }
      #orderDetail .order-reference p {
        display: block; }
        #orderDetail .order-reference p span {
          float: right;
          margin-right: 0; }
        #orderDetail .order-reference p:last-of-type {
          float: none;
          padding-top: 10px;
          margin-top: 10px;
          border-top: 1px solid #D8D8D8; }
    #orderDetail .order-notification {
      margin: 0 5px; }
    #orderDetail .tab-card {
      margin: 5px 0; }
      #orderDetail .tab-card > div {
        margin: 0 5px;
        padding: 15px 10px; }
    #orderDetail .trip-leg li > div {
      padding: 0; }
    #orderDetail .trip-leg li .leg-head {
      text-align: center;
      padding: 10px 0; }
    #orderDetail .trip-leg li .leg-info {
      text-align: center;
      border-left: none;
      min-height: 0;
      padding: 10px 0; }
      #orderDetail .trip-leg li .leg-info div p {
        max-width: initial; }
      #orderDetail .trip-leg li .leg-info div .text-margin-top {
        margin-top: 10px; }
      #orderDetail .trip-leg li .leg-info div:nth-of-type(4) {
        border-top: 1px solid #D8D8D8;
        margin-top: 10px; }
    #orderDetail .trip-leg li .leg-plane:before {
      margin-top: 10px;
      background-position: center; }
    #orderDetail .leg-passenger {
      border-top: 2px solid #223B61;
      padding: 0; }
      #orderDetail .leg-passenger .table-wrapper {
        max-height: 0;
        margin: 0;
        overflow-y: hidden;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: all 0.5s linear 0s; }
        #orderDetail .leg-passenger .table-wrapper .table {
          margin: 0; }
      #orderDetail .leg-passenger .btn-link-wrapper {
        text-align: center;
        font-weight: bold;
        padding: 10px 0;
        padding-left: 30px;
        display: block; }
      #orderDetail .leg-passenger .show-table td {
        height: 33px;
        padding: 10px 0 5px 0;
        border-bottom-width: 1px;
        opacity: 1;
        filter: alpha(opacity=100); }
        #orderDetail .leg-passenger .show-table td:first-of-type {
          height: 36px;
          border-bottom-width: 2px; }
    #orderDetail .show-passenger .table-wrapper {
      margin: 15px 0;
      max-height: 250px;
      opacity: 1;
      filter: alpha(opacity=100); }
    #orderDetail .order-summary-contact .contact-info div:last-of-type {
      padding-left: 0;
      border-left: none; }
    #orderDetail .order-summary-contact .contact-link {
      padding-top: 10px;
      text-align: left; }
    #orderDetail .passenger-item > div:first-child {
      padding-bottom: 10px; }
    #orderDetail .passenger-item > div:last-child {
      padding-bottom: 10px; }
      #orderDetail .passenger-item > div:last-child p {
        display: inline-block; }
      #orderDetail .passenger-item > div:last-child div {
        margin: 10px 0; }
      #orderDetail .passenger-item > div:last-child div > p:last-of-type {
        float: right; }
    #orderDetail .summary-price {
      margin: 0 5px; }
      #orderDetail .summary-price .price-head {
        padding-top: 10px;
        border-top: 1px solid #D8D8D8; }
        #orderDetail .summary-price .price-head p {
          display: block; }
      #orderDetail .summary-price .price-detail-link {
        border-top: 2px solid #223B61;
        text-align: center;
        padding: 15px; }
        #orderDetail .summary-price .price-detail-link a {
          display: inline-block; }
          #orderDetail .summary-price .price-detail-link a:after {
            position: static; }
      #orderDetail .summary-price .table {
        min-width: 640px; } }
  #orderDetail .gray .shadowcard-wrapper {
    background-color: #e3e3e3; }
    #orderDetail .gray .shadowcard-wrapper .panel-blue {
      background-color: #aeadad; }
  #orderDetail .gray .table tbody tr:nth-of-type(even) {
    background-color: #ededed; }
  #orderDetail .gray .Policies li:before {
    background: #aeadad; }

.btn-wrapper-leftright {
  margin: 40px 0; }
  @media (max-width: 991px) {
    .btn-wrapper-leftright {
      margin: 0 5px;
      background-color: #fff;
      padding: 10px; }
      .btn-wrapper-leftright .btn {
        max-width: 45%; } }
  .btn-wrapper-leftright .btn-second {
    float: right; }
  .btn-wrapper-leftright .orderTimerPad {
    padding-top: 10px; }

.order-fare .order-fare-head {
  background: #223B61;
  color: white;
  padding-top: 10px; }
  .order-fare .order-fare-head h3 {
    font-size: 14px;
    font-weight: normal; }
.order-fare > .row {
  padding: 15px;
  border-bottom: 1px solid #D8D8D8; }
.order-fare .fare-title {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: bold; }
.order-fare .fare-details li {
  position: relative;
  padding-left: 12px;
  margin-bottom: 10px;
  padding-right: 20px;
  font-weight: lighter; }
  @media (min-width: 992px) {
    .order-fare .fare-details li {
      min-height: 60px; } }
  .order-fare .fare-details li:before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 5px;
    left: 0;
    background: #E4007F; }
.order-fare .fare-details li:last-child {
  min-height: auto; }
@media (max-width: 639px) {
  .order-fare > .row {
    padding: 15px 5px; } }

.order-fare-head {
  padding-left: 30px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: bold; }

@media (min-width: 640px) {
  .order-next-flight .order-fare-head {
    position: relative; }
    .order-next-flight .order-fare-head:before {
      display: block;
      content: '';
      background: #223B61;
      width: 30px;
      height: 8px;
      position: absolute;
      left: -10px;
      top: 34px; } }
@media (max-width: 639px) {
  .order-next-flight .Arrival span:last-child, .order-next-flight .Departure span:last-child, .order-last-fligt .Arrival span:last-child, .order-last-fligt .Departure span:last-child {
    display: block; } }

.order-activities {
  padding: 0 !important; }
  .order-activities .activitiy-item > .row {
    position: relative;
    border-top: 1px solid #D8D8D8;
    padding: 15px 15px 15px 30px; }
    .order-activities .activitiy-item > .row.activity-detail {
      line-height: 0px;
      padding: 0 15px 0 30px;
      border-top-width: 0px;
      opacity: 0;
      filter: alpha(opacity=0);
      transition: all 0.5s ease 0s;
      overflow: hidden;
      background: #f8f8f8; }
    .order-activities .activitiy-item > .row.show-detail {
      padding: 15px 15px 15px 30px;
      border-top-width: 1px;
      opacity: 1;
      filter: alpha(opacity=100);
      line-height: 20px; }
  .order-activities .activitiy-item .floatright {
    margin-bottom: -10px;
    margin-top: 5px; }
  @media (max-width: 639px) {
    .order-activities .activitiy-item > .row {
      padding: 15px 15px 15px 15px; }
    .order-activities .activitiy-item .col-xs-12 span {
      display: block; }
    .order-activities .activitiy-item .col-md-1 span {
      float: right; } }

@media (min-width: 992px) {
  .float-right-desktop {
    float: right; } }

.action-bar {
  font-size: 14px;
  color: #4a4a4a;
  background: white;
  padding: 15px; }
  .action-bar h2 {
    font-size: 24px; }
  .action-bar .action-list {
    margin: 10px -4px 0 -4px; }
    .action-bar .action-list li {
      display: inline-block;
      width: 50%;
      padding: 4px; }
      .action-bar .action-list li a {
        display: block;
        color: white;
        padding: 0 10px;
        background-color: #223B61; }
        .action-bar .action-list li a span {
          padding: 12px 0;
          display: block;
          background-position: right center;
          background-repeat: no-repeat; }
      .action-bar .action-list li a.disable {
        background-color: #e3e3e3;
        color: #aeadad; }
      .action-bar .action-list li a.disable:hover {
        cursor: not-allowed; }
      .action-bar .action-list li .action-checkin span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-checkin.svg); }
      .action-bar .action-list li .action-checkin.disable span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-checkin-disable.svg); }
      .action-bar .action-list li .action-refund span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-refund.svg); }
      .action-bar .action-list li .action-refund.disable span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-refund-disable.svg); }
      .action-bar .action-list li .action-date span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-date.svg); }
      .action-bar .action-list li .action-date.disable span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-date-disable.svg); }
      .action-bar .action-list li .action-seat span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-seat.svg); }
      .action-bar .action-list li .action-seat.disable span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-seat-disable.svg); }
      .action-bar .action-list li .action-wifi span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-wifi.svg); }
      .action-bar .action-list li .action-wifi.disable span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-wifi-disable.svg); }
      .action-bar .action-list li .action-vip span {
        background-image: url(https://tw.ceair.com/newwebsite/images/vip/vip.png); }
      .action-bar .action-list li .action-baggage span {
        background-image: url(https://tw.ceair.com/newwebsite/images/extrabaggage_white.svg); }
      .action-bar .action-list li .action-baggage.disable span {
        background-image: url(https://tw.ceair.com/newwebsite/images/extrabaggage_disable.svg); }
      .action-bar .action-list li .action-print span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-print.png); }
      .action-bar .action-list li .action-print.disable span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-print-disable.png); }
  .action-bar .more-action-list {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #D8D8D8; }
  @media (max-width: 639px) {
    .action-bar {
      margin: 5px; }
      .action-bar .action-list {
        text-align: center; }
        .action-bar .action-list li {
          width: 33.33333%; }
          .action-bar .action-list li a {
            padding: 10px 0; }
            .action-bar .action-list li a span {
              padding: 25px 0 0 0;
              background-position: center top; } }

@media (min-width: 992px) {
  .action-bar-scroll {
    width: 33.33333%;
    padding-right: 10px;
    position: fixed;
    top: 0;
    right: 5px; } }
@media (min-width: 1200px) {
  .action-bar-scroll {
    position: static; }
    .action-bar-scroll .action-bar {
      position: fixed;
      top: 0;
      z-index: 2;
      width: 369.98px; } }
@media (min-width: 1300px) {
  .action-bar-scroll .action-bar {
    width: 389.98px; } }

@media (min-width: 992px) {
  .action-bar-bottom {
    position: absolute;
    bottom: 0;
    right: 5px;
    padding-right: 10px; } }

.position-relative {
  position: relative; }

.information {
  font-size: 12px;
  margin-top: 10px;
  line-height: 18px; }
  .information > div {
    border-right: 1px solid #D8D8D8;
    padding-right: 16px;
    padding-left: 16px; }
  .information > div:last-child {
    border-right: none; }
  @media (max-width: 639px) {
    .information .col-md-4 {
      border: none; }
      .information .col-md-4 p {
        display: inline-block; }
      .information .col-md-4 .text-bold {
        float: right; } }

.order-fare .disability {
  border-bottom: none;
  border-top: 1px solid #D8D8D8; }

.service-title {
  font-weight: bold; }

.shadowcard .information {
  padding-left: 0; }

.order-fare .disability, .order-fare .appliedservices {
  padding-left: 0; }

@media (max-width: 639px) {
  #orderDetail .order-notification li {
    margin: 5px 0; } }
#servicedetail {
  padding-right: 15px; }
  @media (max-width: 639px) {
    #servicedetail {
      padding-right: 0; } }
  @media (max-width: 639px) {
    #servicedetail .shadowcard {
      padding-bottom: 10px; } }
  #servicedetail .shadowcard .information, #servicedetail .shadowcard .order-fare {
    padding-top: 0; }

.codeImg .col-sm-2 .inline-block img, .codeImg .col-sm-3 .inline-block img {
  width: 100%; }

#actionBar .point {
  padding: 10px 15px;
  background: #223B61;
  color: #f8f8f8;
  font-size: 14px; }

#MyOrderDetail {
  font-size: 14px;
  color: #4a4a4a;
  /*******
  航段中所有人退票或者改期，该航段置灰
  ********/ }
  #MyOrderDetail .shadowcard-wrapper .shadowcard > * {
    padding: 0; }
  #MyOrderDetail .order {
    margin-right: 15px; }
  #MyOrderDetail .high-light {
    font-size: 24px;
    font-weight: bolder; }
    @media (max-width: 639px) {
      #MyOrderDetail .high-light {
        font-size: 14px; } }
  #MyOrderDetail .show-mobile {
    display: none; }
  #MyOrderDetail .table-wrapper {
    margin: 15px 0; }
  #MyOrderDetail .table {
    width: 100%; }
    #MyOrderDetail .table caption {
      font-size: 25px;
      margin-bottom: 10px;
      color: black; }
    #MyOrderDetail .table thead tr {
      border-top: 3px solid #223B61;
      border-bottom: 2px solid #D8D8D8; }
    #MyOrderDetail .table tbody tr:last-of-type {
      border-bottom: 1px solid #979797; }
    #MyOrderDetail .table tbody tr:nth-of-type(even) {
      background-color: #f8f8f8; }
    #MyOrderDetail .table td, #MyOrderDetail .table th {
      width: 1%;
      height: 30px;
      text-align: center;
      vertical-align: middle;
      padding: 9px 0;
      border-top: none;
      border-left: 1px solid #D8D8D8; }
      #MyOrderDetail .table td:first-child, #MyOrderDetail .table th:first-child {
        border-left: none; }
    #MyOrderDetail .table .fake-head {
      display: none;
      position: absolute;
      left: 0;
      font-weight: bold; }
    #MyOrderDetail .table th {
      border-bottom: 3px solid #D8D8D8;
      font-weight: bold; }
  #MyOrderDetail .table-cell-width th, #MyOrderDetail .table-cell-width td {
    width: auto; }
  #MyOrderDetail .order-reference {
    padding: 10px 15px;
    background: white; }
    #MyOrderDetail .order-reference p {
      display: inline-block; }
      #MyOrderDetail .order-reference p span {
        margin-right: 29px; }
      #MyOrderDetail .order-reference p:last-of-type {
        float: right; }
  #MyOrderDetail .order-notification li {
    margin: 10px 0;
    padding: 15px 15px 15px 40px;
    border: 1px solid #E4007F;
    background: url(https://tw.ceair.com/newwebsite/images/icon-label-info.svg) no-repeat;
    background-size: 15px 15px;
    background-position: 15px 16px;
    background-color: white; }
    #MyOrderDetail .order-notification li a {
      color: #223B61;
      margin-left: 5px; }
  #MyOrderDetail .trip-leg {
    padding: 0;
    font-size: 12px;
    border-bottom: 2px solid #D8D8D8; }
    #MyOrderDetail .trip-leg .leg-itinerary {
      padding: 10px 0;
      text-align: center;
      font-weight: bold;
      font-size: 14px;
      border-bottom: 3px solid #D8D8D8; }
    #MyOrderDetail .trip-leg li {
      border-top: 1px dotted #D8D8D8;
      overflow: hidden; }
      #MyOrderDetail .trip-leg li > div {
        padding: 15px;
        padding-bottom: 1515px;
        margin-bottom: -1500px; }
      #MyOrderDetail .trip-leg li .leg-head .leg-flight-no .triptype-title {
        float: right; }
      #MyOrderDetail .trip-leg li .leg-head .leg-flight-no > * {
        display: inline-block;
        vertical-align: middle; }
      #MyOrderDetail .trip-leg li .leg-head .leg-flight-no img {
        margin-left: 8px; }
      #MyOrderDetail .trip-leg li .leg-info {
        min-height: 138px;
        border-left: 1px dotted #D8D8D8; }
        #MyOrderDetail .trip-leg li .leg-info a.linkFz {
          font-size: 100%; }
      #MyOrderDetail .trip-leg li .leg-plane:before {
        content: "";
        width: 100%;
        height: 18px;
        background: url(https://tw.ceair.com/newwebsite/images/status_plane.svg) no-repeat;
        background-size: contain;
        display: block;
        margin-top: 20px; }
      #MyOrderDetail .trip-leg li .leg-train:before {
        background-image: url(https://tw.ceair.com/newwebsite/images/status_train.png);
        height: 17px; }
    #MyOrderDetail .trip-leg li:nth-child(2) {
      border-top: none; }
    #MyOrderDetail .trip-leg .text-bold {
      font-weight: bold; }
    #MyOrderDetail .trip-leg .text-highlight {
      font-size: 14px;
      font-weight: bold; }
      #MyOrderDetail .trip-leg .text-highlight .font-normal {
        font-weight: normal;
        font-size: 12px; }
    #MyOrderDetail .trip-leg .text-margin-top {
      margin-top: 10px; }
    #MyOrderDetail .trip-leg .text-width {
      max-width: 130px;
      font-weight: lighter; }
    #MyOrderDetail .trip-leg .text-red {
      color: #E4007F; }
  #MyOrderDetail .trip-leg:first-child {
    border-top: none; }
  #MyOrderDetail .leg-passenger {
    padding: 10px 15px !important; }
  #MyOrderDetail .order-summary-contact {
    position: relative; }
    #MyOrderDetail .order-summary-contact .contact-info {
      font-size: 12px;
      margin-top: 10px;
      line-height: 18px; }
      #MyOrderDetail .order-summary-contact .contact-info > div:last-of-type {
        border-left: 1px solid #D8D8D8;
        padding-left: 15px; }
  #MyOrderDetail .passenger-item > div:first-child {
    padding-bottom: 20px;
    position: relative; }
    #MyOrderDetail .passenger-item > div:first-child a {
      font-size: 12px;
      position: absolute;
      right: 0;
      top: 2px; }
  #MyOrderDetail .passenger-item > div:last-child {
    font-size: 12px;
    padding-bottom: 20px; }
    #MyOrderDetail .passenger-item > div:last-child > div {
      border-left: 1px solid #D8D8D8;
      padding-left: 15px; }
  #MyOrderDetail .item-wraper {
    margin: 30px 0; }
    #MyOrderDetail .item-wraper .detailPadd {
      padding: 10px 15px; }
    #MyOrderDetail .item-wraper .table {
      margin: 0;
      width: 100%; }
  @media (max-width: 991px) {
    #MyOrderDetail .order {
      margin: 5px 0; } }
  @media (max-width: 639px) {
    #MyOrderDetail .show-mobile {
      display: inherit; }
    #MyOrderDetail .hide-mobile {
      display: none; }
    #MyOrderDetail .text-thin-mobile {
      font-weight: normal; }
    #MyOrderDetail .text-bold-mobile {
      font-weight: bold; }
    #MyOrderDetail .table-wrapper {
      overflow-x: auto; }
    #MyOrderDetail .table thead {
      position: initial;
      width: 100%;
      height: 30px;
      margin: 0;
      padding: 0;
      overflow: hidden;
      clip: initial;
      border: 0; }
    #MyOrderDetail .table tbody tr {
      border: none; }
    #MyOrderDetail .table td {
      display: table-cell;
      padding: 9px 0;
      border-left: 1px solid #D8D8D8;
      width: 1%; }
    #MyOrderDetail .order-reference {
      margin: 0 5px; }
      #MyOrderDetail .order-reference p {
        display: block; }
        #MyOrderDetail .order-reference p span {
          float: right;
          margin-right: 0; }
        #MyOrderDetail .order-reference p:last-of-type {
          float: none;
          padding-top: 10px;
          margin-top: 10px;
          border-top: 1px solid #D8D8D8; }
    #MyOrderDetail .order-notification {
      margin: 0 5px; }
    #MyOrderDetail .trip-leg li > div {
      padding: 0; }
    #MyOrderDetail .trip-leg li .leg-head {
      text-align: center;
      padding: 10px 0; }
    #MyOrderDetail .trip-leg li .leg-info {
      text-align: center;
      border-left: none;
      min-height: 0;
      padding: 10px 0; }
      #MyOrderDetail .trip-leg li .leg-info div p {
        max-width: initial; }
      #MyOrderDetail .trip-leg li .leg-info div .text-margin-top {
        margin-top: 10px; }
      #MyOrderDetail .trip-leg li .leg-info div:nth-of-type(4) {
        border-top: 1px solid #D8D8D8;
        margin-top: 10px; }
    #MyOrderDetail .trip-leg li .leg-plane:before {
      margin-top: 10px;
      background-position: center; }
    #MyOrderDetail .leg-passenger {
      border-top: 2px solid #223B61;
      padding: 0; }
      #MyOrderDetail .leg-passenger .table-wrapper {
        max-height: 0;
        margin: 0;
        overflow-y: hidden;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: all 0.5s linear 0s; }
        #MyOrderDetail .leg-passenger .table-wrapper .table {
          margin: 0; }
      #MyOrderDetail .leg-passenger .btn-link-wrapper {
        text-align: center;
        font-weight: bold;
        padding: 10px 0;
        padding-left: 30px;
        display: block; }
      #MyOrderDetail .leg-passenger .show-table td {
        height: 33px;
        padding: 10px 0 5px 0;
        border-bottom-width: 1px;
        opacity: 1;
        filter: alpha(opacity=100); }
        #MyOrderDetail .leg-passenger .show-table td:first-of-type {
          height: 36px;
          border-bottom-width: 2px; }
    #MyOrderDetail .show-passenger .table-wrapper {
      margin: 15px 0;
      max-height: 250px;
      opacity: 1;
      filter: alpha(opacity=100); }
    #MyOrderDetail .order-summary-contact .contact-info div:last-of-type {
      padding-left: 0;
      border-left: none; }
    #MyOrderDetail .order-summary-contact .contact-link {
      padding-top: 10px;
      text-align: left; }
    #MyOrderDetail .passenger-item > div:first-child {
      padding-bottom: 10px; }
    #MyOrderDetail .passenger-item > div:last-child {
      padding-bottom: 10px; }
      #MyOrderDetail .passenger-item > div:last-child p {
        display: inline-block; }
      #MyOrderDetail .passenger-item > div:last-child div {
        margin: 10px 0; }
      #MyOrderDetail .passenger-item > div:last-child div > p:last-of-type {
        float: right; }
    #MyOrderDetail .item-wraper .table {
      min-width: 640px; } }
  #MyOrderDetail .gray .shadowcard-wrapper {
    background-color: #e3e3e3; }
    #MyOrderDetail .gray .shadowcard-wrapper .panel-blue {
      background-color: #aeadad; }
  #MyOrderDetail .gray .table tbody tr:nth-of-type(even) {
    background-color: #ededed; }
  #MyOrderDetail .gray .Policies li:before {
    background: #aeadad; }
  #MyOrderDetail .flightTotalPrice {
    padding: 0 15px !important;
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 34px; }
    #MyOrderDetail .flightTotalPrice .fzTxt {
      font-size: 14px; }
    #MyOrderDetail .flightTotalPrice .ml20 {
      margin-left: 20px; }
  #MyOrderDetail .points {
    font-size: 24px; }
    #MyOrderDetail .points em {
      font-style: normal;
      vertical-align: super;
      font-size: 12px; }
  #MyOrderDetail #leg-passenger .table tbody tr {
    border-top: 1px solid #d8d8d8; }
  #MyOrderDetail #leg-passenger .table tbody tr:first-child {
    border-top: none; }
  #MyOrderDetail #leg-passenger .table tbody tr:nth-of-type(even) {
    background-color: #ffffff; }
  #MyOrderDetail #leg-passenger .table tbody tr.disable {
    background: #f8f8f8;
    color: #dddddd; }
  #MyOrderDetail .original-price {
    text-decoration: line-through;
    color: #c9c9c9;
    font-weight: normal; }
  #MyOrderDetail .mr10 {
    margin-right: 10px; }

@media (max-width: 639px) {
  #MyOrderDetail .order-notification li {
    margin: 5px 0; } }
.order-table-itinerary {
  display: none; }

.orderlist-alert {
  border: 1px solid #E4007F;
  padding: 20px 15px;
  margin-top: 15px;
  background-color: #fff; }
  .orderlist-alert p {
    background: url(https://tw.ceair.com/newwebsite/images/icon-info-hover.svg) 0 2px no-repeat;
    padding-left: 25px;
    font-size: 14px; }
  @media (max-width: 991px) and (min-width: 640px) {
    .orderlist-alert {
      margin: 0 0 15px 15px; } }

@media (min-width: 992px) {
  #orders, #servicelist, #hotellist, #flightProof, #ticketIssuance, #myBeneficiary, #modifyPwd, #beneficiaryForm, #beneficiaryHistory, #myVisa, #myPoints, #levelChange, #memberCard, #pointClaimAdd, #memberInfo, #memberInfoProfile, #memberAutoIdentify, #pointPurchase, #cardcoupons, #myContacts, #myPassengers, #memberHome {
    padding-left: 15px; } }
@media (min-width: 640px) {
  #orders h1, #servicelist h1, #hotellist h1, #flightProof h1, #ticketIssuance h1, #myBeneficiary h1, #modifyPwd h1, #beneficiaryForm h1, #beneficiaryHistory h1, #myVisa h1, #myPoints h1, #levelChange h1, #memberCard h1, #pointClaimAdd h1, #memberInfo h1, #memberInfoProfile h1, #memberAutoIdentify h1, #pointPurchase h1, #cardcoupons h1, #myContacts h1, #myPassengers h1, #memberHome h1 {
    padding-left: 10px; }
  #orders .order-filter-wrapper, #servicelist .order-filter-wrapper, #hotellist .order-filter-wrapper, #flightProof .order-filter-wrapper, #ticketIssuance .order-filter-wrapper, #myBeneficiary .order-filter-wrapper, #modifyPwd .order-filter-wrapper, #beneficiaryForm .order-filter-wrapper, #beneficiaryHistory .order-filter-wrapper, #myVisa .order-filter-wrapper, #myPoints .order-filter-wrapper, #levelChange .order-filter-wrapper, #memberCard .order-filter-wrapper, #pointClaimAdd .order-filter-wrapper, #memberInfo .order-filter-wrapper, #memberInfoProfile .order-filter-wrapper, #memberAutoIdentify .order-filter-wrapper, #pointPurchase .order-filter-wrapper, #cardcoupons .order-filter-wrapper, #myContacts .order-filter-wrapper, #myPassengers .order-filter-wrapper, #memberHome .order-filter-wrapper {
    margin-bottom: 30px; }
    #orders .order-filter-wrapper .btn, #servicelist .order-filter-wrapper .btn, #hotellist .order-filter-wrapper .btn, #flightProof .order-filter-wrapper .btn, #ticketIssuance .order-filter-wrapper .btn, #myBeneficiary .order-filter-wrapper .btn, #modifyPwd .order-filter-wrapper .btn, #beneficiaryForm .order-filter-wrapper .btn, #beneficiaryHistory .order-filter-wrapper .btn, #myVisa .order-filter-wrapper .btn, #myPoints .order-filter-wrapper .btn, #levelChange .order-filter-wrapper .btn, #memberCard .order-filter-wrapper .btn, #pointClaimAdd .order-filter-wrapper .btn, #memberInfo .order-filter-wrapper .btn, #memberInfoProfile .order-filter-wrapper .btn, #memberAutoIdentify .order-filter-wrapper .btn, #pointPurchase .order-filter-wrapper .btn, #cardcoupons .order-filter-wrapper .btn, #myContacts .order-filter-wrapper .btn, #myPassengers .order-filter-wrapper .btn, #memberHome .order-filter-wrapper .btn {
      margin-top: 18px; }
  #orders h1:before, #servicelist h1:before, #hotellist h1:before, #flightProof h1:before, #ticketIssuance h1:before, #myBeneficiary h1:before, #modifyPwd h1:before, #beneficiaryForm h1:before, #beneficiaryHistory h1:before, #myVisa h1:before, #myPoints h1:before, #levelChange h1:before, #memberCard h1:before, #pointClaimAdd h1:before, #memberInfo h1:before, #memberInfoProfile h1:before, #memberAutoIdentify h1:before, #pointPurchase h1:before, #cardcoupons h1:before, #myContacts h1:before, #myPassengers h1:before, #memberHome h1:before {
    content: "";
    background: url(https://tw.ceair.com/newwebsite/images/flight-order.svg) no-repeat;
    height: 63px;
    width: 100px;
    vertical-align: middle;
    display: inline-block; } }
#orders .order-filter-wrapper .order-filter-form, #servicelist .order-filter-wrapper .order-filter-form, #hotellist .order-filter-wrapper .order-filter-form, #flightProof .order-filter-wrapper .order-filter-form, #ticketIssuance .order-filter-wrapper .order-filter-form, #myBeneficiary .order-filter-wrapper .order-filter-form, #modifyPwd .order-filter-wrapper .order-filter-form, #beneficiaryForm .order-filter-wrapper .order-filter-form, #beneficiaryHistory .order-filter-wrapper .order-filter-form, #myVisa .order-filter-wrapper .order-filter-form, #myPoints .order-filter-wrapper .order-filter-form, #levelChange .order-filter-wrapper .order-filter-form, #memberCard .order-filter-wrapper .order-filter-form, #pointClaimAdd .order-filter-wrapper .order-filter-form, #memberInfo .order-filter-wrapper .order-filter-form, #memberInfoProfile .order-filter-wrapper .order-filter-form, #memberAutoIdentify .order-filter-wrapper .order-filter-form, #pointPurchase .order-filter-wrapper .order-filter-form, #cardcoupons .order-filter-wrapper .order-filter-form, #myContacts .order-filter-wrapper .order-filter-form, #myPassengers .order-filter-wrapper .order-filter-form, #memberHome .order-filter-wrapper .order-filter-form {
  max-height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, padding-top 0.5s ease 0s, padding-bottom 0.5s ease 0s;
  overflow: hidden; }
#orders .order-filter-wrapper .show-filter .order-filter-form, #servicelist .order-filter-wrapper .show-filter .order-filter-form, #hotellist .order-filter-wrapper .show-filter .order-filter-form, #flightProof .order-filter-wrapper .show-filter .order-filter-form, #ticketIssuance .order-filter-wrapper .show-filter .order-filter-form, #myBeneficiary .order-filter-wrapper .show-filter .order-filter-form, #modifyPwd .order-filter-wrapper .show-filter .order-filter-form, #beneficiaryForm .order-filter-wrapper .show-filter .order-filter-form, #beneficiaryHistory .order-filter-wrapper .show-filter .order-filter-form, #myVisa .order-filter-wrapper .show-filter .order-filter-form, #myPoints .order-filter-wrapper .show-filter .order-filter-form, #levelChange .order-filter-wrapper .show-filter .order-filter-form, #memberCard .order-filter-wrapper .show-filter .order-filter-form, #pointClaimAdd .order-filter-wrapper .show-filter .order-filter-form, #memberInfo .order-filter-wrapper .show-filter .order-filter-form, #memberInfoProfile .order-filter-wrapper .show-filter .order-filter-form, #memberAutoIdentify .order-filter-wrapper .show-filter .order-filter-form, #pointPurchase .order-filter-wrapper .show-filter .order-filter-form, #cardcoupons .order-filter-wrapper .show-filter .order-filter-form, #myContacts .order-filter-wrapper .show-filter .order-filter-form, #myPassengers .order-filter-wrapper .show-filter .order-filter-form, #memberHome .order-filter-wrapper .show-filter .order-filter-form {
  max-height: 150px;
  opacity: 1;
  filter: alpha(opacity=100); }
#orders .order-table .isretrieved, #servicelist .order-table .isretrieved, #hotellist .order-table .isretrieved, #flightProof .order-table .isretrieved, #ticketIssuance .order-table .isretrieved, #myBeneficiary .order-table .isretrieved, #modifyPwd .order-table .isretrieved, #beneficiaryForm .order-table .isretrieved, #beneficiaryHistory .order-table .isretrieved, #myVisa .order-table .isretrieved, #myPoints .order-table .isretrieved, #levelChange .order-table .isretrieved, #memberCard .order-table .isretrieved, #pointClaimAdd .order-table .isretrieved, #memberInfo .order-table .isretrieved, #memberInfoProfile .order-table .isretrieved, #memberAutoIdentify .order-table .isretrieved, #pointPurchase .order-table .isretrieved, #cardcoupons .order-table .isretrieved, #myContacts .order-table .isretrieved, #myPassengers .order-table .isretrieved, #memberHome .order-table .isretrieved {
  color: #E4007F; }
#orders .order-table .order-table-detail, #servicelist .order-table .order-table-detail, #hotellist .order-table .order-table-detail, #flightProof .order-table .order-table-detail, #ticketIssuance .order-table .order-table-detail, #myBeneficiary .order-table .order-table-detail, #modifyPwd .order-table .order-table-detail, #beneficiaryForm .order-table .order-table-detail, #beneficiaryHistory .order-table .order-table-detail, #myVisa .order-table .order-table-detail, #myPoints .order-table .order-table-detail, #levelChange .order-table .order-table-detail, #memberCard .order-table .order-table-detail, #pointClaimAdd .order-table .order-table-detail, #memberInfo .order-table .order-table-detail, #memberInfoProfile .order-table .order-table-detail, #memberAutoIdentify .order-table .order-table-detail, #pointPurchase .order-table .order-table-detail, #cardcoupons .order-table .order-table-detail, #myContacts .order-table .order-table-detail, #myPassengers .order-table .order-table-detail, #memberHome .order-table .order-table-detail {
  font-size: 12px;
  font-weight: 100; }
#orders .order-table .table-detail-depature, #servicelist .order-table .table-detail-depature, #hotellist .order-table .table-detail-depature, #flightProof .order-table .table-detail-depature, #ticketIssuance .order-table .table-detail-depature, #myBeneficiary .order-table .table-detail-depature, #modifyPwd .order-table .table-detail-depature, #beneficiaryForm .order-table .table-detail-depature, #beneficiaryHistory .order-table .table-detail-depature, #myVisa .order-table .table-detail-depature, #myPoints .order-table .table-detail-depature, #levelChange .order-table .table-detail-depature, #memberCard .order-table .table-detail-depature, #pointClaimAdd .order-table .table-detail-depature, #memberInfo .order-table .table-detail-depature, #memberInfoProfile .order-table .table-detail-depature, #memberAutoIdentify .order-table .table-detail-depature, #pointPurchase .order-table .table-detail-depature, #cardcoupons .order-table .table-detail-depature, #myContacts .order-table .table-detail-depature, #myPassengers .order-table .table-detail-depature, #memberHome .order-table .table-detail-depature {
  display: inline-block;
  width: 45%; }
  #orders .order-table .table-detail-depature p, #servicelist .order-table .table-detail-depature p, #hotellist .order-table .table-detail-depature p, #flightProof .order-table .table-detail-depature p, #ticketIssuance .order-table .table-detail-depature p, #myBeneficiary .order-table .table-detail-depature p, #modifyPwd .order-table .table-detail-depature p, #beneficiaryForm .order-table .table-detail-depature p, #beneficiaryHistory .order-table .table-detail-depature p, #myVisa .order-table .table-detail-depature p, #myPoints .order-table .table-detail-depature p, #levelChange .order-table .table-detail-depature p, #memberCard .order-table .table-detail-depature p, #pointClaimAdd .order-table .table-detail-depature p, #memberInfo .order-table .table-detail-depature p, #memberInfoProfile .order-table .table-detail-depature p, #memberAutoIdentify .order-table .table-detail-depature p, #pointPurchase .order-table .table-detail-depature p, #cardcoupons .order-table .table-detail-depature p, #myContacts .order-table .table-detail-depature p, #myPassengers .order-table .table-detail-depature p, #memberHome .order-table .table-detail-depature p {
    font-size: 14px;
    font-weight: bold; }
  #orders .order-table .table-detail-depature p.flightnumber,
  #orders .order-table .table-detail-depature p.font-small, #servicelist .order-table .table-detail-depature p.flightnumber,
  #servicelist .order-table .table-detail-depature p.font-small, #hotellist .order-table .table-detail-depature p.flightnumber,
  #hotellist .order-table .table-detail-depature p.font-small, #flightProof .order-table .table-detail-depature p.flightnumber,
  #flightProof .order-table .table-detail-depature p.font-small, #ticketIssuance .order-table .table-detail-depature p.flightnumber,
  #ticketIssuance .order-table .table-detail-depature p.font-small, #myBeneficiary .order-table .table-detail-depature p.flightnumber,
  #myBeneficiary .order-table .table-detail-depature p.font-small, #modifyPwd .order-table .table-detail-depature p.flightnumber,
  #modifyPwd .order-table .table-detail-depature p.font-small, #beneficiaryForm .order-table .table-detail-depature p.flightnumber,
  #beneficiaryForm .order-table .table-detail-depature p.font-small, #beneficiaryHistory .order-table .table-detail-depature p.flightnumber,
  #beneficiaryHistory .order-table .table-detail-depature p.font-small, #myVisa .order-table .table-detail-depature p.flightnumber,
  #myVisa .order-table .table-detail-depature p.font-small, #myPoints .order-table .table-detail-depature p.flightnumber,
  #myPoints .order-table .table-detail-depature p.font-small, #levelChange .order-table .table-detail-depature p.flightnumber,
  #levelChange .order-table .table-detail-depature p.font-small, #memberCard .order-table .table-detail-depature p.flightnumber,
  #memberCard .order-table .table-detail-depature p.font-small, #pointClaimAdd .order-table .table-detail-depature p.flightnumber,
  #pointClaimAdd .order-table .table-detail-depature p.font-small, #memberInfo .order-table .table-detail-depature p.flightnumber,
  #memberInfo .order-table .table-detail-depature p.font-small, #memberInfoProfile .order-table .table-detail-depature p.flightnumber,
  #memberInfoProfile .order-table .table-detail-depature p.font-small, #memberAutoIdentify .order-table .table-detail-depature p.flightnumber,
  #memberAutoIdentify .order-table .table-detail-depature p.font-small, #pointPurchase .order-table .table-detail-depature p.flightnumber,
  #pointPurchase .order-table .table-detail-depature p.font-small, #cardcoupons .order-table .table-detail-depature p.flightnumber,
  #cardcoupons .order-table .table-detail-depature p.font-small, #myContacts .order-table .table-detail-depature p.flightnumber,
  #myContacts .order-table .table-detail-depature p.font-small, #myPassengers .order-table .table-detail-depature p.flightnumber,
  #myPassengers .order-table .table-detail-depature p.font-small, #memberHome .order-table .table-detail-depature p.flightnumber,
  #memberHome .order-table .table-detail-depature p.font-small {
    font-size: 12px;
    font-weight: 100; }
#orders .order-table .table-detail-icon, #servicelist .order-table .table-detail-icon, #hotellist .order-table .table-detail-icon, #flightProof .order-table .table-detail-icon, #ticketIssuance .order-table .table-detail-icon, #myBeneficiary .order-table .table-detail-icon, #modifyPwd .order-table .table-detail-icon, #beneficiaryForm .order-table .table-detail-icon, #beneficiaryHistory .order-table .table-detail-icon, #myVisa .order-table .table-detail-icon, #myPoints .order-table .table-detail-icon, #levelChange .order-table .table-detail-icon, #memberCard .order-table .table-detail-icon, #pointClaimAdd .order-table .table-detail-icon, #memberInfo .order-table .table-detail-icon, #memberInfoProfile .order-table .table-detail-icon, #memberAutoIdentify .order-table .table-detail-icon, #pointPurchase .order-table .table-detail-icon, #cardcoupons .order-table .table-detail-icon, #myContacts .order-table .table-detail-icon, #myPassengers .order-table .table-detail-icon, #memberHome .order-table .table-detail-icon {
  display: inline-block;
  width: 10%;
  background: url(https://tw.ceair.com/newwebsite/images/icon-order-plane.svg) no-repeat;
  background-size: initial;
  background-position: center;
  height: 60px;
  background-size: 23px; }
#orders .order-table .leg-train, #servicelist .order-table .leg-train, #hotellist .order-table .leg-train, #flightProof .order-table .leg-train, #ticketIssuance .order-table .leg-train, #myBeneficiary .order-table .leg-train, #modifyPwd .order-table .leg-train, #beneficiaryForm .order-table .leg-train, #beneficiaryHistory .order-table .leg-train, #myVisa .order-table .leg-train, #myPoints .order-table .leg-train, #levelChange .order-table .leg-train, #memberCard .order-table .leg-train, #pointClaimAdd .order-table .leg-train, #memberInfo .order-table .leg-train, #memberInfoProfile .order-table .leg-train, #memberAutoIdentify .order-table .leg-train, #pointPurchase .order-table .leg-train, #cardcoupons .order-table .leg-train, #myContacts .order-table .leg-train, #myPassengers .order-table .leg-train, #memberHome .order-table .leg-train {
  background: url(https://tw.ceair.com/newwebsite/images/status_train.png) no-repeat;
  background-size: initial;
  background-position: center; }
#orders .order-table .table-detail-arrival, #servicelist .order-table .table-detail-arrival, #hotellist .order-table .table-detail-arrival, #flightProof .order-table .table-detail-arrival, #ticketIssuance .order-table .table-detail-arrival, #myBeneficiary .order-table .table-detail-arrival, #modifyPwd .order-table .table-detail-arrival, #beneficiaryForm .order-table .table-detail-arrival, #beneficiaryHistory .order-table .table-detail-arrival, #myVisa .order-table .table-detail-arrival, #myPoints .order-table .table-detail-arrival, #levelChange .order-table .table-detail-arrival, #memberCard .order-table .table-detail-arrival, #pointClaimAdd .order-table .table-detail-arrival, #memberInfo .order-table .table-detail-arrival, #memberInfoProfile .order-table .table-detail-arrival, #memberAutoIdentify .order-table .table-detail-arrival, #pointPurchase .order-table .table-detail-arrival, #cardcoupons .order-table .table-detail-arrival, #myContacts .order-table .table-detail-arrival, #myPassengers .order-table .table-detail-arrival, #memberHome .order-table .table-detail-arrival {
  display: inline-block;
  width: 45%; }
  #orders .order-table .table-detail-arrival p, #servicelist .order-table .table-detail-arrival p, #hotellist .order-table .table-detail-arrival p, #flightProof .order-table .table-detail-arrival p, #ticketIssuance .order-table .table-detail-arrival p, #myBeneficiary .order-table .table-detail-arrival p, #modifyPwd .order-table .table-detail-arrival p, #beneficiaryForm .order-table .table-detail-arrival p, #beneficiaryHistory .order-table .table-detail-arrival p, #myVisa .order-table .table-detail-arrival p, #myPoints .order-table .table-detail-arrival p, #levelChange .order-table .table-detail-arrival p, #memberCard .order-table .table-detail-arrival p, #pointClaimAdd .order-table .table-detail-arrival p, #memberInfo .order-table .table-detail-arrival p, #memberInfoProfile .order-table .table-detail-arrival p, #memberAutoIdentify .order-table .table-detail-arrival p, #pointPurchase .order-table .table-detail-arrival p, #cardcoupons .order-table .table-detail-arrival p, #myContacts .order-table .table-detail-arrival p, #myPassengers .order-table .table-detail-arrival p, #memberHome .order-table .table-detail-arrival p {
    font-size: 14px;
    font-weight: bold; }
  #orders .order-table .table-detail-arrival p.flightnumber,
  #orders .order-table .table-detail-arrival p.font-small, #servicelist .order-table .table-detail-arrival p.flightnumber,
  #servicelist .order-table .table-detail-arrival p.font-small, #hotellist .order-table .table-detail-arrival p.flightnumber,
  #hotellist .order-table .table-detail-arrival p.font-small, #flightProof .order-table .table-detail-arrival p.flightnumber,
  #flightProof .order-table .table-detail-arrival p.font-small, #ticketIssuance .order-table .table-detail-arrival p.flightnumber,
  #ticketIssuance .order-table .table-detail-arrival p.font-small, #myBeneficiary .order-table .table-detail-arrival p.flightnumber,
  #myBeneficiary .order-table .table-detail-arrival p.font-small, #modifyPwd .order-table .table-detail-arrival p.flightnumber,
  #modifyPwd .order-table .table-detail-arrival p.font-small, #beneficiaryForm .order-table .table-detail-arrival p.flightnumber,
  #beneficiaryForm .order-table .table-detail-arrival p.font-small, #beneficiaryHistory .order-table .table-detail-arrival p.flightnumber,
  #beneficiaryHistory .order-table .table-detail-arrival p.font-small, #myVisa .order-table .table-detail-arrival p.flightnumber,
  #myVisa .order-table .table-detail-arrival p.font-small, #myPoints .order-table .table-detail-arrival p.flightnumber,
  #myPoints .order-table .table-detail-arrival p.font-small, #levelChange .order-table .table-detail-arrival p.flightnumber,
  #levelChange .order-table .table-detail-arrival p.font-small, #memberCard .order-table .table-detail-arrival p.flightnumber,
  #memberCard .order-table .table-detail-arrival p.font-small, #pointClaimAdd .order-table .table-detail-arrival p.flightnumber,
  #pointClaimAdd .order-table .table-detail-arrival p.font-small, #memberInfo .order-table .table-detail-arrival p.flightnumber,
  #memberInfo .order-table .table-detail-arrival p.font-small, #memberInfoProfile .order-table .table-detail-arrival p.flightnumber,
  #memberInfoProfile .order-table .table-detail-arrival p.font-small, #memberAutoIdentify .order-table .table-detail-arrival p.flightnumber,
  #memberAutoIdentify .order-table .table-detail-arrival p.font-small, #pointPurchase .order-table .table-detail-arrival p.flightnumber,
  #pointPurchase .order-table .table-detail-arrival p.font-small, #cardcoupons .order-table .table-detail-arrival p.flightnumber,
  #cardcoupons .order-table .table-detail-arrival p.font-small, #myContacts .order-table .table-detail-arrival p.flightnumber,
  #myContacts .order-table .table-detail-arrival p.font-small, #myPassengers .order-table .table-detail-arrival p.flightnumber,
  #myPassengers .order-table .table-detail-arrival p.font-small, #memberHome .order-table .table-detail-arrival p.flightnumber,
  #memberHome .order-table .table-detail-arrival p.font-small {
    font-size: 12px;
    font-weight: 100; }
#orders .order-table .order-table-detail, #servicelist .order-table .order-table-detail, #hotellist .order-table .order-table-detail, #flightProof .order-table .order-table-detail, #ticketIssuance .order-table .order-table-detail, #myBeneficiary .order-table .order-table-detail, #modifyPwd .order-table .order-table-detail, #beneficiaryForm .order-table .order-table-detail, #beneficiaryHistory .order-table .order-table-detail, #myVisa .order-table .order-table-detail, #myPoints .order-table .order-table-detail, #levelChange .order-table .order-table-detail, #memberCard .order-table .order-table-detail, #pointClaimAdd .order-table .order-table-detail, #memberInfo .order-table .order-table-detail, #memberInfoProfile .order-table .order-table-detail, #memberAutoIdentify .order-table .order-table-detail, #pointPurchase .order-table .order-table-detail, #cardcoupons .order-table .order-table-detail, #myContacts .order-table .order-table-detail, #myPassengers .order-table .order-table-detail, #memberHome .order-table .order-table-detail {
  padding: 15px;
  border-bottom: 1px solid #979797; }
  #orders .order-table .order-table-detail:nth-of-type(even), #servicelist .order-table .order-table-detail:nth-of-type(even), #hotellist .order-table .order-table-detail:nth-of-type(even), #flightProof .order-table .order-table-detail:nth-of-type(even), #ticketIssuance .order-table .order-table-detail:nth-of-type(even), #myBeneficiary .order-table .order-table-detail:nth-of-type(even), #modifyPwd .order-table .order-table-detail:nth-of-type(even), #beneficiaryForm .order-table .order-table-detail:nth-of-type(even), #beneficiaryHistory .order-table .order-table-detail:nth-of-type(even), #myVisa .order-table .order-table-detail:nth-of-type(even), #myPoints .order-table .order-table-detail:nth-of-type(even), #levelChange .order-table .order-table-detail:nth-of-type(even), #memberCard .order-table .order-table-detail:nth-of-type(even), #pointClaimAdd .order-table .order-table-detail:nth-of-type(even), #memberInfo .order-table .order-table-detail:nth-of-type(even), #memberInfoProfile .order-table .order-table-detail:nth-of-type(even), #memberAutoIdentify .order-table .order-table-detail:nth-of-type(even), #pointPurchase .order-table .order-table-detail:nth-of-type(even), #cardcoupons .order-table .order-table-detail:nth-of-type(even), #myContacts .order-table .order-table-detail:nth-of-type(even), #myPassengers .order-table .order-table-detail:nth-of-type(even), #memberHome .order-table .order-table-detail:nth-of-type(even) {
    background-color: #f8f8f8; }
  #orders .order-table .order-table-detail:last-of-type, #servicelist .order-table .order-table-detail:last-of-type, #hotellist .order-table .order-table-detail:last-of-type, #flightProof .order-table .order-table-detail:last-of-type, #ticketIssuance .order-table .order-table-detail:last-of-type, #myBeneficiary .order-table .order-table-detail:last-of-type, #modifyPwd .order-table .order-table-detail:last-of-type, #beneficiaryForm .order-table .order-table-detail:last-of-type, #beneficiaryHistory .order-table .order-table-detail:last-of-type, #myVisa .order-table .order-table-detail:last-of-type, #myPoints .order-table .order-table-detail:last-of-type, #levelChange .order-table .order-table-detail:last-of-type, #memberCard .order-table .order-table-detail:last-of-type, #pointClaimAdd .order-table .order-table-detail:last-of-type, #memberInfo .order-table .order-table-detail:last-of-type, #memberInfoProfile .order-table .order-table-detail:last-of-type, #memberAutoIdentify .order-table .order-table-detail:last-of-type, #pointPurchase .order-table .order-table-detail:last-of-type, #cardcoupons .order-table .order-table-detail:last-of-type, #myContacts .order-table .order-table-detail:last-of-type, #myPassengers .order-table .order-table-detail:last-of-type, #memberHome .order-table .order-table-detail:last-of-type {
    border-bottom: none; }
#orders .order-table table td, #servicelist .order-table table td, #hotellist .order-table table td, #flightProof .order-table table td, #ticketIssuance .order-table table td, #myBeneficiary .order-table table td, #modifyPwd .order-table table td, #beneficiaryForm .order-table table td, #beneficiaryHistory .order-table table td, #myVisa .order-table table td, #myPoints .order-table table td, #levelChange .order-table table td, #memberCard .order-table table td, #pointClaimAdd .order-table table td, #memberInfo .order-table table td, #memberInfoProfile .order-table table td, #memberAutoIdentify .order-table table td, #pointPurchase .order-table table td, #cardcoupons .order-table table td, #myContacts .order-table table td, #myPassengers .order-table table td, #memberHome .order-table table td {
  padding: 0; }
  #orders .order-table table td .fake-th, #servicelist .order-table table td .fake-th, #hotellist .order-table table td .fake-th, #flightProof .order-table table td .fake-th, #ticketIssuance .order-table table td .fake-th, #myBeneficiary .order-table table td .fake-th, #modifyPwd .order-table table td .fake-th, #beneficiaryForm .order-table table td .fake-th, #beneficiaryHistory .order-table table td .fake-th, #myVisa .order-table table td .fake-th, #myPoints .order-table table td .fake-th, #levelChange .order-table table td .fake-th, #memberCard .order-table table td .fake-th, #pointClaimAdd .order-table table td .fake-th, #memberInfo .order-table table td .fake-th, #memberInfoProfile .order-table table td .fake-th, #memberAutoIdentify .order-table table td .fake-th, #pointPurchase .order-table table td .fake-th, #cardcoupons .order-table table td .fake-th, #myContacts .order-table table td .fake-th, #myPassengers .order-table table td .fake-th, #memberHome .order-table table td .fake-th {
    height: 50px;
    line-height: 50px; }
#orders .order-table table td:first-of-type, #servicelist .order-table table td:first-of-type, #hotellist .order-table table td:first-of-type, #flightProof .order-table table td:first-of-type, #ticketIssuance .order-table table td:first-of-type, #myBeneficiary .order-table table td:first-of-type, #modifyPwd .order-table table td:first-of-type, #beneficiaryForm .order-table table td:first-of-type, #beneficiaryHistory .order-table table td:first-of-type, #myVisa .order-table table td:first-of-type, #myPoints .order-table table td:first-of-type, #levelChange .order-table table td:first-of-type, #memberCard .order-table table td:first-of-type, #pointClaimAdd .order-table table td:first-of-type, #memberInfo .order-table table td:first-of-type, #memberInfoProfile .order-table table td:first-of-type, #memberAutoIdentify .order-table table td:first-of-type, #pointPurchase .order-table table td:first-of-type, #cardcoupons .order-table table td:first-of-type, #myContacts .order-table table td:first-of-type, #myPassengers .order-table table td:first-of-type, #memberHome .order-table table td:first-of-type {
  width: 75%; }
#orders .order-table table td:last-of-type, #servicelist .order-table table td:last-of-type, #hotellist .order-table table td:last-of-type, #flightProof .order-table table td:last-of-type, #ticketIssuance .order-table table td:last-of-type, #myBeneficiary .order-table table td:last-of-type, #modifyPwd .order-table table td:last-of-type, #beneficiaryForm .order-table table td:last-of-type, #beneficiaryHistory .order-table table td:last-of-type, #myVisa .order-table table td:last-of-type, #myPoints .order-table table td:last-of-type, #levelChange .order-table table td:last-of-type, #memberCard .order-table table td:last-of-type, #pointClaimAdd .order-table table td:last-of-type, #memberInfo .order-table table td:last-of-type, #memberInfoProfile .order-table table td:last-of-type, #memberAutoIdentify .order-table table td:last-of-type, #pointPurchase .order-table table td:last-of-type, #cardcoupons .order-table table td:last-of-type, #myContacts .order-table table td:last-of-type, #myPassengers .order-table table td:last-of-type, #memberHome .order-table table td:last-of-type {
  width: 25%; }
#orders .order-table .btnMobile .orderTimerPad, #servicelist .order-table .btnMobile .orderTimerPad, #hotellist .order-table .btnMobile .orderTimerPad, #flightProof .order-table .btnMobile .orderTimerPad, #ticketIssuance .order-table .btnMobile .orderTimerPad, #myBeneficiary .order-table .btnMobile .orderTimerPad, #modifyPwd .order-table .btnMobile .orderTimerPad, #beneficiaryForm .order-table .btnMobile .orderTimerPad, #beneficiaryHistory .order-table .btnMobile .orderTimerPad, #myVisa .order-table .btnMobile .orderTimerPad, #myPoints .order-table .btnMobile .orderTimerPad, #levelChange .order-table .btnMobile .orderTimerPad, #memberCard .order-table .btnMobile .orderTimerPad, #pointClaimAdd .order-table .btnMobile .orderTimerPad, #memberInfo .order-table .btnMobile .orderTimerPad, #memberInfoProfile .order-table .btnMobile .orderTimerPad, #memberAutoIdentify .order-table .btnMobile .orderTimerPad, #pointPurchase .order-table .btnMobile .orderTimerPad, #cardcoupons .order-table .btnMobile .orderTimerPad, #myContacts .order-table .btnMobile .orderTimerPad, #myPassengers .order-table .btnMobile .orderTimerPad, #memberHome .order-table .btnMobile .orderTimerPad {
  padding-top: 10px;
  font-size: 16px; }
#orders .order-table .btnMobile .order-notification, #servicelist .order-table .btnMobile .order-notification, #hotellist .order-table .btnMobile .order-notification, #flightProof .order-table .btnMobile .order-notification, #ticketIssuance .order-table .btnMobile .order-notification, #myBeneficiary .order-table .btnMobile .order-notification, #modifyPwd .order-table .btnMobile .order-notification, #beneficiaryForm .order-table .btnMobile .order-notification, #beneficiaryHistory .order-table .btnMobile .order-notification, #myVisa .order-table .btnMobile .order-notification, #myPoints .order-table .btnMobile .order-notification, #levelChange .order-table .btnMobile .order-notification, #memberCard .order-table .btnMobile .order-notification, #pointClaimAdd .order-table .btnMobile .order-notification, #memberInfo .order-table .btnMobile .order-notification, #memberInfoProfile .order-table .btnMobile .order-notification, #memberAutoIdentify .order-table .btnMobile .order-notification, #pointPurchase .order-table .btnMobile .order-notification, #cardcoupons .order-table .btnMobile .order-notification, #myContacts .order-table .btnMobile .order-notification, #myPassengers .order-table .btnMobile .order-notification, #memberHome .order-table .btnMobile .order-notification {
  margin-top: 15px; }
#orders .order-table .btnMobile .order-notification li p, #servicelist .order-table .btnMobile .order-notification li p, #hotellist .order-table .btnMobile .order-notification li p, #flightProof .order-table .btnMobile .order-notification li p, #ticketIssuance .order-table .btnMobile .order-notification li p, #myBeneficiary .order-table .btnMobile .order-notification li p, #modifyPwd .order-table .btnMobile .order-notification li p, #beneficiaryForm .order-table .btnMobile .order-notification li p, #beneficiaryHistory .order-table .btnMobile .order-notification li p, #myVisa .order-table .btnMobile .order-notification li p, #myPoints .order-table .btnMobile .order-notification li p, #levelChange .order-table .btnMobile .order-notification li p, #memberCard .order-table .btnMobile .order-notification li p, #pointClaimAdd .order-table .btnMobile .order-notification li p, #memberInfo .order-table .btnMobile .order-notification li p, #memberInfoProfile .order-table .btnMobile .order-notification li p, #memberAutoIdentify .order-table .btnMobile .order-notification li p, #pointPurchase .order-table .btnMobile .order-notification li p, #cardcoupons .order-table .btnMobile .order-notification li p, #myContacts .order-table .btnMobile .order-notification li p, #myPassengers .order-table .btnMobile .order-notification li p, #memberHome .order-table .btnMobile .order-notification li p {
  background: url(https://tw.ceair.com/newwebsite/images/icon-info-hover.svg) 0 0 no-repeat;
  padding-left: 25px;
  line-height: 15px;
  font-size: 12px;
  margin-bottom: 5px;
  padding-top: 1px; }
#orders .order-table .btnMobile button, #servicelist .order-table .btnMobile button, #hotellist .order-table .btnMobile button, #flightProof .order-table .btnMobile button, #ticketIssuance .order-table .btnMobile button, #myBeneficiary .order-table .btnMobile button, #modifyPwd .order-table .btnMobile button, #beneficiaryForm .order-table .btnMobile button, #beneficiaryHistory .order-table .btnMobile button, #myVisa .order-table .btnMobile button, #myPoints .order-table .btnMobile button, #levelChange .order-table .btnMobile button, #memberCard .order-table .btnMobile button, #pointClaimAdd .order-table .btnMobile button, #memberInfo .order-table .btnMobile button, #memberInfoProfile .order-table .btnMobile button, #memberAutoIdentify .order-table .btnMobile button, #pointPurchase .order-table .btnMobile button, #cardcoupons .order-table .btnMobile button, #myContacts .order-table .btnMobile button, #myPassengers .order-table .btnMobile button, #memberHome .order-table .btnMobile button {
  max-width: 160px;
  margin-left: 5px;
  width: 48%; }
#orders .order-table .btnMobile .btn-pink, #servicelist .order-table .btnMobile .btn-pink, #hotellist .order-table .btnMobile .btn-pink, #flightProof .order-table .btnMobile .btn-pink, #ticketIssuance .order-table .btnMobile .btn-pink, #myBeneficiary .order-table .btnMobile .btn-pink, #modifyPwd .order-table .btnMobile .btn-pink, #beneficiaryForm .order-table .btnMobile .btn-pink, #beneficiaryHistory .order-table .btnMobile .btn-pink, #myVisa .order-table .btnMobile .btn-pink, #myPoints .order-table .btnMobile .btn-pink, #levelChange .order-table .btnMobile .btn-pink, #memberCard .order-table .btnMobile .btn-pink, #pointClaimAdd .order-table .btnMobile .btn-pink, #memberInfo .order-table .btnMobile .btn-pink, #memberInfoProfile .order-table .btnMobile .btn-pink, #memberAutoIdentify .order-table .btnMobile .btn-pink, #pointPurchase .order-table .btnMobile .btn-pink, #cardcoupons .order-table .btnMobile .btn-pink, #myContacts .order-table .btnMobile .btn-pink, #myPassengers .order-table .btnMobile .btn-pink, #memberHome .order-table .btnMobile .btn-pink {
  margin-top: 15px; }
@media (max-width: 639px) {
  #orders .order-table .btnMobile .col-sm-6, #servicelist .order-table .btnMobile .col-sm-6, #hotellist .order-table .btnMobile .col-sm-6, #flightProof .order-table .btnMobile .col-sm-6, #ticketIssuance .order-table .btnMobile .col-sm-6, #myBeneficiary .order-table .btnMobile .col-sm-6, #modifyPwd .order-table .btnMobile .col-sm-6, #beneficiaryForm .order-table .btnMobile .col-sm-6, #beneficiaryHistory .order-table .btnMobile .col-sm-6, #myVisa .order-table .btnMobile .col-sm-6, #myPoints .order-table .btnMobile .col-sm-6, #levelChange .order-table .btnMobile .col-sm-6, #memberCard .order-table .btnMobile .col-sm-6, #pointClaimAdd .order-table .btnMobile .col-sm-6, #memberInfo .order-table .btnMobile .col-sm-6, #memberInfoProfile .order-table .btnMobile .col-sm-6, #memberAutoIdentify .order-table .btnMobile .col-sm-6, #pointPurchase .order-table .btnMobile .col-sm-6, #cardcoupons .order-table .btnMobile .col-sm-6, #myContacts .order-table .btnMobile .col-sm-6, #myPassengers .order-table .btnMobile .col-sm-6, #memberHome .order-table .btnMobile .col-sm-6 {
    width: 100%; }
    #orders .order-table .btnMobile .col-sm-6 button, #servicelist .order-table .btnMobile .col-sm-6 button, #hotellist .order-table .btnMobile .col-sm-6 button, #flightProof .order-table .btnMobile .col-sm-6 button, #ticketIssuance .order-table .btnMobile .col-sm-6 button, #myBeneficiary .order-table .btnMobile .col-sm-6 button, #modifyPwd .order-table .btnMobile .col-sm-6 button, #beneficiaryForm .order-table .btnMobile .col-sm-6 button, #beneficiaryHistory .order-table .btnMobile .col-sm-6 button, #myVisa .order-table .btnMobile .col-sm-6 button, #myPoints .order-table .btnMobile .col-sm-6 button, #levelChange .order-table .btnMobile .col-sm-6 button, #memberCard .order-table .btnMobile .col-sm-6 button, #pointClaimAdd .order-table .btnMobile .col-sm-6 button, #memberInfo .order-table .btnMobile .col-sm-6 button, #memberInfoProfile .order-table .btnMobile .col-sm-6 button, #memberAutoIdentify .order-table .btnMobile .col-sm-6 button, #pointPurchase .order-table .btnMobile .col-sm-6 button, #cardcoupons .order-table .btnMobile .col-sm-6 button, #myContacts .order-table .btnMobile .col-sm-6 button, #myPassengers .order-table .btnMobile .col-sm-6 button, #memberHome .order-table .btnMobile .col-sm-6 button {
      max-width: 100%;
      margin-top: 10px; } }
@media (max-width: 639px) {
  #orders .order-filter-wrapper, #servicelist .order-filter-wrapper, #hotellist .order-filter-wrapper, #flightProof .order-filter-wrapper, #ticketIssuance .order-filter-wrapper, #myBeneficiary .order-filter-wrapper, #modifyPwd .order-filter-wrapper, #beneficiaryForm .order-filter-wrapper, #beneficiaryHistory .order-filter-wrapper, #myVisa .order-filter-wrapper, #myPoints .order-filter-wrapper, #levelChange .order-filter-wrapper, #memberCard .order-filter-wrapper, #pointClaimAdd .order-filter-wrapper, #memberInfo .order-filter-wrapper, #memberInfoProfile .order-filter-wrapper, #memberAutoIdentify .order-filter-wrapper, #pointPurchase .order-filter-wrapper, #cardcoupons .order-filter-wrapper, #myContacts .order-filter-wrapper, #myPassengers .order-filter-wrapper, #memberHome .order-filter-wrapper {
    padding: 0 15px;
    display: none; }
    #orders .order-filter-wrapper .ui-input-wrapper, #servicelist .order-filter-wrapper .ui-input-wrapper, #hotellist .order-filter-wrapper .ui-input-wrapper, #flightProof .order-filter-wrapper .ui-input-wrapper, #ticketIssuance .order-filter-wrapper .ui-input-wrapper, #myBeneficiary .order-filter-wrapper .ui-input-wrapper, #modifyPwd .order-filter-wrapper .ui-input-wrapper, #beneficiaryForm .order-filter-wrapper .ui-input-wrapper, #beneficiaryHistory .order-filter-wrapper .ui-input-wrapper, #myVisa .order-filter-wrapper .ui-input-wrapper, #myPoints .order-filter-wrapper .ui-input-wrapper, #levelChange .order-filter-wrapper .ui-input-wrapper, #memberCard .order-filter-wrapper .ui-input-wrapper, #pointClaimAdd .order-filter-wrapper .ui-input-wrapper, #memberInfo .order-filter-wrapper .ui-input-wrapper, #memberInfoProfile .order-filter-wrapper .ui-input-wrapper, #memberAutoIdentify .order-filter-wrapper .ui-input-wrapper, #pointPurchase .order-filter-wrapper .ui-input-wrapper, #cardcoupons .order-filter-wrapper .ui-input-wrapper, #myContacts .order-filter-wrapper .ui-input-wrapper, #myPassengers .order-filter-wrapper .ui-input-wrapper, #memberHome .order-filter-wrapper .ui-input-wrapper {
      padding-right: 0; }
    #orders .order-filter-wrapper .show-filter .order-filter-form, #servicelist .order-filter-wrapper .show-filter .order-filter-form, #hotellist .order-filter-wrapper .show-filter .order-filter-form, #flightProof .order-filter-wrapper .show-filter .order-filter-form, #ticketIssuance .order-filter-wrapper .show-filter .order-filter-form, #myBeneficiary .order-filter-wrapper .show-filter .order-filter-form, #modifyPwd .order-filter-wrapper .show-filter .order-filter-form, #beneficiaryForm .order-filter-wrapper .show-filter .order-filter-form, #beneficiaryHistory .order-filter-wrapper .show-filter .order-filter-form, #myVisa .order-filter-wrapper .show-filter .order-filter-form, #myPoints .order-filter-wrapper .show-filter .order-filter-form, #levelChange .order-filter-wrapper .show-filter .order-filter-form, #memberCard .order-filter-wrapper .show-filter .order-filter-form, #pointClaimAdd .order-filter-wrapper .show-filter .order-filter-form, #memberInfo .order-filter-wrapper .show-filter .order-filter-form, #memberInfoProfile .order-filter-wrapper .show-filter .order-filter-form, #memberAutoIdentify .order-filter-wrapper .show-filter .order-filter-form, #pointPurchase .order-filter-wrapper .show-filter .order-filter-form, #cardcoupons .order-filter-wrapper .show-filter .order-filter-form, #myContacts .order-filter-wrapper .show-filter .order-filter-form, #myPassengers .order-filter-wrapper .show-filter .order-filter-form, #memberHome .order-filter-wrapper .show-filter .order-filter-form {
      max-height: 500px; }
  #orders .ordernumber, #servicelist .ordernumber, #hotellist .ordernumber, #flightProof .ordernumber, #ticketIssuance .ordernumber, #myBeneficiary .ordernumber, #modifyPwd .ordernumber, #beneficiaryForm .ordernumber, #beneficiaryHistory .ordernumber, #myVisa .ordernumber, #myPoints .ordernumber, #levelChange .ordernumber, #memberCard .ordernumber, #pointClaimAdd .ordernumber, #memberInfo .ordernumber, #memberInfoProfile .ordernumber, #memberAutoIdentify .ordernumber, #pointPurchase .ordernumber, #cardcoupons .ordernumber, #myContacts .ordernumber, #myPassengers .ordernumber, #memberHome .ordernumber {
    text-align: center;
    padding: 20px 0 10px;
    font-weight: bold; }
  #orders .order-table, #servicelist .order-table, #hotellist .order-table, #flightProof .order-table, #ticketIssuance .order-table, #myBeneficiary .order-table, #modifyPwd .order-table, #beneficiaryForm .order-table, #beneficiaryHistory .order-table, #myVisa .order-table, #myPoints .order-table, #levelChange .order-table, #memberCard .order-table, #pointClaimAdd .order-table, #memberInfo .order-table, #memberInfoProfile .order-table, #memberAutoIdentify .order-table, #pointPurchase .order-table, #cardcoupons .order-table, #myContacts .order-table, #myPassengers .order-table, #memberHome .order-table {
    margin: 0;
    padding: 10px;
    margin-bottom: 0; }
    #orders .order-table table td, #servicelist .order-table table td, #hotellist .order-table table td, #flightProof .order-table table td, #ticketIssuance .order-table table td, #myBeneficiary .order-table table td, #modifyPwd .order-table table td, #beneficiaryForm .order-table table td, #beneficiaryHistory .order-table table td, #myVisa .order-table table td, #myPoints .order-table table td, #levelChange .order-table table td, #memberCard .order-table table td, #pointClaimAdd .order-table table td, #memberInfo .order-table table td, #memberInfoProfile .order-table table td, #memberAutoIdentify .order-table table td, #pointPurchase .order-table table td, #cardcoupons .order-table table td, #myContacts .order-table table td, #myPassengers .order-table table td, #memberHome .order-table table td {
      width: auto;
      height: auto; }
      #orders .order-table table td .fake-th, #servicelist .order-table table td .fake-th, #hotellist .order-table table td .fake-th, #flightProof .order-table table td .fake-th, #ticketIssuance .order-table table td .fake-th, #myBeneficiary .order-table table td .fake-th, #modifyPwd .order-table table td .fake-th, #beneficiaryForm .order-table table td .fake-th, #beneficiaryHistory .order-table table td .fake-th, #myVisa .order-table table td .fake-th, #myPoints .order-table table td .fake-th, #levelChange .order-table table td .fake-th, #memberCard .order-table table td .fake-th, #pointClaimAdd .order-table table td .fake-th, #memberInfo .order-table table td .fake-th, #memberInfoProfile .order-table table td .fake-th, #memberAutoIdentify .order-table table td .fake-th, #pointPurchase .order-table table td .fake-th, #cardcoupons .order-table table td .fake-th, #myContacts .order-table table td .fake-th, #myPassengers .order-table table td .fake-th, #memberHome .order-table table td .fake-th {
        display: block; }
      #orders .order-table table td .order-table-detail, #orders .order-table table td .fake-th, #servicelist .order-table table td .order-table-detail, #servicelist .order-table table td .fake-th, #hotellist .order-table table td .order-table-detail, #hotellist .order-table table td .fake-th, #flightProof .order-table table td .order-table-detail, #flightProof .order-table table td .fake-th, #ticketIssuance .order-table table td .order-table-detail, #ticketIssuance .order-table table td .fake-th, #myBeneficiary .order-table table td .order-table-detail, #myBeneficiary .order-table table td .fake-th, #modifyPwd .order-table table td .order-table-detail, #modifyPwd .order-table table td .fake-th, #beneficiaryForm .order-table table td .order-table-detail, #beneficiaryForm .order-table table td .fake-th, #beneficiaryHistory .order-table table td .order-table-detail, #beneficiaryHistory .order-table table td .fake-th, #myVisa .order-table table td .order-table-detail, #myVisa .order-table table td .fake-th, #myPoints .order-table table td .order-table-detail, #myPoints .order-table table td .fake-th, #levelChange .order-table table td .order-table-detail, #levelChange .order-table table td .fake-th, #memberCard .order-table table td .order-table-detail, #memberCard .order-table table td .fake-th, #pointClaimAdd .order-table table td .order-table-detail, #pointClaimAdd .order-table table td .fake-th, #memberInfo .order-table table td .order-table-detail, #memberInfo .order-table table td .fake-th, #memberInfoProfile .order-table table td .order-table-detail, #memberInfoProfile .order-table table td .fake-th, #memberAutoIdentify .order-table table td .order-table-detail, #memberAutoIdentify .order-table table td .fake-th, #pointPurchase .order-table table td .order-table-detail, #pointPurchase .order-table table td .fake-th, #cardcoupons .order-table table td .order-table-detail, #cardcoupons .order-table table td .fake-th, #myContacts .order-table table td .order-table-detail, #myContacts .order-table table td .fake-th, #myPassengers .order-table table td .order-table-detail, #myPassengers .order-table table td .fake-th, #memberHome .order-table table td .order-table-detail, #memberHome .order-table table td .fake-th {
        border-top: 1px solid #D8D8D8;
        border-bottom: 0;
        font-size: 14px; }
      #orders .order-table table td .order-table-detail, #servicelist .order-table table td .order-table-detail, #hotellist .order-table table td .order-table-detail, #flightProof .order-table table td .order-table-detail, #ticketIssuance .order-table table td .order-table-detail, #myBeneficiary .order-table table td .order-table-detail, #modifyPwd .order-table table td .order-table-detail, #beneficiaryForm .order-table table td .order-table-detail, #beneficiaryHistory .order-table table td .order-table-detail, #myVisa .order-table table td .order-table-detail, #myPoints .order-table table td .order-table-detail, #levelChange .order-table table td .order-table-detail, #memberCard .order-table table td .order-table-detail, #pointClaimAdd .order-table table td .order-table-detail, #memberInfo .order-table table td .order-table-detail, #memberInfoProfile .order-table table td .order-table-detail, #memberAutoIdentify .order-table table td .order-table-detail, #pointPurchase .order-table table td .order-table-detail, #cardcoupons .order-table table td .order-table-detail, #myContacts .order-table table td .order-table-detail, #myPassengers .order-table table td .order-table-detail, #memberHome .order-table table td .order-table-detail {
        padding: 5px 15px; }
      #orders .order-table table td .fake-th, #servicelist .order-table table td .fake-th, #hotellist .order-table table td .fake-th, #flightProof .order-table table td .fake-th, #ticketIssuance .order-table table td .fake-th, #myBeneficiary .order-table table td .fake-th, #modifyPwd .order-table table td .fake-th, #beneficiaryForm .order-table table td .fake-th, #beneficiaryHistory .order-table table td .fake-th, #myVisa .order-table table td .fake-th, #myPoints .order-table table td .fake-th, #levelChange .order-table table td .fake-th, #memberCard .order-table table td .fake-th, #pointClaimAdd .order-table table td .fake-th, #memberInfo .order-table table td .fake-th, #memberInfoProfile .order-table table td .fake-th, #memberAutoIdentify .order-table table td .fake-th, #pointPurchase .order-table table td .fake-th, #cardcoupons .order-table table td .fake-th, #myContacts .order-table table td .fake-th, #myPassengers .order-table table td .fake-th, #memberHome .order-table table td .fake-th {
        height: auto;
        line-height: 35px; }
      #orders .order-table table td .font-small, #servicelist .order-table table td .font-small, #hotellist .order-table table td .font-small, #flightProof .order-table table td .font-small, #ticketIssuance .order-table table td .font-small, #myBeneficiary .order-table table td .font-small, #modifyPwd .order-table table td .font-small, #beneficiaryForm .order-table table td .font-small, #beneficiaryHistory .order-table table td .font-small, #myVisa .order-table table td .font-small, #myPoints .order-table table td .font-small, #levelChange .order-table table td .font-small, #memberCard .order-table table td .font-small, #pointClaimAdd .order-table table td .font-small, #memberInfo .order-table table td .font-small, #memberInfoProfile .order-table table td .font-small, #memberAutoIdentify .order-table table td .font-small, #pointPurchase .order-table table td .font-small, #cardcoupons .order-table table td .font-small, #myContacts .order-table table td .font-small, #myPassengers .order-table table td .font-small, #memberHome .order-table table td .font-small {
        font-weight: lighter; }
    #orders .order-table table td:first-of-type, #servicelist .order-table table td:first-of-type, #hotellist .order-table table td:first-of-type, #flightProof .order-table table td:first-of-type, #ticketIssuance .order-table table td:first-of-type, #myBeneficiary .order-table table td:first-of-type, #modifyPwd .order-table table td:first-of-type, #beneficiaryForm .order-table table td:first-of-type, #beneficiaryHistory .order-table table td:first-of-type, #myVisa .order-table table td:first-of-type, #myPoints .order-table table td:first-of-type, #levelChange .order-table table td:first-of-type, #memberCard .order-table table td:first-of-type, #pointClaimAdd .order-table table td:first-of-type, #memberInfo .order-table table td:first-of-type, #memberInfoProfile .order-table table td:first-of-type, #memberAutoIdentify .order-table table td:first-of-type, #pointPurchase .order-table table td:first-of-type, #cardcoupons .order-table table td:first-of-type, #myContacts .order-table table td:first-of-type, #myPassengers .order-table table td:first-of-type, #memberHome .order-table table td:first-of-type {
      width: 100%; }
    #orders .order-table table td:last-of-type, #servicelist .order-table table td:last-of-type, #hotellist .order-table table td:last-of-type, #flightProof .order-table table td:last-of-type, #ticketIssuance .order-table table td:last-of-type, #myBeneficiary .order-table table td:last-of-type, #modifyPwd .order-table table td:last-of-type, #beneficiaryForm .order-table table td:last-of-type, #beneficiaryHistory .order-table table td:last-of-type, #myVisa .order-table table td:last-of-type, #myPoints .order-table table td:last-of-type, #levelChange .order-table table td:last-of-type, #memberCard .order-table table td:last-of-type, #pointClaimAdd .order-table table td:last-of-type, #memberInfo .order-table table td:last-of-type, #memberInfoProfile .order-table table td:last-of-type, #memberAutoIdentify .order-table table td:last-of-type, #pointPurchase .order-table table td:last-of-type, #cardcoupons .order-table table td:last-of-type, #myContacts .order-table table td:last-of-type, #myPassengers .order-table table td:last-of-type, #memberHome .order-table table td:last-of-type {
      width: 100%; } }
#orders .fromContent, #servicelist .fromContent, #hotellist .fromContent, #flightProof .fromContent, #ticketIssuance .fromContent, #myBeneficiary .fromContent, #modifyPwd .fromContent, #beneficiaryForm .fromContent, #beneficiaryHistory .fromContent, #myVisa .fromContent, #myPoints .fromContent, #levelChange .fromContent, #memberCard .fromContent, #pointClaimAdd .fromContent, #memberInfo .fromContent, #memberInfoProfile .fromContent, #memberAutoIdentify .fromContent, #pointPurchase .fromContent, #cardcoupons .fromContent, #myContacts .fromContent, #myPassengers .fromContent, #memberHome .fromContent {
  background: white; }
  #orders .fromContent .airport-search-button, #servicelist .fromContent .airport-search-button, #hotellist .fromContent .airport-search-button, #flightProof .fromContent .airport-search-button, #ticketIssuance .fromContent .airport-search-button, #myBeneficiary .fromContent .airport-search-button, #modifyPwd .fromContent .airport-search-button, #beneficiaryForm .fromContent .airport-search-button, #beneficiaryHistory .fromContent .airport-search-button, #myVisa .fromContent .airport-search-button, #myPoints .fromContent .airport-search-button, #levelChange .fromContent .airport-search-button, #memberCard .fromContent .airport-search-button, #pointClaimAdd .fromContent .airport-search-button, #memberInfo .fromContent .airport-search-button, #memberInfoProfile .fromContent .airport-search-button, #memberAutoIdentify .fromContent .airport-search-button, #pointPurchase .fromContent .airport-search-button, #cardcoupons .fromContent .airport-search-button, #myContacts .fromContent .airport-search-button, #myPassengers .fromContent .airport-search-button, #memberHome .fromContent .airport-search-button {
    right: 0;
    padding-right: 15px; }

#myaccount {
  background-color: #fff; }

@media (max-width: 991px) {
  #myaccount {
    width: 100%;
    padding: 0 5px;
    background-color: transparent; }
    #myaccount .paddinTop30 {
      background-color: #fff; }

  .sub-navigation {
    margin: 5px; }

  #memberInfo {
    margin: 0 5px;
    padding-left: 0;
    width: 99%; } }
@media (max-width: 639px) {
  #content-body .account-header {
    margin: 5px; }

  #orders h1:before {
    content: "";
    background: url(https://tw.ceair.com/newwebsite/images/flight-order.svg) no-repeat;
    vertical-align: middle;
    height: 30px;
    width: 60px;
    display: inline-block;
    background-size: 50px; }
  #orders .shadowcard-wrapper .shadowcard {
    background-color: transparent;
    padding: 0 0 15px 0; }
    #orders .shadowcard-wrapper .shadowcard .order-table {
      background-color: white; }

  #myaccount {
    background-color: transparent; }
    #myaccount .paddinTop30 {
      margin: 5px 5px 0 5px;
      background-color: white; }
      #myaccount .paddinTop30 .accountName div {
        width: 50%; }
      #myaccount .paddinTop30 .myaccount {
        height: auto;
        margin: 0; }
        #myaccount .paddinTop30 .myaccount .order-member .tag {
          display: none; }
      #myaccount .paddinTop30 .accountName {
        border-bottom: 1px solid #BFA456;
        margin-bottom: 10px;
        padding-bottom: 0; }
      #myaccount .paddinTop30 .memberid .tag, #myaccount .paddinTop30 .memberid .value {
        display: inline-block;
        font-size: 14px;
        margin-right: 10px; }
      #myaccount .paddinTop30 .memberid .value {
        float: right;
        font-weight: 700; }
      #myaccount .paddinTop30 .memberid .showlink {
        display: block; }
      #myaccount .paddinTop30 .point .tag, #myaccount .paddinTop30 .point .value {
        display: inline-block;
        font-size: 14px;
        margin-right: 10px; }
      #myaccount .paddinTop30 .point .value {
        float: right;
        font-weight: 700; }

  .sub-navigation {
    margin: 0;
    background-color: #fff;
    padding: 10px 20px;
    font-weight: 100; }
    .sub-navigation p {
      font-size: 14px; }

  .shadowcard-wrapper {
    margin: 0;
    background-color: transparent; }
    .shadowcard-wrapper .shadowcard {
      margin: 0 5px 5px;
      background-color: #fff; }
      .shadowcard-wrapper .shadowcard .order-addbooking-form {
        padding-top: 0px; }
    .shadowcard-wrapper .panel-blue {
      padding: 15px 20px; }
    .shadowcard-wrapper .ordernumber span:first-child {
      font-weight: lighter; }
    .shadowcard-wrapper .ordernumber li:first-child {
      float: left;
      width: 50%;
      text-align: left;
      border-right: 1px solid #D8D8D8;
      padding-left: 10px; }
      .shadowcard-wrapper .ordernumber li:first-child span {
        display: block;
        width: 100%; }
    .shadowcard-wrapper .ordernumber li:nth-child(2), .shadowcard-wrapper .ordernumber li:last-child {
      float: right;
      width: 50%;
      text-align: left;
      padding-left: 10px; }
    .shadowcard-wrapper .ordernumber li:last-child {
      /* float: left;  //隐藏订单列表中的PNR
      width: 100%;
      text-align: left;
      padding-left: 10px;
      border: 0; */ }
      .shadowcard-wrapper .ordernumber li:last-child span {
        display: inline-block;
        width: auto;
        float: left; }
    .shadowcard-wrapper .btnMobile .order-notification {
      border-top: 1px solid #D8D8D8;
      border-bottom: 1px solid #D8D8D8;
      padding: 10px 0;
      margin-top: 20px; }
    .shadowcard-wrapper .order-table-itinerary {
      border-top: 2px solid #223B61;
      border-bottom: 2px solid #D8D8D8;
      margin-top: 10px;
      display: block; }
      .shadowcard-wrapper .order-table-itinerary p {
        line-height: 30px;
        font-size: 14px;
        font-weight: bold;
        text-align: center; }
    .shadowcard-wrapper .order-table-detail {
      font-size: 12px;
      font-weight: lighter; }
      .shadowcard-wrapper .order-table-detail .flightnumber {
        font-size: 30px; }

  .orderlist-alert {
    margin: 5px; }

  .orderlist-alert:last-child {
    margin-bottom: 0; }

  #orders .shadowcard-wrapper .shadowcard {
    padding: 0; } }
#myaccount .paddinTop30 {
  border: 1px solid #BFA456;
  padding: 20px; }
  #myaccount .paddinTop30 .row p {
    font-size: 14px;
    color: #594510; }
  #myaccount .paddinTop30 .next-flight p {
    font-size: 12px; }
  #myaccount .paddinTop30 .memberid p.value,
  #myaccount .paddinTop30 .point p.value {
    text-align: right; }
  #myaccount .paddinTop30 .point p.value {
    font-size: 24px; }
  @media (max-width: 639px) {
    #myaccount .paddinTop30 .point p.value {
      font-size: 14px;
      line-height: 35px; }
    #myaccount .paddinTop30 .memberid p.value {
      font-weight: 100; } }
  #myaccount .paddinTop30 .point p.tag {
    line-height: 35px; }
#myaccount .tag, #myaccount .value {
  display: block; }
#myaccount .accountName {
  border-bottom: 1px solid #BFA456;
  margin-bottom: 10px; }
  #myaccount .accountName .col-md-4 {
    border-right: 1px solid #BFA456;
    min-height: 65px; }
  #myaccount .accountName a {
    float: right;
    color: #594510; }
@media (max-width: 639px) {
  #myaccount .myaccount {
    min-height: auto; } }
#myaccount .myaccount .showlink {
  padding-left: 10px;
  text-decoration: underline;
  font-size: 16px; }
  #myaccount .myaccount .showlink span {
    float: left;
    font-size: 14px;
    padding-right: 5px; }
#myaccount .myaccount img {
  float: left;
  margin-top: 6px; }
#myaccount .myaccount .order-member {
  display: inline-block; }
  #myaccount .myaccount .order-member .value {
    width: 115px;
    word-break: break-all;
    font-size: 14px;
    font-weight: 700; }
#myaccount .GlodBTN {
  text-align: center;
  margin: 5px 0 10px 0; }
  #myaccount .GlodBTN .btn-special {
    max-width: 100%; }
#myaccount .memberid .value, #myaccount .point .value {
  font-weight: bold;
  font-size: 24px; }
#myaccount .next-flight .trip {
  font-weight: bold; }

#myContacts h1 {
  background-image: url(https://tw.ceair.com/newwebsite/images/member-contact.svg); }
@media (max-width: 639px) {
  #myContacts tbody tr a {
    position: absolute;
    top: 12%;
    right: 40px; }
  #myContacts tbody tr .fake-th {
    font-weight: normal; }
  #myContacts tbody tr span {
    font-weight: bold; }
  #myContacts tbody tr td:first-child .fake-th {
    display: none; }
  #myContacts tbody tr td:first-child span {
    font-weight: bold;
    font-size: 24px; }
  #myContacts tbody tr td {
    height: auto; }
    #myContacts tbody tr td span {
      display: block;
      width: 100%;
      text-align: center; } }

.sub-navigation {
  border-bottom: 1px solid rgba(128, 128, 128, 0.31);
  padding: 15px 20px 15px;
  margin: 15px 0; }

.display-label {
  font-size: 12px; }

.shadowcard-wrapper .shadowcard .order-addbooking-form {
  padding-bottom: 20px; }
  .shadowcard-wrapper .shadowcard .order-addbooking-form .row .col-sm-4:last-child .ui-input-wrapper {
    padding-right: 0; }
  .shadowcard-wrapper .shadowcard .order-addbooking-form .form-tail button {
    max-width: 160px; }

@media (max-width: 991px) {
  .accountName div {
    width: 50%; }

  .sub-navigation {
    background-color: #fff;
    margin: 5px 0 0; }

  #orders .shadowcard-wrapper:nth-child(2) {
    display: none; } }
.order-filter-wrapper .refund-card-content {
  max-height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, padding-top 0.5s ease 0s, padding-bottom 0.5s ease 0s;
  overflow: hidden; }
.order-filter-wrapper .show-filter .refund-card-content {
  max-height: 100%;
  opacity: 1;
  filter: alpha(opacity=100); }

.order-calendar-wraper {
  position: relative; }
  .order-calendar-wraper .expandable-date-wrapper {
    position: absolute;
    left: 0;
    top: 86px;
    z-index: 1;
    width: 100%;
    padding-bottom: 10px;
    background: #ffffff; }
  @media (max-width: 639px) {
    .order-calendar-wraper .expandable-date-wrapper.endDate-position {
      top: 187px; } }

#myaccount .point a.refresh-wraper {
  margin-left: 10px;
  margin-top: 10px;
  color: #594510; }
  #myaccount .point a.refresh-wraper .refresh img {
    float: none;
    margin-top: -8px; }

@media (min-width: 992px) {
  #orders_mp {
    padding-left: 15px; } }
@media (min-width: 640px) {
  #orders_mp h1 {
    padding-left: 10px; }
  #orders_mp .order-filter-wrapper {
    margin-bottom: 30px; }
    #orders_mp .order-filter-wrapper .btn {
      margin-top: 18px; }
  #orders_mp h1:before {
    content: "";
    background: url(https://tw.ceair.com/newwebsite/images/flight-order.svg) no-repeat;
    height: 63px;
    width: 100px;
    vertical-align: middle;
    display: inline-block; } }
#orders_mp .order-filter-wrapper .order-filter-form {
  max-height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, padding-top 0.5s ease 0s, padding-bottom 0.5s ease 0s;
  overflow: hidden; }
#orders_mp .order-filter-wrapper .show-filter .order-filter-form {
  max-height: 150px;
  opacity: 1;
  filter: alpha(opacity=100); }
#orders_mp .order-table .ordernumber {
  color: #777777; }
#orders_mp .order-table table {
  margin-bottom: 10px; }
#orders_mp .order-table .isretrieved {
  color: #E4007F; }
#orders_mp .order-table .order-table-detail {
  font-size: 12px;
  font-weight: 100; }
#orders_mp .order-table .table-detail-depature {
  display: inline-block;
  width: 45%;
  vertical-align: middle; }
  #orders_mp .order-table .table-detail-depature p {
    font-size: 14px;
    font-weight: bold; }
  #orders_mp .order-table .table-detail-depature p.flightnumber,
  #orders_mp .order-table .table-detail-depature p.font-small {
    font-size: 12px;
    font-weight: 100; }
#orders_mp .order-table .table-detail-icon {
  vertical-align: middle; }
#orders_mp .order-table .table-detail-icon.hotel, #orders_mp .order-table .table-detail-icon.car {
  display: inline-block;
  width: 10%;
  background: url(https://tw.ceair.com/newwebsite/images/icon_mp_hotel.png) no-repeat;
  background-size: initial;
  background-position: center;
  height: 60px;
  background-size: 100% 100%; }
#orders_mp .order-table .table-detail-icon.car {
  background: url(https://tw.ceair.com/newwebsite/images/icon_mp_car.png) no-repeat;
  background-size: 100% 100%; }
#orders_mp .order-table .table-detail-arrival {
  display: inline-block;
  width: 45%;
  vertical-align: middle; }
  #orders_mp .order-table .table-detail-arrival p {
    font-size: 14px;
    font-weight: bold; }
  #orders_mp .order-table .table-detail-arrival p.flightnumber,
  #orders_mp .order-table .table-detail-arrival p.font-small {
    font-size: 12px;
    font-weight: 100; }
#orders_mp .order-table .order-table-detail {
  padding: 15px;
  border-bottom: 1px solid #979797; }
  #orders_mp .order-table .order-table-detail:nth-of-type(even) {
    background-color: #f8f8f8; }
  #orders_mp .order-table .order-table-detail:last-of-type {
    border-bottom: none; }
#orders_mp .order-table table td {
  padding: 0; }
  #orders_mp .order-table table td .fake-th {
    height: 50px;
    line-height: 50px; }
#orders_mp .order-table table td:first-of-type {
  width: 75%; }
#orders_mp .order-table table td:last-of-type {
  width: 25%; }
#orders_mp .order-table .btnMobile .order-notification {
  margin-top: 15px; }
#orders_mp .order-table .btnMobile .order-notification li p {
  background: url(https://tw.ceair.com/newwebsite/images/icon-info-hover.svg) 0 0 no-repeat;
  padding-left: 25px;
  line-height: 15px;
  font-size: 12px;
  margin-bottom: 5px;
  padding-top: 1px; }
#orders_mp .order-table .btnMobile button {
  max-width: 160px;
  margin-left: 5px;
  width: 48%; }
#orders_mp .order-table .btnMobile .btn-pink {
  margin-top: 15px; }
@media (max-width: 639px) {
  #orders_mp .order-table .btnMobile .col-sm-6 {
    width: 100%; }
    #orders_mp .order-table .btnMobile .col-sm-6 button {
      max-width: 100%;
      margin-top: 10px; } }
#orders_mp .order-table .mp_order li, #orders_mp .order-table .hotel_infor li, #orders_mp .order-table .car_infor li {
  display: inline-block;
  width: 25%;
  vertical-align: top;
  font-size: 0; }
  #orders_mp .order-table .mp_order li p, #orders_mp .order-table .hotel_infor li p, #orders_mp .order-table .car_infor li p {
    font-size: 14px;
    font-weight: bold; }
  #orders_mp .order-table .mp_order li p:first-child, #orders_mp .order-table .hotel_infor li p:first-child, #orders_mp .order-table .car_infor li p:first-child {
    font-weight: normal; }
  #orders_mp .order-table .mp_order li .mp-currency, #orders_mp .order-table .hotel_infor li .mp-currency, #orders_mp .order-table .car_infor li .mp-currency {
    font-weight: normal;
    font-size: 12px; }
#orders_mp .order-table .hotel_infor li {
  width: 18%; }
#orders_mp .order-table .hotel_infor li.hotelTime {
  width: 28%; }
#orders_mp .order-table .car_infor li {
  width: 25%; }
#orders_mp .order-table .car_infor li.carTime {
  width: 50%; }
#orders_mp .order-table .hotelDay {
  margin-left: 50px;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  background: url(https://tw.ceair.com/newwebsite/images/icon_mp_line.png) repeat-y 3px top; }
  #orders_mp .order-table .hotelDay dd {
    background: url(https://tw.ceair.com/newwebsite/images/icon_mp_circle.png) no-repeat left center;
    padding-left: 16px; }
#orders_mp .order-table:first-child .ordernumber {
  color: #777777;
  padding: 15px 0 5px; }
@media (max-width: 639px) {
  #orders_mp .order-filter-wrapper {
    padding: 0 15px;
    display: none; }
    #orders_mp .order-filter-wrapper .ui-input-wrapper {
      padding-right: 0; }
    #orders_mp .order-filter-wrapper .show-filter .order-filter-form {
      max-height: 500px; }
  #orders_mp .ordernumber {
    text-align: center;
    padding: 20px 0 10px;
    font-weight: bold; }
  #orders_mp .order-table {
    margin: 0;
    padding: 10px;
    margin-bottom: 0; }
    #orders_mp .order-table table td {
      width: auto;
      height: auto; }
      #orders_mp .order-table table td .fake-th {
        display: block; }
      #orders_mp .order-table table td .order-table-detail, #orders_mp .order-table table td .fake-th {
        border-top: 1px solid #D8D8D8;
        border-bottom: 0;
        font-size: 14px; }
      #orders_mp .order-table table td .order-table-detail {
        padding: 5px 15px; }
      #orders_mp .order-table table td .fake-th {
        height: auto;
        line-height: 35px; }
      #orders_mp .order-table table td .font-small {
        font-weight: lighter; }
    #orders_mp .order-table table td:first-of-type {
      width: 100%; }
    #orders_mp .order-table table td:last-of-type {
      width: 100%; } }
#orders_mp .fromContent {
  background: white; }
  #orders_mp .fromContent .airport-search-button {
    right: 0;
    padding-right: 15px; }

@media (min-width: 992px) {
  #flights {
    padding-left: 15px; } }
@media (min-width: 640px) {
  #flights .mobile-hide {
    display: block; }
  #flights .pc-hide {
    display: none; }
  #flights h1 {
    padding-left: 10px; }
  #flights h1:before {
    content: "";
    background: url(https://tw.ceair.com/newwebsite/images/flight-order.svg) no-repeat;
    height: 63px;
    width: 100px;
    vertical-align: middle;
    display: inline-block; } }
#flights .shadowcard-wrapper {
  margin-bottom: 10px; }
#flights .flight-list-tit {
  padding: 10px 0; }
  #flights .flight-list-tit .flight-list-view li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 60px;
    cursor: pointer;
    opacity: 0.8; }
    #flights .flight-list-tit .flight-list-view li span {
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px; }
  #flights .flight-list-tit .flight-list-view li.selected {
    font-weight: bold;
    opacity: 1; }
  #flights .flight-list-tit .flight-list-view li:first-child {
    margin-left: 0; }
#flights .dateStly.datePickerList {
  padding: 30px 5px;
  background-color: #ffffff; }
#flights .order-table {
  background-color: #ffffff;
  padding: 15px;
  margin: 0;
  margin-bottom: 10px; }
  #flights .order-table ul.ordernumber {
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: 10px;
    padding-bottom: 5px; }
  #flights .order-table .pax-border {
    text-align: left;
    border-left: 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8;
    margin-bottom: -5000px;
    padding-bottom: 5000px; }
  #flights .order-table .pax-tit {
    font-weight: bold; }
  #flights .order-table .pax-pad {
    padding: 10px; }
    #flights .order-table .pax-pad .passengers {
      padding-left: 15px;
      font-size: 12px; }
  #flights .order-table .order-table-detail {
    font-size: 12px;
    font-weight: 100; }
  #flights .order-table .table-detail-depature {
    display: inline-block;
    width: 30%;
    text-align: left; }
    #flights .order-table .table-detail-depature p {
      font-size: 14px;
      margin-bottom: 5px; }
    #flights .order-table .table-detail-depature p.font-small {
      font-size: 12px; }
    #flights .order-table .table-detail-depature p.font-code {
      font-size: 24px;
      font-weight: bold; }
  #flights .order-table .table-detail-icon {
    display: inline-block;
    width: 40%;
    background: url(https://tw.ceair.com/newwebsite/images/icon-order-plane.svg) no-repeat;
    background-size: initial;
    background-position: 40%;
    height: 60px;
    background-size: 40px; }
  #flights .order-table .table-detail-arrival {
    display: inline-block;
    width: 30%;
    text-align: left; }
    #flights .order-table .table-detail-arrival p {
      font-size: 14px;
      margin-bottom: 5px; }
    #flights .order-table .table-detail-arrival p.font-small {
      font-size: 12px; }
    #flights .order-table .table-detail-arrival p.font-code {
      font-size: 24px;
      font-weight: bold; }
  #flights .order-table .order-table-detail {
    padding: 10px;
    border-bottom: 1px solid #979797; }
    #flights .order-table .order-table-detail:nth-of-type(even) {
      background-color: #f8f8f8; }
    #flights .order-table .order-table-detail:last-of-type {
      border-bottom: none; }
  #flights .order-table table td {
    border: none;
    padding: 0;
    overflow: hidden; }
  #flights .order-table table td:first-of-type {
    width: 60%; }
  #flights .order-table table td:nth-child(2) {
    width: 20%; }
  #flights .order-table table td:last-of-type {
    width: 20%; }
  #flights .order-table table tr {
    border: none; }
  #flights .order-table .btn-option {
    padding-left: 15px; }
    #flights .order-table .btn-option button {
      height: 46px;
      line-height: 46px;
      margin-top: 13px; }
    #flights .order-table .btn-option button.disable {
      background-color: #e3e3e3;
      color: #aeadad; }
    #flights .order-table .btn-option button.disable:hover {
      cursor: not-allowed; }
    #flights .order-table .btn-option button:first-child {
      margin-top: 0; }
@media (max-width: 639px) {
  #flights .mobile-hide {
    display: none; }
  #flights .pc-hide {
    display: block; }
  #flights .ordernumber {
    text-align: center;
    padding: 20px 0 10px;
    font-weight: bold; }
  #flights .flight-list-view li span {
    display: none; }
  #flights .order-table {
    margin: 0;
    padding: 10px;
    margin-bottom: 0; }
    #flights .order-table table td {
      width: 100%;
      height: auto; }
      #flights .order-table table td .order-table-detail {
        border-top: 1px solid #D8D8D8;
        border-bottom: 0;
        font-size: 14px; }
      #flights .order-table table td .order-table-detail {
        padding: 5px 15px; }
      #flights .order-table table td .font-small {
        font-weight: lighter; }
    #flights .order-table table td:first-of-type {
      width: 100%; }
    #flights .order-table table td:last-of-type {
      width: 100%; } }
#flights .fromContent {
  background: white; }
  #flights .fromContent .airport-search-button {
    right: 0;
    padding-right: 15px; }
#flights .pagination li {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  padding: 0 5px;
  margin-right: 5px;
  text-align: center; }
  #flights .pagination li a {
    line-height: 25px; }
#flights .pagination li.active {
  color: white;
  padding: 0 8px;
  background-color: #E4007F;
  color: #fff; }
  #flights .pagination li.active a {
    color: white; }
#flights .pagination li.pagination-info {
  margin-left: 25px; }
#flights .pastTips {
  background-color: #ffffff;
  padding: 15px 24px;
  border-bottom: 1px solid #d8d8d8; }
  #flights .pastTips li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px; }
  #flights .pastTips li:first-child {
    margin-left: 0; }
#flights .dateStly.datePickerList .day {
  position: relative;
  cursor: default; }
#flights .dateStly.datePickerList .day:hover {
  background-color: #f8f8f8; }
#flights .dateStly.datePickerList .tripWraper {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  font-size: 14px; }
#flights .dateStly.datePickerList .tripInfo {
  display: block;
  cursor: pointer;
  border-top: 1px solid #ffffff;
  padding-right: 20px;
  background: url(https://tw.ceair.com/newwebsite/images/icon-arrow-right.svg) right center no-repeat; }
#flights .dateStly.datePickerList .tripInfo.able {
  color: white;
  background: url(https://tw.ceair.com/newwebsite/images/icon-arrow-right-white.svg) right center no-repeat #223B61; }
#flights .datePickerList div.ardp-date-picker .calendar .weeks div .week .day.selected {
  background: #f8f8f8;
  color: #244152; }
#flights .datePickerList .month-header-single {
  margin-left: 35px; }
#flights .datePickerList .month-header-single select {
  display: inline-block;
  height: 30px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  border: none;
  font-size: 20px;
  font-weight: bold;
  margin-right: 10px;
  margin-top: -2px; }
#flights .datePickerList div.ardp-date-picker .calendar .week-header {
  background: none;
  text-transform: uppercase; }
#flights .datePickerList div.ardp-date-picker .calendar .weeks {
  border: none; }

.refund h1:before {
  content: "";
  background: url(https://tw.ceair.com/newwebsite/images/icon-head-refund.svg) no-repeat;
  height: 63px;
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px; }
.refund .card-content .card-content-left {
  border-right: 1px solid #D8D8D8; }
.refund .card-content .card-content-right {
  padding-left: 30px; }
.refund .card-content .card-content-top {
  margin: 15px 0; }
  .refund .card-content .card-content-top .disabled-select .ui-select {
    color: #979797; }
  .refund .card-content .card-content-top .ui-select-wrapper {
    padding-right: 0; }
  .refund .card-content .card-content-top .ui-input-wrapper {
    padding-right: 0; }
  .refund .card-content .card-content-top .refund-reason > .row {
    margin: 15px 0; }
.refund .card-content .card-content-bottom {
  border-top: 1px solid #979797;
  border-bottom: 1px solid #979797; }
  .refund .card-content .card-content-bottom p {
    display: inline-block;
    vertical-align: middle; }
    .refund .card-content .card-content-bottom p .text-big-bold {
      font-size: 24px;
      font-weight: bold; }
  .refund .card-content .card-content-bottom p:first-of-type {
    /*width: 115px;*/
    width: auto;
    margin-right: 15px; }
  .refund .card-content .card-content-bottom p:last-of-type {
    vertical-align: top;
    padding-left: 10px; }
.refund .card-content p {
  margin: 15px 0; }
  .refund .card-content p .text-bold {
    font-weight: bold; }
@media (max-width: 991px) {
  .refund .card-content .card-content-left {
    border-bottom: 1px solid #D8D8D8;
    border-right: none; }
  .refund .card-content .card-content-right {
    padding-left: 0; } }
.refund .refund-condition {
  font-size: 14px; }
  .refund .refund-condition .condition-link {
    color: #E4007F;
    text-decoration: underline;
    cursor: pointer; }
  .refund .refund-condition .ui-checkbox-wrapper {
    margin-top: 25px;
    padding: 5px; }
    .refund .refund-condition .ui-checkbox-wrapper .ui-checkbox-text {
      vertical-align: top;
      width: 95%; }
@media (max-width: 991px) {
  .refund h1, .refund .refund-condition {
    padding: 0 15px; }
  .refund .refund-condition {
    background-color: #fff;
    margin: 0 5px; }
  .refund .refund-condition .ui-checkbox-wrapper .ui-checkbox-text {
    width: 90%;
    font-weight: normal;
    font-size: 12px; } }

.order-filter-wrapper .card-content {
  max-height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, padding-top 0.5s ease 0s, padding-bottom 0.5s ease 0s;
  overflow: hidden; }
.order-filter-wrapper .show-filter .card-content {
  max-height: 150px;
  opacity: 1;
  filter: alpha(opacity=100); }

@media (max-width: 639px) {
  /*.ReactModal__Overlay .ReactModal__Content{
  	max-height: 350px;
  	overflow: auto;
  }*/
  /*(原内容) 20161229Ailsa*/
  #refundForm {
    margin-top: 5px; }

  .pl {
    padding-left: 0; }

  .flightstatus-wrapper {
    padding-top: 0; }

  #flightStatus {
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px; }

  .ui-autocomplete, .ui-input-wrapper, .ui-select-wrapper, #flightStatus .fromContent .airport-search-button, #flightStatus .fromContent .flight-search-button {
    padding-right: 0;
    margin-bottom: 25px; }

  #flightStatus .fromContent > div {
    width: 100%; }

  .ui-dateinput-wrapper .ui-input-wrapper {
    padding-right: 5px; }
  .ui-dateinput-wrapper .ui-input-wrapper-year {
    padding-right: 0; }

  .ui-checkbox-wrapper {
    padding-right: 0; }

  .flightstatus-wrapper .flightstatusForm .bookingpanel-city {
    margin-top: 15px; } }
.refund-card-content {
  font-size: 14px; }
  .refund-card-content .starinfo {
    padding: 0;
    font-size: 12px; }
  .refund-card-content .flightinfo {
    border-bottom: 1px solid #D8D8D8;
    padding: 10px 0; }
  .refund-card-content .refund-info {
    margin-right: 40px;
    line-height: 2; }
    @media (max-width: 639px) {
      .refund-card-content .refund-info {
        margin-right: 10%; } }
  .refund-card-content .refund-info:first-of-type {
    margin-right: 0; }
  .refund-card-content .basicinfo {
    border-bottom: 1px solid #D8D8D8;
    padding-top: 0; }
    .refund-card-content .basicinfo span {
      padding-top: 10px;
      padding-bottom: 10px; }
    .refund-card-content .basicinfo span:nth-child(even) {
      padding-right: 50px; }
  .refund-card-content p {
    padding: 10px 0; }

#refundForm .refund-order-info th {
  width: 10%;
  white-space: nowrap;
  font-weight: bold; }
#refundForm .refund-order-info .glyphicon {
  vertical-align: middle;
  margin-right: 5px; }
#refundForm .showPassengerInfos td {
  padding-left: 1em; }
#refundForm .refund-form {
  padding-left: 5px;
  padding-right: 5px; }
  #refundForm .refund-form > .row {
    margin-bottom: 15px; }
    #refundForm .refund-form > .row .ui-select-wrapper,
    #refundForm .refund-form > .row .ui-select-wrapper,
    #refundForm .refund-form > .row .ui-input-wrapper,
    #refundForm .refund-form > .row .ui-filebox-wrapper {
      padding: 0 10px; }
    #refundForm .refund-form > .row.showReason {
      padding: 0 15px; }
      #refundForm .refund-form > .row.showReason p:nth-child(2) {
        text-indent: 2em;
        font-size: 16px;
        padding: 5px 0; }
  #refundForm .refund-form .refund-tip {
    margin-left: 10px;
    font-weight: 600;
    font-size: 12px; }
#refundForm .refund-price {
  border: 1px solid #979797;
  border-left: none;
  border-right: none; }
  #refundForm .refund-price .price {
    margin: 0 10px;
    font-size: 24px;
    font-weight: bold; }
  #refundForm .refund-price .icon-info {
    margin-right: 10px; }
  #refundForm .refund-price .detail .table thead th,
  #refundForm .refund-price .detail .table tfoot th,
  #refundForm .refund-price .detail .table tfoot td {
    font-weight: bold; }
#refundForm .refund-rules th {
  width: 10%;
  white-space: nowrap;
  font-weight: bold; }
#refundForm .refund-agreement {
  padding: 0 15px; }
  #refundForm .refund-agreement .condition-link {
    margin-bottom: 15px; }
    #refundForm .refund-agreement .condition-link a {
      color: #E4007F; }

.hotel-form h1:before {
  content: "";
  background: url(https://tw.ceair.com/newwebsite/images/icon-head-hotel.svg) no-repeat;
  height: 84px;
  width: 50px;
  display: inline-block;
  margin-right: 15px; }
.hotel-form .btn-wrapper {
  padding-right: 15px;
  margin-top: 27px; }
  .hotel-form .btn-wrapper .btn {
    max-width: 100%; }
@media (max-width: 639px) {
  .hotel-form .date-picker-desktop {
    display: none; } }
.hotel-form .date-picker-mobile .ardp-date-picker {
  padding-left: 0; }
@media (min-width: 640px) {
  .hotel-form .date-picker-mobile {
    display: none; } }
@media (max-width: 991px) {
  .hotel-form {
    padding-left: 15px; } }

.flight-route-map {
  position: relative;
  height: 0;
  padding-bottom: 48%; }
  .flight-route-map img {
    position: absolute; }

.flight-route-info {
  color: #6D5613;
  font-size: 24px;
  padding: 18px 0;
  background: #BFA456; }
  @media (max-width: 639px) {
    .flight-route-info {
      padding-left: 15px; } }

#flightroute {
  background-color: white; }

.flightroute-formwrapper .ui-select-wrapper .display-label {
  color: #4a4a4a; }
.flightroute-formwrapper .panel-blue {
  padding: 15px;
  background: white;
  color: #4a4a4a; }
.flightroute-formwrapper p {
  font-size: 24px;
  margin-bottom: 10px; }
@media (min-width: 992px) {
  .flightroute-formwrapper {
    background: #223B61 url(https://tw.ceair.com/newwebsite/images/upload/flight-route-map-b.jpg) center center no-repeat;
    background-size: contain;
    padding-top: 250px;
    padding-bottom: 50px;
    height: 500px; } }
@media (max-width: 991px) {
  .flightroute-formwrapper {
    background: url(https://tw.ceair.com/newwebsite/images/upload/flight-route-map-m.jpg) no-repeat;
    background-size: contain;
    padding-top: 280px; } }
@media (max-width: 639px) {
  .flightroute-formwrapper {
    background: url(https://tw.ceair.com/newwebsite/images/upload/flight-route-map-s.jpg) no-repeat;
    background-size: contain;
    padding-top: 200px; }
    .flightroute-formwrapper p {
      font-size: 14px;
      margin-bottom: 10px;
      font-weight: bold; } }

.flight-route-list .brandblue {
  background-color: #223B61; }
.flight-route-list .route-list {
  margin-top: 20px; }
  .flight-route-list .route-list .route-country p {
    font-size: 24px;
    padding: 15px 10px; }
  .flight-route-list .route-list .route-country li {
    font-size: 14px;
    padding-right: 20px; }
    .flight-route-list .route-list .route-country li a {
      padding: 20px 28px;
      display: block;
      border-top: 1px solid #D8D8D8; }
  @media (min-width: 992px) {
    .flight-route-list .route-list .route-country:last-of-type li:nth-last-child(-n+4) a {
      border-bottom: 1px solid #D8D8D8; } }
  @media (max-width: 991px) {
    .flight-route-list .route-list {
      padding-left: 15px; }
      .flight-route-list .route-list .route-country:last-of-type li:nth-last-child(-n+2) a {
        border-bottom: 1px solid #D8D8D8; } }
  @media (max-width: 639px) {
    .flight-route-list .route-list .route-country:last-of-type li:nth-last-child(-n+2) a {
      border-bottom: 0; } }
.flight-route-list .btn-link {
  text-decoration: none; }

.route-popup .table {
  margin: 15px 0; }

@media (min-width: 640px) {
  .fixheader.flightschedule thead {
    display: block; }
  .fixheader.flightschedule tbody {
    max-height: 127px;
    overflow-x: hidden;
    overflow-y: auto;
    display: block; }
  .fixheader.flightschedule th, .fixheader.flightschedule td {
    width: 80px;
    border-bottom: 0; } }
@media (max-width: 639px) {
  .fixheader.flightschedule {
    font-size: 12px;
    display: block; } }
.fixheader.flightschedule tr {
  border-bottom-color: #D8D8D8; }
.fixheader.flightschedule td.non, .fixheader.flightschedule td.has {
  text-indent: -9999em; }
.fixheader.flightschedule td.has {
  background: url(https://tw.ceair.com/newwebsite/images/icon-check-black.svg) center center no-repeat; }

@media (max-width: 991px) {
  .flight-proof h1 {
    padding-left: 15px; } }
.flight-proof h1:before {
  content: "";
  background: url(https://tw.ceair.com/newwebsite/images/icon-flightstatus.svg) no-repeat;
  height: 46px;
  width: 47px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px; }
.flight-proof .proof-p {
  padding: 3px 0; }
.flight-proof form .btn-wrapper, .flight-proof #form .btn-wrapper {
  padding-right: 15px;
  float: right; }
  .flight-proof form .btn-wrapper .btn, .flight-proof #form .btn-wrapper .btn {
    max-width: 100%; }
@media (max-width: 991px) {
  .flight-proof form, .flight-proof #form {
    padding-left: 15px; } }
@media (max-width: 639px) {
  .flight-proof form .btn-wrapper, .flight-proof #form .btn-wrapper {
    float: none;
    padding-top: 19px;
    padding-right: 15px; } }
.flight-proof .lost-tips .title {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px; }
.flight-proof .lost-tips ul li:before {
  background: #E4007F;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 5px 15px 0 5px;
  vertical-align: top; }

.proof-info span {
  vertical-align: middle; }
.proof-info .icon-info-red {
  background: url(https://tw.ceair.com/newwebsite/images/icon-info-hover.svg) center center no-repeat;
  background-size: contain;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px; }

.shadowcard-wrapper .shadowcard .proof-result-wrapper {
  margin: 0;
  border-top: 2px solid #223B61;
  background: white;
  padding: 0; }
  .shadowcard-wrapper .shadowcard .proof-result-wrapper .table {
    margin: 0; }
    .shadowcard-wrapper .shadowcard .proof-result-wrapper .table tbody tr:nth-of-type(3) {
      background: #f8f8f8; }
    .shadowcard-wrapper .shadowcard .proof-result-wrapper .table tbody .mobile-head {
      display: none; }
    .shadowcard-wrapper .shadowcard .proof-result-wrapper .table tbody tr:last-child td {
      border-bottom: 1px solid #D8D8D8; }
    .shadowcard-wrapper .shadowcard .proof-result-wrapper .table td, .shadowcard-wrapper .shadowcard .proof-result-wrapper .table th {
      text-align: center;
      font-size: 14px;
      border-right: 1px solid #D8D8D8;
      vertical-align: middle; }
      .shadowcard-wrapper .shadowcard .proof-result-wrapper .table td:last-of-type, .shadowcard-wrapper .shadowcard .proof-result-wrapper .table th:last-of-type {
        border-right: none; }
    .shadowcard-wrapper .shadowcard .proof-result-wrapper .table td {
      padding: 20px 0; }
    .shadowcard-wrapper .shadowcard .proof-result-wrapper .table th {
      padding: 15px 0;
      font-weight: bold; }
    .shadowcard-wrapper .shadowcard .proof-result-wrapper .table .text-big {
      font-size: 14px; }
    .shadowcard-wrapper .shadowcard .proof-result-wrapper .table .mobile-text-small, .shadowcard-wrapper .shadowcard .proof-result-wrapper .table .text-red {
      font-weight: bold; }
    .shadowcard-wrapper .shadowcard .proof-result-wrapper .table .hide-mobile, .shadowcard-wrapper .shadowcard .proof-result-wrapper .table .mobile-text-big {
      font-weight: 100; }
    .shadowcard-wrapper .shadowcard .proof-result-wrapper .table .text-red {
      color: #E4007F; }
    @media (max-width: 639px) {
      .shadowcard-wrapper .shadowcard .proof-result-wrapper .table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0; }
      .shadowcard-wrapper .shadowcard .proof-result-wrapper .table tbody tr {
        display: inline-block;
        width: 50%;
        position: relative; }
      .shadowcard-wrapper .shadowcard .proof-result-wrapper .table tbody tr:nth-of-type(3) {
        background: white; }
      .shadowcard-wrapper .shadowcard .proof-result-wrapper .table tbody tr:nth-of-type(2):after {
        content: "";
        display: inline-block;
        width: 20%;
        height: 60px;
        background: url(https://tw.ceair.com/newwebsite/images/icon-order-plane.svg) no-repeat;
        background-position: center;
        background-size: contain;
        position: absolute;
        top: 25px;
        right: -10%;
        z-index: 1; }
      .shadowcard-wrapper .shadowcard .proof-result-wrapper .table tbody .mobile-head {
        display: block;
        font-size: 12px;
        color: black;
        text-align: center; }
      .shadowcard-wrapper .shadowcard .proof-result-wrapper .table tbody .mobile-head-big {
        padding-top: 15px;
        font-size: 14px;
        width: 100%; }
        .shadowcard-wrapper .shadowcard .proof-result-wrapper .table tbody .mobile-head-big td {
          padding: 0; }
      .shadowcard-wrapper .shadowcard .proof-result-wrapper .table td, .shadowcard-wrapper .shadowcard .proof-result-wrapper .table th {
        border: none; }
      .shadowcard-wrapper .shadowcard .proof-result-wrapper .table td {
        display: block; }
      .shadowcard-wrapper .shadowcard .proof-result-wrapper .table .text-big {
        font-size: 30px; }
      .shadowcard-wrapper .shadowcard .proof-result-wrapper .table .mobile-text-big {
        font-size: 30px; }
      .shadowcard-wrapper .shadowcard .proof-result-wrapper .table .mobile-text-small {
        font-size: 12px; }
      .shadowcard-wrapper .shadowcard .proof-result-wrapper .table .hide-mobile {
        display: none; } }
  .shadowcard-wrapper .shadowcard .proof-result-wrapper .download-btn {
    padding: 20px;
    text-align: right; }
  @media (max-width: 991px) {
    .shadowcard-wrapper .shadowcard .proof-result-wrapper {
      margin-left: 15px;
      margin-right: 15px; } }

.proof-middle .btnStyle {
  max-width: 520px;
  height: 55px;
  margin: 20px auto; }
  .proof-middle .btnStyle button.btn {
    float: none;
    margin-left: 10%;
    width: 40%; }
  .proof-middle .btnStyle button.btn:first-child {
    margin-left: 0; }
.proof-middle .proof-wraper {
  width: 727px;
  margin: 30px auto 70px; }
  .proof-middle .proof-wraper .proof-inner {
    background-color: #ffffff;
    border: 1px solid #c4c4c4; }
    .proof-middle .proof-wraper .proof-inner .proof-border {
      font-family: '宋体';
      width: 727px;
      position: relative;
      height: 975px; }
      .proof-middle .proof-wraper .proof-inner .proof-border .proof-topimg {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0; }
      .proof-middle .proof-wraper .proof-inner .proof-border .proof-bottomimg {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 0; }
      .proof-middle .proof-wraper .proof-inner .proof-border .content p {
        font-size: 14px;
        font-weight: bold;
        color: #000;
        line-height: 40px;
        text-indent: 2em; }
      .proof-middle .proof-wraper .proof-inner .proof-border .proof-text01 {
        position: absolute;
        z-index: 1;
        height: 496px;
        top: 225px;
        left: 50%;
        margin-left: -300px;
        width: 600px; }
        .proof-middle .proof-wraper .proof-inner .proof-border .proof-text01 .text-en {
          margin: 40px auto 0px; }
      .proof-middle .proof-wraper .proof-inner .proof-border .proof-text02 {
        position: absolute;
        z-index: 1;
        height: 474px;
        top: 502px;
        left: 50%;
        margin-left: -300px;
        width: 600px; }
        .proof-middle .proof-wraper .proof-inner .proof-border .proof-text02 .date {
          text-align: right;
          margin-top: 150px;
          margin-right: 85px; }
        .proof-middle .proof-wraper .proof-inner .proof-border .proof-text02 .bianMa {
          text-indent: 0;
          margin-top: 25px; }

#sitemap {
  color: #4a4a4a; }
  #sitemap .linklist {
    border-top: 3px solid;
    padding: 15px 0 50px 15px;
    font-size: 14px; }
    #sitemap .linklist:nth-child(2n) {
      border-color: #223B61; }
    #sitemap .linklist:nth-child(2n+1) {
      border-color: #BFA456; }
    @media (min-width: 640px) {
      #sitemap .linklist {
        padding: 30px 0 50px 30px; }
        #sitemap .linklist:nth-child(2n+1) {
          clear: left; } }
    @media (min-width: 992px) {
      #sitemap .linklist:nth-child(2n+1) {
        clear: none; }
      #sitemap .linklist:nth-child(4n+1) {
        clear: left; } }
  #sitemap .link-cate {
    font-size: 24px;
    font-weight: bold;
    padding: 10px 0; }
    #sitemap .link-cate h2 {
      word-wrap: break-word; }
  #sitemap .link-item {
    padding: 5px 0; }
    #sitemap .link-item a {
      text-decoration: underline; }
      #sitemap .link-item a:hover {
        color: #4a4a4a; }
  #sitemap li ul {
    border-left: 1px solid #223B61;
    padding-left: 10px; }

#content-header a {
  text-decoration: none; }

.navbar {
  margin-bottom: 0;
  border: 0; }

.navbar-logo-skyteam img {
  margin-left: 10px; }

.navbar-toggle .icon-bar {
  background: #223B61;
  height: 3px; }

.container-top {
  width: 100%;
  height: 44px;
  background-color: #223B61; }
  .container-top .info {
    /*float: right;*/
    font-weight: 100; }
    .container-top .info .fare-select-wrapper {
      position: inherit;
      display: inline-block;
      margin-top: -3px;
      float: right;
      height: 33px;
      width: 190px; }
      .container-top .info .fare-select-wrapper .ui-select-wrapper {
        padding-right: 0; }
        .container-top .info .fare-select-wrapper .ui-select-wrapper .ui-select-box {
          height: 30px; }
    .container-top .info .item {
      display: inline-block;
      margin-left: 25px;
      padding: 12px 0 12px 25px;
      color: white;
      background: left center no-repeat; }
    .container-top .info .search {
      background-image: url(https://tw.ceair.com/newwebsite/images/searchicon_desktop.svg); }
    .container-top .info .searchbar {
      display: none;
      padding: 0; }
      .container-top .info .searchbar input {
        color: white;
        background: #162844 url(https://tw.ceair.com/newwebsite/images/searchicon_desktop.svg) 5px center no-repeat;
        padding: 0px 5px 0 30px;
        border: 1px solid #0a1c37;
        height: 28px;
        line-height: 28px;
        width: 180px; }
      .container-top .info .searchbar input::-webkit-input-placeholder {
        color: #999; }
      .container-top .info .searchbar input:-moz-placeholder {
        color: #999; }
      .container-top .info .searchbar input::-moz-placeholder {
        color: #999; }
      .container-top .info .searchbar input:-ms-input-placeholder {
        color: #999; }
      .container-top .info .searchbar .btn {
        display: none; }
    .container-top .info .contact-us {
      background-image: url(https://tw.ceair.com/newwebsite/images/header-contact-us.svg); }
    .container-top .info .link-language {
      background-image: url(https://tw.ceair.com/newwebsite/images/header-lang.svg); }
    .container-top .info .Suggestions {
      background-image: url(https://tw.ceair.com/newwebsite/images/complaint.svg); }
    .container-top .info .item-hidden {
      display: none; }
    .container-top .info .item-show {
      display: inline-block; }
    @media (max-width: 639px) {
      .container-top .info {
        width: 100%;
        margin-right: 0; }
        .container-top .info .search, .container-top .info .searchbar, .container-top .info .contact-us, .container-top .info .item-show {
          display: none; }
        .container-top .info .lan-select {
          float: right;
          margin-right: 15px; } }

.dropdown-menu {
  width: 100%;
  padding: 25px 7.5px;
  border: none;
  /*margin: 0 15px;*/
  border-top: 1px solid #D8D8D8;
  background-color: #f8f8f8;
  top: 69px;
  box-shadow: 2px 2px 5px #7e7e7e; }
  .dropdown-menu li {
    float: left;
    display: inline-block;
    width: 25%;
    position: relative; }
    .dropdown-menu li a {
      border-bottom: 1px solid #D8D8D8;
      margin: 0 7.5px;
      padding: 10px 0; }
    .dropdown-menu li img {
      width: 30px;
      height: 30px; }
    .dropdown-menu li span, .dropdown-menu li p {
      display: inline-block;
      padding-left: 10px; }
    @media (max-width: 639px) {
      .dropdown-menu li {
        display: block;
        width: 100%; } }
  .dropdown-menu li:hover {
    background-color: #f8f8f8; }

.navbar-right .dropdown-menu {
  margin: 0;
  /*0 -15px;*/ }

.container-content {
  background-color: #f8f8f8;
  height: 70px; }

.navbar-header {
  height: 65px; }

.container-white {
  position: relative; }
  .container-white .navbar-brand {
    display: inline-block;
    float: none; }
  .container-white .navbar-collapse {
    z-index: 20; }
    @media (min-width: 1025px) {
      .container-white .navbar-collapse {
        position: static;
        padding-right: 145px; } }
  .container-white .navbar-fix {
    position: absolute;
    right: 0;
    /* modify by sally : 0 */
    top: 3px; }
    @media (max-width: 1024px) {
      .container-white .navbar-fix {
        right: 0; } }
    @media (max-width: 639px) {
      .container-white .navbar-fix {
        top: -14px; } }
  .container-white .row .nav > li .navbar-link:hover {
    outline: invert none medium !important; }
  .container-white .row .nav > li .navbar-link:after {
    content: "";
    background: url(https://tw.ceair.com/newwebsite/images/arrow_down.png) 7px 3px no-repeat;
    width: 24px;
    height: 14px;
    display: inline-block; }
    @media (max-width: 991px) {
      .container-white .row .nav > li .navbar-link:after {
        float: right;
        margin-top: 8px; } }
  @media (max-width: 1024px) {
    .container-white .row .nav > li {
      position: initial;
      height: 100%;
      margin: 0;
      border-bottom: 1px solid #D8D8D8; } }
  @media (min-width: 1200px) {
    .container-white .hasDropdown {
      margin: 0 15px; } }
  .container-white .nav > li {
    height: 28px;
    line-height: 36px;
    margin: 20px 0 20px 0;
    position: static; }
    .container-white .nav > li .navbar-link {
      line-height: 12px;
      text-transform: uppercase;
      color: #4a4a4a;
      height: auto;
      position: relative; }
      @media (min-width: 640px) {
        .container-white .nav > li .navbar-link {
          padding-right: 10px;
          padding-left: 10px;
          padding-bottom: 19px;
          height: 50px; } }
    .container-white .nav > li a:hover {
      font-weight: bold;
      background-color: transparent; }
    .container-white .nav > li a:focus, .container-white .nav > li a:active {
      background-color: transparent; }
    .container-white .nav > li > a {
      border-bottom: 5px solid transparent; }
    .container-white .nav > li.members {
      background: url(https://tw.ceair.com/newwebsite/images/member.svg) 10px 10px no-repeat; }
      @media (max-width: 639px) {
        .container-white .nav > li.members {
          background: url(https://tw.ceair.com/newwebsite/images/member.svg) 0 10px no-repeat; } }
      @media (min-width: 1200px) {
        .container-white .nav > li.members {
          background: url(https://tw.ceair.com/newwebsite/images/member.svg) 20px 10px no-repeat; } }
      .container-white .nav > li.members .navbar-link {
        height: 50px;
        display: inline-block;
        padding-left: 45px;
        padding-right: 10px;
        border-right: 0; }
  .container-white .nav .open > a {
    border-bottom: 5px solid #D8D8D8; }

.container-top .ui-select {
  background-color: #162844;
  height: 35px;
  color: white;
  font-size: 14px;
  border: none; }
.container-top .col-sm-4 {
  height: 45px;
  margin-bottom: -1px; }

#content-header .language-container ul {
  background-color: #f8f8f8;
  padding: 15px 30px; }
  #content-header .language-container ul li {
    margin: 15px 0; }
  #content-header .language-container ul a {
    color: #2A5390;
    margin-left: 8px; }
  #content-header .language-container ul a:hover {
    text-decoration: underline; }

.navbar-nav .searchbar {
  border: none;
  padding: 5px; }
  .navbar-nav .searchbar .btn {
    display: none; }
  .navbar-nav .searchbar .wrapper {
    background: url(https://tw.ceair.com/newwebsite/images/searchicon_mobile.svg) 8px center no-repeat #f8f8f8;
    padding: 0 5px 0 30px;
    border: 1px solid #D8D8D8; }
    .navbar-nav .searchbar .wrapper input {
      width: 100%;
      height: 42px;
      line-height: 42px;
      padding: 0;
      margin: 0;
      border: none;
      background: transparent; }
  @media (min-width: 639px) {
    .navbar-nav .searchbar {
      display: none; } }

@media (min-width: 1024px) {
  .navbar-collapse {
    width: 66.66667%; } }
@media (max-width: 1024px) {
  .navbar-toggle {
    margin-top: 0; }

  .container-white .nav > li.members .navbar-link {
    background-position: 8px 11px;
    padding-left: 35px; }

  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    overflow: hidden;
    box-shadow: none; }

  .container-white .navbar-collapse .nav .dropdown .navbar-link {
    border-right: 0;
    line-height: 30px; }

  .navbar-nav .open .dropdown-menu {
    background-color: #f8f8f8; }
    .navbar-nav .open .dropdown-menu li span, .navbar-nav .open .dropdown-menu li p {
      display: inline-block;
      padding-left: 10px;
      top: 10px; }
    .navbar-nav .open .dropdown-menu li img {
      width: 33px;
      height: 33px; }
    .navbar-nav .open .dropdown-menu.open {
      border-bottom: 0; }

  .navbar-collapse {
    position: absolute;
    width: 100%;
    background-color: white;
    top: 65px;
    left: 0; }

  .navbar-collapse .navbar-nav, .navbar-collapse .navbar-right {
    margin: 0; }

  .navbar-fix > li {
    float: right; }

  .navbar-nav .open .dropdown-menu {
    width: 100vw;
    margin: 0; } }
@media (min-width: 769px) and (max-width: 1024px) {
  .navbar-collapse .navbar-nav:first-child {
    width: 75%; } }
  @media (min-width: 769px) and (max-width: 1024px) and (max-width: 991px) {
    .navbar-collapse .navbar-nav:first-child {
      width: 100%; } }
@media (min-width: 769px) and (max-width: 1024px) {
    .navbar-collapse .navbar-nav:first-child > li {
      width: 33%; } }
    @media (min-width: 769px) and (max-width: 1024px) and (max-width: 991px) {
      .navbar-collapse .navbar-nav:first-child > li {
        width: 100%; } }
@media (min-width: 769px) and (max-width: 1024px) {
      .navbar-collapse .navbar-nav:first-child > li:nth-child(2) .dropdown-menu {
        margin-left: -100%; } }
      @media (min-width: 769px) and (max-width: 1024px) and (max-width: 991px) {
        .navbar-collapse .navbar-nav:first-child > li:nth-child(2) .dropdown-menu {
          margin-left: 0; } }
@media (min-width: 769px) and (max-width: 1024px) {
      .navbar-collapse .navbar-nav:first-child > li:nth-child(3) .dropdown-menu {
        margin-left: -200%; } }
      @media (min-width: 769px) and (max-width: 1024px) and (max-width: 991px) {
        .navbar-collapse .navbar-nav:first-child > li:nth-child(3) .dropdown-menu {
          margin-left: 0; } }
@media (min-width: 769px) and (max-width: 1024px) {
  .navbar-collapse .navbar-right {
    width: 25%; } }
  @media (min-width: 769px) and (max-width: 1024px) and (max-width: 991px) {
    .navbar-collapse .navbar-right {
      width: 100%; } }
@media (min-width: 769px) and (max-width: 1024px) {
    .navbar-collapse .navbar-right .open .dropdown-menu {
      margin-left: -75%; } }
    @media (min-width: 769px) and (max-width: 1024px) and (max-width: 991px) {
      .navbar-collapse .navbar-right .open .dropdown-menu {
        margin-left: 0; } }

@media (min-width: 769px) and (max-width: 1024px) {
  .navbar-collapse.in {
    overflow-y: visible; } }
@media (max-width: 991px) {
  .container-white .nav > li .navbar-link {
    margin-right: 0; }

  .navbar-right {
    float: none !important; }

  .dropdown-menu {
    padding: 15px 7.5px; }

  .navbar-header {
    margin-left: 15px;
    height: 62px; }
    .navbar-header .nav {
      float: right; }
      .navbar-header .nav > li {
        float: left;
        border: 0; }

  .navbar-collapse .navbar-nav > li {
    float: none;
    margin: 0; }

  .navbar-collapse .navbar-nav, .navbar-collapse .navbar-right {
    float: none; }

  .dropdown-menu li {
    width: 100%; }

  .container-top .col-sm-4 {
    /*margin-left: 15px;*/ }

  .container-top .info {
    text-align: right;
    padding-right: 15px; }

  .navbar-fix {
    margin-right: 5px; } }
@media (max-width: 639px) {
  .container-content {
    height: 48px; }

  .navbar-logo-cea img {
    height: 23px; }

  .navbar-logo-skyteam img {
    height: 21px;
    margin-left: 5px; }

  .navbar-nav {
    margin: 0; }

  .navbar-header {
    height: 45px; }

  .container-white > .nav > li {
    margin-top: 5px; }

  .navbar-collapse {
    top: 49px; }

  .container-white .nav > li.members .navbar-link {
    font-size: 0;
    min-width: 30px;
    width: 30px;
    display: block;
    padding: 0;
    background-position: 0 center; }

  .navbar-toggle {
    z-index: 2; }

  .container-white .nav > li.members .navbar-link {
    margin-top: 0; }

  .container-top .info {
    padding-right: 15px; }

  .navbar-nav .open .dropdown-menu > li > a {
    padding: 10px 0; } }
#content-header .navbar-fix .members a {
  max-width: 170px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
#content-header .navbar-fix .members a.logout {
  display: initial;
  padding: 0;
  position: absolute;
  right: -70px;
  top: 29px;
  font-size: 14px;
  width: auto; }
  @media (max-width: 1260px) {
    #content-header .navbar-fix .members a.logout {
      right: 15px;
      top: 13px;
      font-size: 12px; } }
  @media (max-width: 639px) {
    #content-header .navbar-fix .members a.logout {
      display: none; } }
  @media (min-width: 640px) and (max-width: 1199px) {
    #content-header .navbar-fix .members a.logout {
      right: 58px; } }
#content-header .navbar-fix .members a.logout:hover {
  text-decoration: underline;
  font-weight: normal; }

#content-header .accountName, #content-header .logout {
  display: inline-block; }

.AccontLog {
  min-width: 170px; }

.AccontLog, .logout {
  display: none; }

.container-content-tw {
  z-index: 1001;
  position: relative;
  background-color: #f8f8f8;
  height: 70px;
  border-bottom: 1px solid #223B61; }
  .container-content-tw .container-white-tw {
    position: relative; }
    .container-content-tw .container-white-tw .navbar-fix {
      position: absolute;
      right: 0;
      top: 3px;
      padding: 15px 0; }
  .container-content-tw .nav-tw {
    line-height: 30px; }
  .container-content-tw .member-center {
    display: inline-block;
    float: left;
    margin-right: 30px;
    padding: 0 10px;
    background: #e4007f;
    border-radius: 6px;
    position: relative; }
    .container-content-tw .member-center a {
      color: white; }
      .container-content-tw .member-center a:hover {
        font-weight: 700; }
    .container-content-tw .member-center::before {
      content: '';
      display: inline-block;
      width: 25px;
      height: 25px;
      position: absolute;
      background: url(https://tw.ceair.com/newwebsite/images/crown.png) no-repeat;
      background-size: 100%;
      top: -15px;
      left: -11px; }
    .container-content-tw .member-center .close_icon {
      position: absolute;
      right: 9px;
      top: 7px;
      background: url(https://tw.ceair.com/newwebsite/images/cross.svg) no-repeat;
      height: 13px;
      width: 13px;
      background-size: 100%; }
      .container-content-tw .member-center .close_icon:hover {
        cursor: pointer; }
    .container-content-tw .member-center .member-center-tip {
      display: none;
      position: absolute;
      z-index: 1000;
      right: 0;
      background: white;
      border: 1px solid #223b61;
      border-radius: 5px;
      width: 250px;
      padding: 20px 20px 10px 10px;
      line-height: 1.2em;
      top: 125%;
      font-size: 13px; }
      .container-content-tw .member-center .member-center-tip .row {
        margin-top: 10px; }
      .container-content-tw .member-center .member-center-tip .sure {
        margin-right: 10px;
        border: none;
        background: #223b61;
        border-radius: 3px;
        color: white;
        min-width: 60px;
        text-align: center;
        line-height: 2em; }
      .container-content-tw .member-center .member-center-tip .cancel {
        border: 1px solid #223b61;
        border-radius: 3px;
        color: #223B61;
        min-width: 60px;
        text-align: center;
        line-height: 2em;
        background: white; }
      .container-content-tw .member-center .member-center-tip .sure, .container-content-tw .member-center .member-center-tip .cancel {
        font-size: 13px;
        float: right;
        height: 28px; }
        .container-content-tw .member-center .member-center-tip .sure:hover, .container-content-tw .member-center .member-center-tip .cancel:hover {
          cursor: pointer; }
  .container-content-tw .login-tw {
    float: right; }
  .container-content-tw .nav {
    padding-top: 10px; }
  .container-content-tw .navbar-link:hover {
    text-decoration: underline !important; }
  .container-content-tw .nav-child {
    position: absolute;
    top: 70px;
    background: white;
    width: 100%;
    padding: 30px 0;
    z-index: 999;
    box-shadow: 0 2px 5px #333333; }
    .container-content-tw .nav-child .container {
      padding: 0px 90px;
      line-height: 2.5em; }
      .container-content-tw .nav-child .container a {
        color: #4c4c4c; }
        .container-content-tw .nav-child .container a:hover {
          color: #2A5390;
          font-weight: 700; }
    .container-content-tw .nav-child .nav-child-title p {
      display: inline-block;
      color: #2a5390;
      font-size: 16px;
      font-weight: 700;
      text-indent: 10px; }
    .container-content-tw .nav-child .nav-child-block li {
      border-left: 1px solid #90a4c3;
      line-height: 1.2em;
      padding: 9px 0 5px 30px; }
    .container-content-tw .nav-child .nav-child-block ul {
      margin-left: 7px; }
  .container-content-tw .dropdown-menu-tw {
    display: none; }
  .container-content-tw .dropdown-tw {
    margin-right: 35px; }
    .container-content-tw .dropdown-tw .open {
      font-weight: 700;
      position: relative; }
      .container-content-tw .dropdown-tw .open::after {
        z-index: 1000;
        content: "";
        display: inline-block;
        position: absolute;
        top: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-52%);
            -ms-transform: translateX(-50%) translateY(-52%);
                transform: translateX(-50%) translateY(-52%);
        border-width: 10px 10px 10px 10px;
        border-style: solid;
        border-color: transparent transparent #8293ae transparent; }
        @media (max-width: 991px) {
          .container-content-tw .dropdown-tw .open::after {
            display: none; } }
      .container-content-tw .dropdown-tw .open:before {
        z-index: 1001;
        content: "";
        display: inline-block;
        position: absolute;
        top: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-43%);
            -ms-transform: translateX(-50%) translateY(-43%);
                transform: translateX(-50%) translateY(-43%);
        border-width: 10px 10px 10px 10px;
        border-style: solid;
        border-color: transparent transparent white transparent; }
        @media (max-width: 991px) {
          .container-content-tw .dropdown-tw .open:before {
            display: none; } }
  .container-content-tw .members a {
    max-width: 150px; }
  .container-content-tw .members .accountName {
    color: #4a4a4a; }
  @media (min-width: 640px) and (max-width: 1199px) {
    .container-content-tw .members {
      margin-right: 44px; } }
  .container-content-tw .members .navbar-link {
    height: 50px;
    display: inline-block;
    padding-right: 10px;
    border-right: 0; }
  .container-content-tw .logout {
    top: 16px !important; }
    @media (max-width: 1260px) {
      .container-content-tw .logout {
        right: 15px;
        top: 13px !important;
        font-size: 12px; } }
    @media (min-width: 640px) and (max-width: 1199px) {
      .container-content-tw .logout {
        right: 58px; } }

.nav-left-tw:first-child {
  border-top: 1px solid rgba(128, 128, 128, 0.31);
  border-bottom: none !important; }

.nav-left-tw:last-child {
  border-bottom: 1px solid rgba(128, 128, 128, 0.31);
  border-top: none !important;
  padding-bottom: 15px; }

.nav-left-tw {
  padding-bottom: 0;
  border: none;
  padding-right: 20px; }
  .nav-left-tw .dropdown-menu {
    padding: 0 34px;
    position: relative;
    top: 0;
    left: 0;
    border: none;
    box-shadow: none; }
    .nav-left-tw .dropdown-menu li {
      display: block;
      width: 100%;
      margin: 0; }
      .nav-left-tw .dropdown-menu li a {
        margin: 0;
        padding: 10px 7.5px;
        border: none;
        line-height: 1.5em; }
        .nav-left-tw .dropdown-menu li a:hover {
          font-weight: 700;
          color: #2a5390;
          background: white; }
  .nav-left-tw .navbar-link::after {
    content: "";
    background: url(https://tw.ceair.com/newwebsite/images/arrow_down.png) 7px 6px no-repeat;
    width: 24px;
    height: 14px;
    display: inline-block;
    float: right; }
  .nav-left-tw .navbar-link a {
    line-height: 2em;
    text-indent: 14px;
    display: inline-block; }

.GDPRform {
  padding: 20px; }
  .GDPRform .ui-radio-wrapper {
    width: 40%; }

.bread-nav {
  line-height: 30px;
  padding: 0 15px; }
  .bread-nav .home-nav {
    margin-right: 10px; }
    .bread-nav .home-nav a {
      color: #949494; }
  .bread-nav .second-nav {
    margin-left: 10px; }
    .bread-nav .second-nav a {
      color: black; }

#content-footer {
  margin-top: 15px; }
  #content-footer .footer-question-list {
    text-align: center; }
    #content-footer .footer-question-list .list-text:after {
      content: "";
      background: url(https://tw.ceair.com/newwebsite/images/triangle-down.svg) no-repeat;
      height: 12px;
      width: 12px;
      right: 20px;
      margin-top: 17px;
      float: right;
      -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
              transform: rotate(-90deg);
      background-size: 80%;
      position: absolute; }
    #content-footer .footer-question-list .question-title {
      position: inherit;
      font-size: 24px;
      height: 40px;
      line-height: 40px;
      margin: 20px 0;
      text-align: left; }
      @media (max-width: 639px) {
        #content-footer .footer-question-list .question-title {
          font-size: 18px; } }
    #content-footer .footer-question-list .list-item .list-text {
      color: white;
      text-align: left;
      height: 50px;
      line-height: 50px;
      padding-left: 10px; }
    #content-footer .footer-question-list .list-item .list-icon {
      float: left;
      color: white;
      width: 95%;
      border-top: 1px solid #415B82;
      text-align: left; }
      @media (max-width: 639px) {
        #content-footer .footer-question-list .list-item .list-icon {
          width: 100%; } }
    @media (min-width: 992px) {
      #content-footer .footer-question-list .list-item:nth-last-child(-n+4) .list-icon {
        border-bottom: 1px solid #415B82; } }
    @media (max-width: 1199px) and (min-width: 640px) {
      #content-footer .footer-question-list .list-item:nth-last-child(-n+2) .list-icon {
        border-bottom: 1px solid #415B82; } }
    @media (max-width: 639px) {
      #content-footer .footer-question-list .list-item:nth-last-child(-n+1) .list-icon {
        border-bottom: 1px solid #415B82; } }
  @media (max-width: 1199px) and (min-width: 640px) {
    #content-footer .panel-blue .indicate1 {
      padding: 0; } }
  @media (max-width: 991px) {
    #content-footer .panel-blue {
      padding: 0 10px; } }
  @media (max-width: 1199px) and (min-width: 640px) {
    #content-footer .container {
      padding-left: 20px;
      padding-right: 0; } }

.container > .footer-link {
  padding: 0; }

.footer-link {
  padding-top: 30px; }
  @media (max-width: 639px) {
    .footer-link {
      padding: 0; } }
  .footer-link .footer-link-box .list-title {
    font-size: 18px;
    padding-right: 30px;
    font-weight: bold;
    line-height: 1;
    margin: 10px 0; }
  .footer-link .footer-link-box .link-list {
    padding: 10px 0; }
    .footer-link .footer-link-box .link-list .list-content {
      display: inline-block;
      color: white;
      font-weight: 100;
      font-size: 14px;
      line-height: 1;
      padding-bottom: 10px;
      padding: 0 10px;
      border-right: 1px solid white;
      margin: 10px 0; }
    .footer-link .footer-link-box .link-list .list-content:first-of-type {
      border-left: 1px solid white; }
      @media (max-width: 639px) {
        .footer-link .footer-link-box .link-list .list-content:first-of-type {
          border-left: none; } }
  .footer-link .footer-link-box .list-icon {
    margin-right: 5px; }
    .footer-link .footer-link-box .list-icon img {
      width: 30px; }
  @media (max-width: 639px) {
    .footer-link .footer-link-box .list-title, .footer-link .footer-link-box .icon-box {
      font-size: 16px;
      display: block; }
    .footer-link .footer-link-box .link-list {
      overflow: hidden; }
    .footer-link .footer-link-box .icon-box {
      margin-bottom: 15px; }
    .footer-link .footer-link-box .link-icon {
      display: inline-block;
      margin-right: 15px; } }

.copyright {
  height: 30px;
  line-height: 30px;
  background-color: #bfa456;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #594510; }
  @media (max-width: 639px) {
    .copyright {
      font-size: 12px; } }

.indicate {
  display: block;
  margin: 15px 0; }

.indicate:before {
  content: "";
  background: url(https://tw.ceair.com/newwebsite/images/link-icon.svg) no-repeat;
  width: 10px;
  height: 10px;
  display: inline-block;
  position: relative;
  top: -8px; }

footer a {
  text-decoration: none; }

@media (max-width: 639px) {
  #content-footer panel-blue {
    padding-left: 10px; } }
.footer-link .footer-link-box .link-list .list-content-tel {
  border-left: 1px solid white; }

#home-sections, #pageTab {
  background-color: white; }

.pagetabForm .btn {
  margin-top: 20px; }

#home-bookingmodule {
  position: relative; }
  #home-bookingmodule .booking-bgimage {
    text-align: center;
    position: relative; }
    #home-bookingmodule .booking-bgimage p.booking-title {
      font-size: 24px;
      font-weight: lighter;
      color: white;
      font-style: italic;
      margin: 60px 0 20px 0;
      position: absolute;
      width: 100%;
      z-index: 2; }
    #home-bookingmodule .booking-bgimage > .col-sm-6 {
      overflow: hidden; }
    #home-bookingmodule .booking-bgimage .mask {
      opacity: .4;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 1; }
    @media (max-width: 639px) {
      #home-bookingmodule .booking-bgimage > .col-sm-6 {
        height: auto;
        overflow: hidden; } }
  #home-bookingmodule #home-booking {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    #home-bookingmodule #home-booking .booking-device {
      width: 100%;
      position: absolute;
      top: 50%;
      margin-top: -55px;
      z-index: 10; }
      @media (max-width: 639px) {
        #home-bookingmodule #home-booking .booking-device {
          margin-top: -90px; } }
      #home-bookingmodule #home-booking .booking-device .errorMsg {
        position: absolute;
        margin: 0;
        padding: 0;
        width: 100%;
        top: -100px; }
        @media (max-width: 1199px) {
          #home-bookingmodule #home-booking .booking-device .errorMsg {
            top: -55px; }
            #home-bookingmodule #home-booking .booking-device .errorMsg ul {
              min-height: 50px;
              padding: 0 5px 0 45px; }
              #home-bookingmodule #home-booking .booking-device .errorMsg ul:before {
                top: 10px;
                left: 10px; }
              #home-bookingmodule #home-booking .booking-device .errorMsg ul li {
                margin: 5px 0; } }
      #home-bookingmodule #home-booking .booking-device .por {
        position: relative; }
      #home-bookingmodule #home-booking .booking-device .bookingpanel-optional {
        margin: 0 15px;
        margin-top: 10px;
        text-align: left; }
        #home-bookingmodule #home-booking .booking-device .bookingpanel-optional .btn-link {
          height: 35px;
          line-height: 35px; }
      #home-bookingmodule #home-booking .booking-device .date-picker-roundtrip .dateStly {
        padding: 15px 0; }
      #home-bookingmodule #home-booking .booking-device .date-picker-roundtrip .dateStlyFirst {
        border-right: 1px solid #D8D8D8; }
        @media (max-width: 639px) {
          #home-bookingmodule #home-booking .booking-device .date-picker-roundtrip .dateStlyFirst {
            border-right: none; } }
      #home-bookingmodule #home-booking .booking-device .date-picker-oneway .dateStly {
        padding: 15px 0; }
        #home-bookingmodule #home-booking .booking-device .date-picker-oneway .dateStly > div > label {
          float: left;
          left: 40px; }
          @media (max-width: 639px) {
            #home-bookingmodule #home-booking .booking-device .date-picker-oneway .dateStly > div > label {
              left: 23px; } }
          #home-bookingmodule #home-booking .booking-device .date-picker-oneway .dateStly > div > label:nth-child(2) {
            float: right;
            left: auto;
            right: 15px;
            padding-right: 30px; }
            @media (max-width: 639px) {
              #home-bookingmodule #home-booking .booking-device .date-picker-oneway .dateStly > div > label:nth-child(2) {
                right: 0px;
                padding-right: 23px; } }
          #home-bookingmodule #home-booking .booking-device .date-picker-oneway .dateStly > div > label b {
            font-size: 14px;
            font-weight: normal;
            margin: 0 8px; }
      #home-bookingmodule #home-booking .booking-device .bookingpanel-pex {
        margin-left: 15px;
        margin-right: 15px;
        text-align: left; }
        @media (max-width: 639px) {
          #home-bookingmodule #home-booking .booking-device .bookingpanel-pex .glyphicon.icon-info {
            margin-left: -45px; } }
        #home-bookingmodule #home-booking .booking-device .bookingpanel-pex .flexibleDay {
          width: 33%; }
          @media (max-width: 639px) {
            #home-bookingmodule #home-booking .booking-device .bookingpanel-pex .flexibleDay {
              width: 47%; } }
      #home-bookingmodule #home-booking .booking-device .bookingpanel-city {
        /*z-index: 3;*/
        box-shadow: none;
        background: transparent;
        /*margin: 5px 0 0;*/ }
        #home-bookingmodule #home-booking .booking-device .bookingpanel-city:first-of-type {
          /*padding-right: 20px;*/ }
          #home-bookingmodule #home-booking .booking-device .bookingpanel-city:first-of-type:after {
            width: 36px;
            height: 19px;
            display: inline-block;
            position: absolute;
            top: 21px;
            right: -18px;
            content: ''; }
        #home-bookingmodule #home-booking .booking-device .bookingpanel-city:last-child {
          z-index: 2; }
      #home-bookingmodule #home-booking .booking-device .exchangeCity-layer {
        text-align: center;
        vertical-align: middle;
        height: 56px;
        line-height: 56px; }
        #home-bookingmodule #home-booking .booking-device .exchangeCity-layer .exchangeCity {
          display: inline-block;
          width: 34px;
          height: 19px;
          cursor: pointer;
          /*position: absolute;*/
          /*z-index: 4;*/
          /*left: 50%;*/
          /*top: 26px;*/
          /*transform: translateX(-50%);*/
          background: url(https://tw.ceair.com/newwebsite/images/icon_exchange.png) no-repeat; }
      #home-bookingmodule #home-booking .booking-device .bookingpanelStep + .row .bookingpanel-btn {
        z-index: 2;
        background-color: white;
        box-shadow: 1px 3px 1px #999;
        float: none;
        clear: both;
        width: 100%;
        height: 55px;
        padding-bottom: 10px; }
        @media (max-width: 639px) {
          #home-bookingmodule #home-booking .booking-device .bookingpanelStep + .row .bookingpanel-btn {
            height: auto; } }
        #home-bookingmodule #home-booking .booking-device .bookingpanelStep + .row .bookingpanel-btn button {
          max-width: 50%;
          float: right; }
          @media (max-width: 639px) {
            #home-bookingmodule #home-booking .booking-device .bookingpanelStep + .row .bookingpanel-btn button {
              max-width: 100%;
              float: none;
              margin-bottom: 10px; } }
      #home-bookingmodule #home-booking .booking-device .bookingpanelStep {
        position: absolute;
        z-index: 20;
        background: white;
        box-shadow: 1px 2px 5px #333;
        margin-bottom: 0;
        margin-top: 0; }
        #home-bookingmodule #home-booking .booking-device .bookingpanelStep .ui-checkbox-wrapper {
          margin-left: 8px; }
        #home-bookingmodule #home-booking .booking-device .bookingpanelStep .bookingpanel-optional-adv {
          margin-top: 10px;
          padding: 0 15px; }
        #home-bookingmodule #home-booking .booking-device .bookingpanelStep .bookingpanel-btn {
          float: none; }
          @media (max-width: 639px) {
            #home-bookingmodule #home-booking .booking-device .bookingpanelStep .bookingpanel-btn {
              margin-top: 10px;
              padding: 10px; } }
          @media (max-width: 639px) {
            #home-bookingmodule #home-booking .booking-device .bookingpanelStep .bookingpanel-btn .btn-important {
              height: 55px; } }
          @media (max-width: 480px) {
            #home-bookingmodule #home-booking .booking-device .bookingpanelStep .bookingpanel-btn .btn-important {
              height: 45px; } }
      #home-bookingmodule #home-booking .booking-device .bookingpanelStep1 {
        margin-top: -5px; }
      @media (max-width: 639px) {
        #home-bookingmodule #home-booking .booking-device {
          /*.exchangeCity{
          	top:70px;
          }*/ }
          #home-bookingmodule #home-booking .booking-device .bookingpanelStep1 {
            margin-top: 0; }
          #home-bookingmodule #home-booking .booking-device .exchangeCity-layer {
            height: 19px;
            line-height: 19px; }
          #home-bookingmodule #home-booking .booking-device .bookingpanel-city {
            margin: 1.3em 0;
            height: 44px; }
            #home-bookingmodule #home-booking .booking-device .bookingpanel-city .ui-autocomplete input {
              padding: 10px 0 10px 45px;
              height: 44px; }
            #home-bookingmodule #home-booking .booking-device .bookingpanel-city .ui-autocomplete .ui-autocomplete-box .autocomplete-list {
              z-index: 5; }
            #home-bookingmodule #home-booking .booking-device .bookingpanel-city .ui-autocomplete .ui-autocomplete-box:before {
              display: none; }
            #home-bookingmodule #home-booking .booking-device .bookingpanel-city .bookingpanel-label {
              color: #223B61;
              background: transparent;
              position: absolute;
              width: auto;
              height: auto;
              z-index: 1; }
            #home-bookingmodule #home-booking .booking-device .bookingpanel-city:first-of-type {
              /*margin: 30px 0;*/
              /*height: 44px;*/
              z-index: 5; }
            #home-bookingmodule #home-booking .booking-device .bookingpanel-city:last-of-type {
              /*margin: 30px 0;*/
              /*height: 44px;*/
              z-index: 4; } }
    #home-bookingmodule #home-booking .promotionIcon {
      text-align: center;
      position: absolute;
      z-index: 9;
      bottom: 20px;
      left: 50%; }
      #home-bookingmodule #home-booking .promotionIcon.lowLevel {
        z-index: 9; }
      #home-bookingmodule #home-booking .promotionIcon a {
        margin-left: -30px;
        background-color: #E4007F;
        border-radius: 60px;
        width: 60px;
        text-align: center;
        height: 60px;
        opacity: 0.8;
        padding-top: 7px;
        display: inline-block; }
      #home-bookingmodule #home-booking .promotionIcon a:hover {
        background-color: #ee66b2;
        text-decoration: none; }
      #home-bookingmodule #home-booking .promotionIcon a span {
        color: #fff;
        display: block;
        width: 100%;
        line-height: 15px; }
      @media (max-width: 639px) {
        #home-bookingmodule #home-booking .promotionIcon {
          z-index: 9; } }

#pageTab .tab-header-wrapper .tab-header {
  margin-bottom: 20px;
  height: 55px;
  color: white;
  font-size: 14px;
  text-align: center;
  background: #223B61;
  /*border-right: 1px solid white;*/
  border-left: 1px solid #f8f8f8; }
  #pageTab .tab-header-wrapper .tab-header:hover {
    cursor: pointer; }
  #pageTab .tab-header-wrapper .tab-header.selected {
    background: white;
    color: #4a4a4a; }
  #pageTab .tab-header-wrapper .tab-header span {
    line-height: 55px; }
  #pageTab .tab-header-wrapper .tab-header .tab-header-shadow {
    opacity: 0.23;
    position: absolute;
    right: -23px;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 55px 0 0 22px;
    border-color: transparent transparent transparent black; }
  @media (max-width: 639px) {
    #pageTab .tab-header-wrapper .tab-header {
      display: none; } }
#pageTab .tab-content-wrapper .tab-header-mobile {
  display: none; }
  @media (max-width: 639px) {
    #pageTab .tab-content-wrapper .tab-header-mobile {
      display: block;
      height: 50px;
      padding: 0 20px;
      background: #f8f8f8;
      border: 1px solid white; }
      #pageTab .tab-content-wrapper .tab-header-mobile span {
        line-height: 50px; }
      #pageTab .tab-content-wrapper .tab-header-mobile:after {
        content: '';
        width: 15px;
        height: 8px;
        display: inline-block;
        float: right;
        background-image: url(https://tw.ceair.com/newwebsite/images/icon-arrow-down.png);
        margin-top: 21px;
        transition: -webkit-transform 0.5s ease 0s;
        transition: transform 0.5s ease 0s;
        transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s; } }
#pageTab .tab-content-wrapper .tab-header-link:after {
  display: none; }
#pageTab .tab-content-wrapper .tab-content {
  padding: 0 20px; }
  #pageTab .tab-content-wrapper .tab-content .col-md-10 {
    margin-bottom: 30px; }
  #pageTab .tab-content-wrapper .tab-content .flightstatusForm div.row fieldset {
    margin: 10px 0;
    margin-left: 5px; }
  #pageTab .tab-content-wrapper .tab-content .flightstatusForm form, #pageTab .tab-content-wrapper .tab-content .flightstatusForm #form .row > div {
    margin-top: 13px; }
  #pageTab .tab-content-wrapper .tab-content .flightstatusForm form, #pageTab .tab-content-wrapper .tab-content .flightstatusForm #form fieldset {
    margin-left: 5px; }
  #pageTab .tab-content-wrapper .tab-content .flightstatusForm .airport-search-button {
    padding-top: 20px;
    right: 0;
    padding-right: 15px; }
    @media (max-width: 639px) {
      #pageTab .tab-content-wrapper .tab-content .flightstatusForm .airport-search-button {
        padding-right: 0; } }
  #pageTab .tab-content-wrapper .tab-content .flightstatusForm .flight-search-button {
    padding-top: 20px;
    right: 0;
    padding-right: 15px; }
    @media (max-width: 639px) {
      #pageTab .tab-content-wrapper .tab-content .flightstatusForm .flight-search-button {
        padding-right: 0; } }
  #pageTab .tab-content-wrapper .tab-content .flightstatusForm .expandable-date-wrapper {
    z-index: 10;
    padding: 0;
    padding-right: 15px;
    background: transparent; }
    #pageTab .tab-content-wrapper .tab-content .flightstatusForm .expandable-date-wrapper .dateStly {
      background: white;
      padding: 15px 0; }
  #pageTab .tab-content-wrapper .tab-content .flightstatusForm #submitStatus {
    text-align: center;
    padding: 0;
    max-width: 100%; }
  #pageTab .tab-content-wrapper .tab-content .flightstatusForm #submitStatus:after {
    display: none; }
  #pageTab .tab-content-wrapper .tab-content .display-label {
    padding-left: 0;
    color: #4a4a4a;
    line-height: 1;
    padding-bottom: 8px;
    /*.star {
    	display: none;
    }*/ }
  #pageTab .tab-content-wrapper .tab-content .fromContent .hide-label {
    padding-top: 20px; }
  @media (max-width: 639px) {
    #pageTab .tab-content-wrapper .tab-content {
      display: none; } }
#pageTab .tab-content-wrapper.show .tab-content {
  margin-top: 20px;
  display: block; }
#pageTab .tab-content-wrapper.show .tab-header-mobile:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

@media (min-width: 992px) {
  #myCarousel .carousel-caption {
    height: 25vw; } }
#myCarousel .carousel-caption {
  position: static;
  color: white;
  text-shadow: none;
  background-color: #E4007F;
  padding: 7vw 20px 0; }
  @media (max-width: 991px) {
    #myCarousel .carousel-caption {
      padding: 15px 20px; } }
  @media (max-width: 1199px) and (min-width: 992px) {
    #myCarousel .carousel-caption {
      padding: 25px 20px; } }
#myCarousel .title {
  font-size: 24px;
  font-weight: lighter;
  line-height: 1;
  text-align: left;
  margin-left: 20px; }
  @media (max-width: 991px) {
    #myCarousel .title {
      text-align: center;
      margin-left: 0; } }
  @media (max-width: 639px) {
    #myCarousel .title {
      font-size: 18px;
      text-align: center;
      margin-left: 0; } }
#myCarousel .subtitle {
  margin: 10px 0;
  font-size: 14px;
  text-align: left;
  margin-left: 20px; }
  @media (max-width: 991px) {
    #myCarousel .subtitle {
      text-align: center;
      margin-left: 0; } }
#myCarousel .btn {
  line-height: 50px;
  border: 3px solid white;
  margin-left: 0; }
  @media (max-width: 639px) {
    #myCarousel .btn {
      line-height: 38px; } }
#myCarousel .btn:hover {
  border: 3px solid rgba(255, 255, 255, 0.8); }
#myCarousel .carousel-controls {
  position: absolute;
  right: 30px;
  bottom: 20px; }
  @media (max-width: 991px) {
    #myCarousel .carousel-controls {
      top: 10px;
      right: 10px; } }
@media (max-width: 991px) {
  #myCarousel .carousel-inner .item img {
    float: inherit; } }
#myCarousel .carousel-indicators {
  float: left;
  position: static;
  width: auto;
  margin: 0; }
  #myCarousel .carousel-indicators li {
    height: 10px;
    width: 10px;
    margin: 0;
    margin-right: 5px; }
#myCarousel .carousel-buttons {
  float: left; }
  #myCarousel .carousel-buttons button {
    border: 0;
    text-indent: -999em;
    width: 17px;
    height: 20px;
    margin-right: 10px; }

#myCarouselPause {
  background: url(https://tw.ceair.com/newwebsite/images/icon-pause.svg) center center no-repeat; }

#myCarouselPlay {
  background: url(https://tw.ceair.com/newwebsite/images/white_arrow_right.svg) center center no-repeat;
  background-size: 17px; }

#waistAd .ad-main {
  transition: .6s all;
  position: fixed;
  left: -100%;
  bottom: 0;
  height: 200px;
  opacity: .9;
  width: 100%;
  z-index: 9998; }
#waistAd .ad-btn {
  transition: 0.3s all;
  position: fixed;
  bottom: 30px;
  left: 0;
  height: 120px;
  width: 170px;
  z-index: 9999;
  cursor: pointer; }
#waistAd .ad-close {
  width: 40px;
  text-align: center;
  line-height: 40px;
  background: #102E56;
  opacity: 0.9;
  position: absolute;
  right: 30px;
  top: 20px;
  font-size: 24px;
  cursor: pointer;
  color: #fff; }
#waistAd .ad-move {
  left: 0; }
#waistAd .ad-out {
  left: -100%; }

#cookie-banner {
  opacity: 1;
  transition: all 0.6s ease-in-out;
  height: auto; }
  #cookie-banner .cookie-banner {
    background: #404040;
    padding: 10px 0; }
  #cookie-banner .cb-content {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    padding-right: 100PX;
    position: relative; }
  #cookie-banner .cb-link {
    color: #E4007F;
    text-decoration: underline; }
  #cookie-banner .cb-click {
    font-size: 24px;
    width: 30px;
    background: #5D5D5D;
    line-height: 34px;
    height: 30px;
    text-align: center;
    position: absolute;
    right: 0;
    top: -10px; }

.fare-select-wrapper {
  top: 9px;
  left: 25%;
  min-width: 25%;
  height: 35px;
  position: absolute;
  z-index: 1; }
  .fare-select-wrapper .ui-select-wrapper .display-label {
    display: none; }
  .fare-select-wrapper .ui-select-wrapper .ui-select-box {
    height: 38px;
    border: none; }
    .fare-select-wrapper .ui-select-wrapper .ui-select-box .ui-select {
      background-color: #162844;
      height: 100%;
      color: white;
      font-size: 14px; }

#home-sections li {
  height: 100%;
  overflow: hidden; }
#home-sections li.square {
  height: 13vw;
  overflow: hidden; }
  @media (min-width: 991px) {
    #home-sections li.square {
      height: 16vw; } }
  @media (max-width: 639px) {
    #home-sections li.square {
      height: 100%; }
      #home-sections li.square img {
        height: 100px; } }
#home-sections li.storyitem {
  height: 13vw; }
  @media (max-width: 991px) {
    #home-sections li.storyitem {
      height: 26vw; } }
  @media (max-width: 639px) {
    #home-sections li.storyitem {
      height: 100%; } }
  @media (max-width: 639px) {
    #home-sections li.storyitem .story {
      max-height: 150px; } }
@media (min-width: 640px) {
  #home-sections .storyitem:first-of-type .story-ctn:last-child:before, #home-sections .storyitem:first-of-type .story-ctn:last-child:after {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
    left: -20px;
    right: auto; } }
@media (min-width: 640px) {
  #home-sections .storyitem:last-of-type .story {
    float: right; } }
#home-sections .fare-section {
  position: relative;
  overflow: hidden; }
#home-sections header {
  padding: 0 15px;
  font-size: 16px; }
#home-sections .left-row {
  padding-left: 33px; }
#home-sections .hero {
  position: relative; }
  #home-sections .hero .text-righttop {
    right: 15px;
    left: auto; }
  #home-sections .hero .text-leftbottom {
    bottom: 15px;
    top: auto; }
  #home-sections .hero .text-rightbottom {
    right: 15px;
    left: auto !important;
    bottom: 15px;
    top: auto !important; }
#home-sections a.hero {
  display: block; }
#home-sections .section-more {
  font-size: 18px;
  bottom: 15px;
  right: 15px;
  background-position: 90% center; }
  #home-sections .section-more .btn-link {
    background: url(https://tw.ceair.com/newwebsite/images/arrow.svg) 90px center no-repeat; }
#home-sections .section-title {
  margin-top: 7vw;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 18px; }
  @media (max-width: 639px) {
    #home-sections .section-title {
      padding-left: 20px; } }
  @media (max-width: 991px) {
    #home-sections .section-title {
      font-size: 18px;
      margin-top: 13vw; } }
  @media (max-width: 1199px) and (min-width: 992px) {
    #home-sections .section-title {
      margin-top: 3vw; } }
#home-sections .text.section-title {
  max-width: 1000px;
  font-weight: lighter; }
#home-sections .text.btn-link {
  max-width: 1000px; }
  #home-sections .text.btn-link:hover {
    text-decoration: underline; }
#home-sections .text p {
  margin-bottom: 8px;
  padding: 5px; }
#home-sections .text p.cityname {
  margin-bottom: 5px; }
#home-sections .text p.price {
  margin-bottom: 15px; }
#home-sections .panel-blue {
  display: none; }
  #home-sections .panel-blue.fare-selected {
    display: block; }
  #home-sections .panel-blue a {
    color: white; }
  #home-sections .panel-blue .btn-link {
    color: white;
    background-image: url(https://tw.ceair.com/newwebsite/images/whitearrow.svg);
    background-position: right 9px center; }
    @media (max-width: 639px) {
      #home-sections .panel-blue .btn-link {
        background-position: right 1px center; } }
  #home-sections .panel-blue a.btn-link {
    background-color: #223B61; }
  #home-sections .panel-blue .text p {
    color: white; }
    #home-sections .panel-blue .text p .plane-icon {
      background: url(https://tw.ceair.com/newwebsite/images/plane.svg) no-repeat;
      display: inline-block;
      width: 20px;
      height: 20px;
      position: absolute;
      left: 63%; }
  #home-sections .panel-blue .text .destionation {
    padding: 2px 5px; }
  #home-sections .panel-blue .fareitem:first-child {
    background: #E4007F; }
  #home-sections .panel-blue .fareitem {
    overflow: hidden;
    background: #223B61; }
    #home-sections .panel-blue .fareitem .faretext {
      padding-top: 20px;
      padding-left: 20px;
      font-weight: lighter; }
    #home-sections .panel-blue .fareitem img {
      float: right; }
  #home-sections .panel-blue .section-title span {
    background: #223B61;
    font-size: 24px;
    font-weight: lighter; }
    @media (max-width: 639px) {
      #home-sections .panel-blue .section-title span {
        font-size: 14px; } }
#home-sections .panel-goldtext {
  color: #413202; }
  #home-sections .panel-goldtext header {
    border-bottom: 1px solid #BFA456; }
  #home-sections .panel-goldtext a {
    color: #413202; }
  #home-sections .panel-goldtext .btn-link {
    background-color: white; }
  #home-sections .panel-goldtext div.row .pic-square {
    height: 26vw; }
  #home-sections .panel-goldtext .section-title span {
    background: white;
    font-weight: lighter;
    font-size: 24px; }
    @media (max-width: 639px) {
      #home-sections .panel-goldtext .section-title span {
        font-size: 18px; } }
  #home-sections .panel-goldtext .section-title img {
    margin-left: 15px; }
  #home-sections .panel-goldtext .storyitem .story img {
    min-height: 180px;
    min-height: 13vw; }
  #home-sections .panel-goldtext .text p {
    background: white;
    color: #413202; }
  #home-sections .panel-goldtext .story {
    overflow: hidden; }
  #home-sections .panel-goldtext .story-ctn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    background: url(https://tw.ceair.com/newwebsite/images/story-bg.svg) 5px 0px no-repeat;
    background-size: 95%;
    border: 1px solid #BFA456;
    padding: 20px; }
    @media (max-width: 991px) {
      #home-sections .panel-goldtext .story-ctn {
        background: none;
        height: 26vw; } }
    #home-sections .panel-goldtext .story-ctn:before, #home-sections .panel-goldtext .story-ctn:after {
      content: '';
      display: block;
      position: absolute;
      right: -20px;
      width: 0;
      height: 0;
      border-style: solid;
      z-index: 1;
      top: 50%; }
    #home-sections .panel-goldtext .story-ctn:before {
      border-color: transparent transparent transparent #BFA456;
      border-width: 10px;
      margin-top: -10px; }
    #home-sections .panel-goldtext .story-ctn:after {
      border-color: transparent transparent transparent white;
      border-width: 12px;
      margin-top: -12px; }
    #home-sections .panel-goldtext .story-ctn img {
      float: left; }
@media (min-width: 640px) {
  #home-sections header {
    height: 55px;
    line-height: 55px; }
  #home-sections .section-more, #home-sections .text {
    /*font-size: 18px;
    font-size: 1.2vw;*/
    font-size: 14px; }
  #home-sections .large {
    font-size: 24px;
    /*font-size: 2vw;*/
    line-height: 22px; }
  #home-sections .story-ctn {
    height: 13vw; }
  #home-sections .story-ctn-text {
    display: inline-block;
    padding-left: 5%; } }
@media (max-width: 991px) {
  #home-sections .fare-select-wrapper {
    top: 6px;
    left: 50%;
    width: 50%; }
    #home-sections .fare-select-wrapper .ui-select-wrapper {
      padding-right: 5px; }
  #home-sections header {
    height: 50px;
    line-height: 50px; }
  #home-sections .section-more, #home-sections .text {
    font-size: 12px; }
  #home-sections .large {
    font-size: 24px; }
  #home-sections .story-ctn-text {
    font-size: 12px;
    padding-left: 5%; }
  #home-sections .panel-gold .hero .text {
    top: 5px; }
  #home-sections .panel-gold .title {
    line-height: 20px; } }
@media (max-width: 1199px) and (min-width: 992px) {
  #home-sections .duration {
    display: none; } }
@media (max-width: 639px) {
  #home-sections .fare-select-wrapper {
    top: 6px;
    left: 60%;
    width: 40%; }
  #home-sections .story-ctn {
    height: 26vw; } }
#home-sections .fare-section .fare-selected header {
  padding-left: 40px; }
  @media (max-width: 639px) {
    #home-sections .fare-section .fare-selected header {
      padding-left: 20px; } }

.panel-gold header {
  border-bottom: 1px solid #413202; }
.panel-gold a {
  color: #413202; }
.panel-gold .hero .btn-link {
  background-color: #BFA456;
  color: #413202; }
.panel-gold .second img {
  float: right; }
.panel-gold .pic-square {
  height: 32vw; }
.panel-gold .section-title span {
  background: #BFA456;
  font-weight: lighter;
  font-size: 24px; }
  @media (max-width: 639px) {
    .panel-gold .section-title span {
      font-size: 18px; } }
.panel-gold .large {
  font-size: 24px;
  /*font-size: 2vw;*/
  line-height: 22px; }
.panel-gold .gold-text p {
  background: #BFA456;
  color: #413202;
  width: 80%; }
  @media (min-width: 640px) {
    .panel-gold .gold-text p {
      padding: 5px 0; } }
.panel-gold .gold-text a {
  text-decoration: none; }
  .panel-gold .gold-text a:hover {
    text-decoration: none; }
.panel-gold .gold-text .btn-link:hover {
  text-decoration: underline; }
@media (max-width: 1199px) and (min-width: 992px) {
  .panel-gold .gold-text .desc {
    display: none; } }
.panel-gold .service {
  padding: 5px 9px 0 15px;
  line-height: 1.2; }
  @media (max-width: 639px) {
    .panel-gold .service {
      padding-bottom: 5px; } }
  .panel-gold .service .section-more {
    margin-top: 3px;
    padding: 0; }

.homeVideoPopup {
  text-align: center; }
  .homeVideoPopup:before {
    background-color: #223B61 !important; }
  .homeVideoPopup > a {
    width: 40%;
    line-height: 55px; }
  .homeVideoPopup .youtube {
    margin-right: 5%; }
  .homeVideoPopup .youku {
    margin-left: 5%; }

#travel-alert {
  padding: 15px;
  background-color: white;
  line-height: 19px; }
  #travel-alert .container {
    position: relative; }
    #travel-alert .container:before {
      content: "";
      position: absolute;
      top: 0px;
      left: 15px;
      width: 19px;
      height: 19px;
      background: url(https://tw.ceair.com/newwebsite/images/bell.svg) no-repeat;
      background-size: 100%; }
  @media (max-width: 991px) {
    #travel-alert .alerts {
      padding-right: 80px; } }
  #travel-alert .alerts .wrapper .alert {
    display: block;
    padding: 0;
    margin: 0;
    margin-left: 44px;
    border: none;
    height: 19px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    word-break: normal;
    float: left; }
    @media (max-width: 991px) {
      #travel-alert .alerts .wrapper .alert {
        float: none; } }
  #travel-alert .alerts .showall {
    float: left;
    margin-left: 20px; }
    @media (max-width: 991px) {
      #travel-alert .alerts .showall {
        float: none;
        margin-left: 0;
        position: absolute;
        top: 0;
        right: 0; } }

.oaSiteSelect .oaSelectItems .ui-radio-wrapper {
  width: 46%;
  margin: 2%;
  padding-top: 30%;
  background: url(https://tw.ceair.com/newwebsite/images/oaSelectAU.png) no-repeat left top;
  background-size: 100% auto; }
  .oaSiteSelect .oaSelectItems .ui-radio-wrapper:last-child {
    background-image: url(https://tw.ceair.com/newwebsite/images/oaSelectNZ.png); }

.managebooking .oldsite-tips {
  border-top: 1px solid #D8D8D8;
  padding-bottom: 0; }
  .managebooking .oldsite-tips .oldsite-link {
    display: block;
    padding: 5px 0; }
    .managebooking .oldsite-tips .oldsite-link span.icon-info {
      width: 15px;
      height: 15px;
      background: url(https://tw.ceair.com/newwebsite/images/icon-info-hover.svg) center center no-repeat;
      background-size: 100%;
      margin-right: 5px;
      top: 3px;
      position: relative; }
.managebooking .become-membership {
  padding: 20px; }
  .managebooking .become-membership .become-title {
    font-size: 18px; }
  .managebooking .become-membership .btn {
    float: right;
    margin-top: 10px;
    margin-bottom: 20px; }

#wifi .manageform-wrapper .col-sm-7 p {
  /*新 开始 20161223 Ailsa*/ }
  @media (max-width: 991px) {
    #wifi .manageform-wrapper .col-sm-7 p {
      background-position: 2px 0;
      margin-top: 5px; } }

#wifi .manageform-wrapper > a {
  margin-top: 0; }

#wifi .manageform-wrapper {
  overflow: hidden; }

@media (max-width: 991px) {
  #selectSeat .manageform-wrapper .col-sm-7 p {
    background-position: 2px 0;
    margin-top: 5px; } }

#selectSeat .manageform-wrapper > a {
  margin-top: 0; }

#managebooking {
  margin-top: 20px;
  padding-right: 15px; }
  #managebooking .manageform-wrapper fieldset {
    margin: 10px 0;
    margin-left: 5px; }
  #managebooking .manageform-wrapper .icon-info {
    background-position: center bottom;
    background-size: 16px; }
  @media (min-width: 640px) {
    #managebooking .manageform-wrapper .col-sm-7 {
      margin-top: 50px; } }
  #managebooking .manageform-wrapper .col-sm-7 p {
    padding-left: 30px;
    background: url(https://tw.ceair.com/newwebsite/images/icon-info-hover.svg) center center no-repeat;
    background-size: 20px 19px;
    border: none; }
    @media (min-width: 640px) {
      #managebooking .manageform-wrapper .col-sm-7 p {
        background-position: 20px 0;
        padding-left: 50px;
        border-left: 1px solid #D8D8D8; } }
  #managebooking .manageform-wrapper .display-label {
    padding-left: 0px;
    color: #4a4a4a;
    line-height: 1;
    padding-bottom: 5px; }
  #managebooking .manageform-wrapper .btn-second {
    margin-top: 5px; }
  #managebooking .manageform-wrapper > a {
    margin-top: -20px; }

.managebooking-related .gold-text {
  padding-left: 30px; }
.managebooking-related .title {
  margin: 10px 0; }

.manage-container {
  width: 100% !important; }

.container > .managetips {
  margin: 20px 0;
  padding-left: 0;
  min-height: 19px; }
  .container > .managetips li {
    float: left;
    background: url(https://tw.ceair.com/newwebsite/images/icon-check-black.svg) 3px 4px no-repeat;
    padding: 0 15px; }
    @media (max-width: 639px) {
      .container > .managetips li {
        background: url(https://tw.ceair.com/newwebsite/images/icon-check-black.svg) 3px 2px no-repeat; } }

.manage-tips {
  min-height: 19px;
  margin: 20px 0;
  padding: 0 10px; }
  .manage-tips > p {
    background: url(https://tw.ceair.com/newwebsite/images/icon-check-black.svg) 3px center no-repeat;
    padding-left: 15px; }

.panel-blue .btn-third {
  padding-top: 10px;
  background-color: transparent;
  color: white;
  border: 3px solid white;
  margin-top: 10px; }
  @media (max-width: 639px) {
    .panel-blue .btn-third {
      padding-top: 5px; } }
.panel-blue .btn-third:hover {
  border: 3px solid rgba(255, 255, 255, 0.8); }

.panel-goldtext .btn-special {
  padding-top: 10px;
  margin-top: 10px; }
  @media (max-width: 639px) {
    .panel-goldtext .btn-special {
      padding-top: 5px; } }
.panel-goldtext .btn-special:hover {
  cursor: pointer;
  border-color: #7d631e; }

#bookingdevice .bookingPanelForm .col-md-offset-2 .bookingpanelStep, #bookingdevice .bookingPanelForm .col-md-offset-2 .row {
  margin-bottom: 0;
  margin-top: 0; }

#home-booking #bookingdevice .bookingpanel-city .ui-autocomplete .ui-autocomplete-box, .bookingPanelForm .bookingpanel-city .ui-autocomplete .ui-autocomplete-box {
  border-bottom: none; }
  @media (max-width: 639px) {
    #home-booking #bookingdevice .bookingpanel-city .ui-autocomplete .ui-autocomplete-box .clearBtn, .bookingPanelForm .bookingpanel-city .ui-autocomplete .ui-autocomplete-box .clearBtn {
      display: none !important; } }

.actionImg {
  max-width: 179px;
  height: 179px;
  overflow: hidden;
  float: right; }
  .actionImg img {
    width: 100%;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .actionImg img:hover {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s; }

.page-tab {
  min-height: 264px; }
  @media (max-width: 639px) {
    .page-tab {
      height: auto; } }

.col-md-offset-3 .row {
  margin-bottom: 0; }

#setion-carousel {
  position: relative;
  top: 5px; }

#setion-faresales {
  background: #223B61;
  color: white;
  position: relative; }
  #setion-faresales .departure .header {
    padding-left: 15px;
    border-bottom: 1px solid #284c88; }
    #setion-faresales .departure .header h2 {
      font-size: 16px;
      line-height: 55px; }
    #setion-faresales .departure .header .ui-select-wrapper {
      padding: 8px;
      margin: 0; }
      #setion-faresales .departure .header .ui-select-wrapper .ui-select-box {
        border: none;
        height: 38px; }
      #setion-faresales .departure .header .ui-select-wrapper .ui-select {
        color: white;
        background: #162844; }
  #setion-faresales .departure .content {
    width: 100%; }
    #setion-faresales .departure .content .describe {
      margin-top: 3vw;
      padding: 0 20px;
      font-size: 18px; }
      #setion-faresales .departure .content .describe .ui-select-wrapper {
        padding: 8px 0;
        margin: 0; }
        #setion-faresales .departure .content .describe .ui-select-wrapper .ui-select-box {
          height: 42px; }
        #setion-faresales .departure .content .describe .ui-select-wrapper .ui-select-box:before {
          background: url(https://tw.ceair.com/newwebsite/images/triangle-down.svg) no-repeat; }
        #setion-faresales .departure .content .describe .ui-select-wrapper .ui-select {
          border: none !important;
          padding: 10px 12px;
          color: white;
          background: #162844;
          font-size: 18px;
          font-weight: bold; }
      #setion-faresales .departure .content .describe .btn-more {
        margin-top: 10px;
        background: #223B61;
        color: white;
        border: 3px solid white; }
      #setion-faresales .departure .content .describe .btn-more-new {
        position: relative;
        background: none;
        color: #ffffff;
        width: auto;
        max-width: auto;
        height: 22px;
        line-height: 22px; }
      #setion-faresales .departure .content .describe .btn-more-new:after {
        content: "";
        background: url(https://tw.ceair.com/newwebsite/images/triangle-down.svg) no-repeat;
        height: 10px;
        width: 10px;
        right: -15px;
        top: 5px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        background-size: 80%;
        position: absolute; }
      @media (max-width: 991px) {
        #setion-faresales .departure .content .describe {
          margin-top: 2vw;
          padding: 0 20px;
          font-size: 13px; }
          #setion-faresales .departure .content .describe .btn-more {
            height: 40px;
            line-height: 40px; } }
      @media (max-width: 639px) {
        #setion-faresales .departure .content .describe {
          margin-top: 3vw;
          font-size: 14px; } }
    #setion-faresales .departure .content .pic img {
      width: 100%; }
  #setion-faresales .arrival .header {
    padding: 0 15px;
    line-height: 55px;
    border-bottom: 1px solid #284c88; }
    #setion-faresales .arrival .header .more {
      color: white;
      text-decoration: underline; }
    #setion-faresales .arrival .header .h55 {
      min-height: 55px; }
  #setion-faresales .arrival .content {
    width: 100%; }
    #setion-faresales .arrival .content .item .fz12 {
      font-size: 12px !important; }
    #setion-faresales .arrival .content .item .fz18 {
      font-size: 18px !important; }
    #setion-faresales .arrival .content .item .piece .text {
      font-size: 16px;
      padding: 20px; }
      #setion-faresales .arrival .content .item .piece .text p {
        padding: 1px;
        line-height: 14px; }
        #setion-faresales .arrival .content .item .piece .text p:last-child {
          margin-bottom: 0; }
        #setion-faresales .arrival .content .item .piece .text p .type {
          line-height: 22px; }
      #setion-faresales .arrival .content .item .piece .text .link {
        margin-bottom: 20px; }
        @media (max-width: 991px) {
          #setion-faresales .arrival .content .item .piece .text .link {
            margin-bottom: 10px; } }
        #setion-faresales .arrival .content .item .piece .text .link a {
          font-size: 100%;
          color: white;
          text-decoration: underline; }
        #setion-faresales .arrival .content .item .piece .text .link a.pink-link {
          padding: 5px 6px;
          border: 2px solid #ffffff;
          display: inline-block;
          color: #ffffff;
          text-decoration: none;
          font-size: 14px;
          text-align: center; }
          #setion-faresales .arrival .content .item .piece .text .link a.pink-link img {
            height: 10px;
            width: 10px;
            -webkit-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                    transform: rotate(-90deg);
            margin-left: 5px;
            margin-top: -2px; }
          @media (max-width: 991px) {
            #setion-faresales .arrival .content .item .piece .text .link a.pink-link {
              font-size: 12px; } }
    #setion-faresales .arrival .content .item .piece .pic img {
      width: 100%; }
    #setion-faresales .arrival .content .item .piece:first-child {
      background: #E4007F; }
    #setion-faresales .arrival .content .item .piece.full {
      height: 100%; }
      #setion-faresales .arrival .content .item .piece.full .text > .link > a.pink-link {
        padding: 10px; }
    #setion-faresales .arrival .content .item .piece.half {
      height: 50%;
      border-bottom: 1px solid #284c88; }
      #setion-faresales .arrival .content .item .piece.half .text {
        font-size: 14px;
        padding: 15px 20px; }
        #setion-faresales .arrival .content .item .piece.half .text p {
          margin-bottom: 6px; }
    @media (max-width: 1080px) {
      #setion-faresales .arrival .content .item .piece.half .text .date {
        display: none; } }
    @media (max-width: 991px) {
      #setion-faresales .arrival .content .item .piece .text {
        font-size: 14px; }
        #setion-faresales .arrival .content .item .piece .text p {
          margin-bottom: 6px; }
      #setion-faresales .arrival .content .item .piece.half .text {
        font-size: 12px;
        padding: 5px 10px; }
        #setion-faresales .arrival .content .item .piece.half .text .date {
          display: none; } }
    @media (max-width: 639px) {
      #setion-faresales .arrival .content .item .piece .text {
        font-size: 14px; }
        #setion-faresales .arrival .content .item .piece .text p {
          margin-bottom: 8px; }
      #setion-faresales .arrival .content .item .piece.half {
        height: 100%; }
        #setion-faresales .arrival .content .item .piece.half .text {
          font-size: 14px;
          padding: 20px; }
          #setion-faresales .arrival .content .item .piece.half .text .date {
            display: block; } }
  #setion-faresales .arrival .carousel-indicators {
    top: 0;
    right: 15px;
    left: auto;
    bottom: auto;
    width: auto;
    margin: 0; }
    #setion-faresales .arrival .carousel-indicators li {
      width: 10px;
      height: 10px;
      margin: 0;
      margin-right: 5px; }

#setion-brandservice {
  position: relative; }
  #setion-brandservice .pic-square {
    height: auto;
    overflow: hidden; }
  #setion-brandservice li.square {
    height: auto;
    overflow: hidden; }
    #setion-brandservice li.square img {
      height: auto; }
  @media (max-width: 1199px) {
    #setion-brandservice .gold-text .large {
      font-size: 18px;
      line-height: 18px; } }
  @media (max-width: 991px) {
    #setion-brandservice .gold-text .large {
      font-size: 24px;
      line-height: 22px; } }
  @media (max-width: 640px) {
    #setion-brandservice .gold-text .large {
      font-size: 24px;
      line-height: 22px; } }

#setion-story .pic-square {
  height: auto;
  overflow: hidden; }

#memberInfo h1 {
  background-image: url(https://tw.ceair.com/newwebsite/images/personal-info.svg); }
#memberInfo .shadowcard-wrapper .shadowcard ul {
  padding: 0; }
  #memberInfo .shadowcard-wrapper .shadowcard ul li {
    border-left: 1px solid #D8D8D8;
    padding-left: 15px;
    margin: 15px 0;
    min-height: 38px; }
  #memberInfo .shadowcard-wrapper .shadowcard ul .Passport {
    width: 100%; }
  #memberInfo .shadowcard-wrapper .shadowcard ul .value {
    font-weight: bold;
    word-break: break-all; }
#memberInfo .shadowcard-wrapper .shadowcard .btn {
  width: 47%;
  margin-right: 10px;
  margin-bottom: 20px; }
#memberInfo .shadowcard-wrapper .shadowcard .row:last-child {
  padding-left: 0;
  padding-right: 0; }
@media (max-width: 639px) {
  #memberInfo .shadowcard-wrapper .shadowcard .btn {
    width: 92%;
    margin-right: 10px;
    margin-bottom: 20px; } }

#beneficiaryForm .grayLine {
  border-top: 1px solid #D8D8D8;
  padding: 0; }
#beneficiaryForm .pdt20 {
  padding-top: 20px; }
#beneficiaryForm .mt20 {
  margin-top: 20px; }

#myVisa .visatxt {
  background: #f1f1f1;
  padding: 30px 15px; }
#myVisa a.visaStyle, #myVisa a.visaStyle:hover {
  color: #fff;
  display: inline-block;
  height: 55px;
  line-height: 55px;
  width: 100%;
  text-decoration: none; }

#memberCard .membercard {
  text-align: center;
  padding: 20px 0;
  min-height: 300px;
  width: 90%;
  margin: 0 auto; }
  #memberCard .membercard a {
    display: inline-block;
    width: 45%;
    margin-left: 10%; }
  #memberCard .membercard a:first-child {
    margin-left: 0; }
  #memberCard .membercard img {
    width: 100%;
    height: auto; }
  #memberCard .membercard .text-wraper {
    padding-top: 20px; }
  @media (max-width: 639px) {
    #memberCard .membercard {
      min-height: auto;
      padding: 20px 15px;
      width: 100%; }
      #memberCard .membercard a {
        display: inline-block;
        width: 100%;
        margin-left: 0;
        margin-bottom: 15px; }
      #memberCard .membercard .text-wraper {
        padding-top: 0; } }

#pointClaimAdd {
  /* #claimTab{
  	position: relative;
  } */ }
  #pointClaimAdd .ponitClaimTxt {
    position: relative;
    top: -9px;
    color: #223b61; }
  #pointClaimAdd #checkbox-wrapper .ui-checkbox-wrapper {
    padding-right: 0; }
    #pointClaimAdd #checkbox-wrapper .ui-checkbox-wrapper label {
      margin-right: 0; }
  @media (max-width: 639px) {
    #pointClaimAdd .ponitClaimTxt {
      padding-top: 0; } }
  #pointClaimAdd .tabbox .tabs.points-claim-tabs .item {
    min-width: 20%;
    white-space: nowrap; }

#pointPurchase .purchaseWraper .headers {
  background-color: #223b61;
  color: #ffffff;
  padding: 10px 15px; }
  #pointPurchase .purchaseWraper .headers h4 {
    font-size: 14px; }
  #pointPurchase .purchaseWraper .headers .tips-list {
    padding: 10px 0;
    font-size: 12px;
    overflow: hidden; }
    #pointPurchase .purchaseWraper .headers .tips-list li {
      float: left;
      width: 33%; }
#pointPurchase .purchaseWraper .purchaseContent {
  padding: 10px 15px;
  margin-bottom: 20px;
  background-color: #ffffff; }
  #pointPurchase .purchaseWraper .purchaseContent .pointSpan {
    display: inline-block; }
  #pointPurchase .purchaseWraper .purchaseContent .pointInputWraper {
    width: 125px;
    display: inline-block; }
    #pointPurchase .purchaseWraper .purchaseContent .pointInputWraper .ui-input-wrapper {
      padding-right: 0; }
    #pointPurchase .purchaseWraper .purchaseContent .pointInputWraper .display-label {
      height: 0; }
    #pointPurchase .purchaseWraper .purchaseContent .pointInputWraper label {
      margin-bottom: 0; }
  #pointPurchase .purchaseWraper .purchaseContent .ponitHeight {
    min-height: 55px;
    line-height: 55px;
    border-left: 1px solid #aaa;
    padding-bottom: 500px;
    margin-bottom: -500px;
    padding-left: 15px;
    font-weight: bold; }
    #pointPurchase .purchaseWraper .purchaseContent .ponitHeight .btn-pink {
      max-width: 143px; }
    #pointPurchase .purchaseWraper .purchaseContent .ponitHeight #buyPointBtn:disabled {
      background-color: #D8D8D8 !important;
      color: #8D8D8D !important; }
    #pointPurchase .purchaseWraper .purchaseContent .ponitHeight .pointPrice {
      font-size: 18px;
      color: #e4007f; }
    @media (max-width: 639px) {
      #pointPurchase .purchaseWraper .purchaseContent .ponitHeight {
        border-left: none; } }
  #pointPurchase .purchaseWraper .purchaseContent .ponitHeight:first-child {
    border-left: none; }
  #pointPurchase .purchaseWraper .purchaseContent .lineHeight {
    line-height: 24px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 515px; }
  #pointPurchase .purchaseWraper .purchaseContent span.point {
    height: 20px;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle; }
  #pointPurchase .purchaseWraper .purchaseContent .ovhidden {
    overflow: hidden; }
#pointPurchase .shadowcard-wrapper .shadowcard table td, #pointPurchase .shadowcard-wrapper .shadowcard table th {
  border: none;
  border-bottom: 1px solid #D8D8D8;
  border-left: 1px solid #D8D8D8; }
#pointPurchase .shadowcard-wrapper .shadowcard table td:first-child, #pointPurchase .shadowcard-wrapper .shadowcard table th:first-child {
  border-left: none; }

#memberInfoProfile .documents_list .item {
  padding-right: 30px; }
  #memberInfoProfile .documents_list .item.editing {
    color: #294f9a; }
#memberInfoProfile .documents_list .del {
  float: right; }

#register .readTerm {
  padding: 15px 0 0 0;
  border-top: 1px solid #D8D8D8;
  margin-top: 0; }
#register .registerBTN {
  text-align: right; }
#register .btn-submit {
  float: right; }
#register .text-conditions .value {
  	/*position: relative;
  top: 16px;*/
  height: 54px;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -webkit-box-align: center;
  -moz-box-align: center;
  text-align: right; }
#register .documents_list .item {
  padding-right: 30px; }
  #register .documents_list .item.editing {
    color: #294f9a; }
#register .documents_list .del {
  float: right; }
@media (max-width: 640px) {
  #register .text-normal .value {
    position: relative;
    top: 0; } }

#checkinResult .table {
  border-top: 3px solid #223B61;
  border-bottom: 1px solid #ddd; }
  @media (max-width: 991px) {
    #checkinResult .table {
      width: 100%; } }
  #checkinResult .table thead th {
    width: 50%;
    border-right: 1px solid #ddd;
    text-align: center; }
  #checkinResult .table thead th:last-child {
    border-right: none; }
  #checkinResult .table tbody td {
    width: 50%;
    border-right: 1px solid #ddd;
    text-align: center; }
  #checkinResult .table tbody td:last-child {
    border-right: none; }
  #checkinResult .table tbody tr:nth-of-type(even) {
    background-color: #f8f8f8; }

@media (max-width: 660px) {
  .checkinResult .col-md-8 .row li {
    float: left;
    width: 100%; }
  .checkinResult .col-md-8 .row li:last-child {
    text-align: left; } }
#modifyInformation .subtitleModify {
  padding-bottom: 0;
  padding-top: 20px; }
  #modifyInformation .subtitleModify p {
    font-size: 24px; }
#modifyInformation .FirstPassenger {
  border-top: none;
  padding-top: 0; }
#modifyInformation .modifyBTN {
  text-align: right;
  padding-right: 30px; }
  #modifyInformation .modifyBTN button {
    margin-left: 10px; }
@media (max-width: 639px) {
  #modifyInformation .ui-select-wrapper {
    padding-right: 0; }
  #modifyInformation .col-xs-3 label {
    padding-right: 5px; }
  #modifyInformation .modifyBTN {
    padding-right: 15px; }
    #modifyInformation .modifyBTN button {
      margin-bottom: 10px;
      margin-left: 0; } }

.confirmInformation .col-md-8 {
  background-color: #fff;
  padding: 15px; }
  .confirmInformation .col-md-8 .confirmTitle p:first-child {
    font-size: 18px;
    margin-bottom: 10px; }
  .confirmInformation .col-md-8 .Info {
    margin: 20px 0 10px;
    border-left: 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8; }
    .confirmInformation .col-md-8 .Info .row {
      border-bottom: 1px solid #D8D8D8;
      padding: 10px 0 10px 15px; }
      .confirmInformation .col-md-8 .Info .row p {
        width: 50%;
        float: left; }
        .confirmInformation .col-md-8 .Info .row p span {
          margin-right: 10px; }
    .confirmInformation .col-md-8 .Info .infoHeader {
      background-color: #223B61;
      color: #fff;
      font-weight: bold;
      border-bottom: none; }
  .confirmInformation .col-md-8 .row a {
    float: right;
    color: #223B61; }
  .confirmInformation .col-md-8 .row ul li span.value {
    font-weight: bold;
    padding-left: 5px; }
  .confirmInformation .col-md-8 .row ul li:last-child {
    float: right;
    text-align: right; }
  @media (max-width: 660px) {
    .confirmInformation .col-md-8 .row ul li {
      float: left;
      width: 100%; }
    .confirmInformation .col-md-8 .row ul li:last-child {
      text-align: left; } }
  .confirmInformation .col-md-8 .row a.clickDetail {
    color: #2A5390;
    margin-top: 10px; }
  .confirmInformation .col-md-8 .confirmTitle {
    margin-top: 20px; }
  .confirmInformation .col-md-8 #contactInfo {
    margin-top: 20px; }
    .confirmInformation .col-md-8 #contactInfo .shadowcard .row {
      padding: 0; }
      .confirmInformation .col-md-8 #contactInfo .shadowcard .row button {
        margin-top: 50px; }
        @media (max-width: 639px) {
          .confirmInformation .col-md-8 #contactInfo .shadowcard .row button {
            margin-top: 15px; } }
      .confirmInformation .col-md-8 #contactInfo .shadowcard .row button:last-child {
        float: right; }
      .confirmInformation .col-md-8 #contactInfo .shadowcard .row .custom-form .row .col-sm-4:last-child label {
        padding-right: 0; }

@media (min-width: 992px) {
  #lostItems {
    padding-left: 15px; } }
#lostItems .lost-items {
  background-color: #ffffff;
  margin-bottom: 30px; }
  #lostItems .lost-items .table {
    border-top: 2px solid #223B61;
    margin: 0; }
  #lostItems .lost-items .table > thead > tr > th {
    font-weight: bold; }
  #lostItems .lost-items .table > thead > tr > th, #lostItems .lost-items .table > thead > tr > td, #lostItems .lost-items .table > tbody > tr > th, #lostItems .lost-items .table > tbody > tr > td, #lostItems .lost-items .table > tfoot > tr > th, #lostItems .lost-items .table > tfoot > tr > td {
    padding: 20px 8px;
    text-align: center; }
  @media (max-width: 639px) {
    #lostItems .lost-items .table tbody tr {
      width: 100%; }
    #lostItems .lost-items .table tbody tr:nth-of-type(2):after {
      display: none;
      background: none; } }

#ticketVerification {
  padding-left: 15px;
  padding-bottom: 30px; }
  #ticketVerification .lost-des {
    background-color: #ffffff;
    border-top: 2px solid #223B61;
    line-height: 1.5;
    padding: 20px; }
    #ticketVerification .lost-des .lost-tit {
      font-weight: bold;
      padding-top: 30px; }
  #ticketVerification .lost-des-no {
    border-top: 2px solid #E4007F; }
  #ticketVerification .lost-tips {
    line-height: 1.5;
    padding: 20px 0; }
    #ticketVerification .lost-tips ul li {
      margin-bottom: 5px; }
      #ticketVerification .lost-tips ul li span {
        width: 95%;
        display: inline-block; }
    #ticketVerification .lost-tips ul li:before {
      background: #E4007F;
      content: "";
      display: inline-block;
      width: 6px;
      height: 6px;
      margin: 5px 15px 0 5px;
      vertical-align: top; }
  #ticketVerification table {
    background-color: #ffffff; }

#newcheckin .disabled {
  cursor: not-allowed;
  opacity: 0.6; }
#newcheckin dd.tip:before {
  background: #E4007F;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 5px 15px 0 5px;
  vertical-align: top; }

.iconplane, .checkInSteps .passengerList .passengerTicket .row .col-md-8 .flightNo .iconMU, #choosePassengers .passengerList .passengerTicket .row .col-md-8 .flightNo .iconMU {
  display: inline-block;
  width: 18px;
  height: 14px; }

.tac {
  text-align: center; }

.fn {
  float: none !important; }

.checkInSteps, #choosePassengers {
  background-color: #fff;
  margin-bottom: 15px;
  margin-right: 0; }
  .checkInSteps .attentionTips, #choosePassengers .attentionTips {
    margin-top: 5px;
    background: url(https://tw.ceair.com/newwebsite/images/icon-info.svg) no-repeat 5px top;
    background-size: 30px 30px;
    padding-left: 40px !important;
    min-height: 40px; }
    .checkInSteps .attentionTips p.tip:before, #choosePassengers .attentionTips p.tip:before {
      background: #E4007F;
      content: "";
      display: inline-block;
      width: 6px;
      height: 6px;
      margin: 5px 15px 0 5px;
      vertical-align: top; }
  .checkInSteps .passenger-box-unexpand .passenger-box-title, #choosePassengers .passenger-box-unexpand .passenger-box-title {
    font-size: 16px; }
  .checkInSteps .btn.btn-back, #choosePassengers .btn.btn-back {
    background-color: #fff;
    border: 3px solid #223B61;
    color: #223B61;
    line-height: 52px; }
  .checkInSteps .btn.btn-nextStep, #choosePassengers .btn.btn-nextStep {
    float: right;
    background-color: #223B61;
    color: #fff; }
  .checkInSteps .sectionTitle, #choosePassengers .sectionTitle {
    background-color: #223B61;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    text-indent: 1em;
    font-weight: bold; }
  .checkInSteps .takeAccount, #choosePassengers .takeAccount {
    padding: 9px 1em;
    background-color: #fff;
    color: #474747;
    border-bottom: 15px solid #f8f8f8; }
    .checkInSteps .takeAccount .ui-checkbox-wrapper, #choosePassengers .takeAccount .ui-checkbox-wrapper {
      font-weight: normal; }
    .checkInSteps .takeAccount .agreement, #choosePassengers .takeAccount .agreement {
      font-size: 14px;
      text-decoration: underline; }
  .checkInSteps .passengerList .passengerTicket, #choosePassengers .passengerList .passengerTicket {
    font-size: 12px;
    border: 1px solid #D8D8D8;
    border-bottom: none;
    margin-bottom: 15px;
    background-color: #fff; }
    .checkInSteps .passengerList .passengerTicket a, #choosePassengers .passengerList .passengerTicket a {
      font-size: 12px; }
    .checkInSteps .passengerList .passengerTicket:last-child, #choosePassengers .passengerList .passengerTicket:last-child {
      margin-bottom: 0; }
    .checkInSteps .passengerList .passengerTicket:hover, #choosePassengers .passengerList .passengerTicket:hover {
      border-color: #223B61; }
    .checkInSteps .passengerList .passengerTicket .row, #choosePassengers .passengerList .passengerTicket .row {
      border-bottom: 1px solid #D8D8D8; }
      .checkInSteps .passengerList .passengerTicket .row .checkinerr, #choosePassengers .passengerList .passengerTicket .row .checkinerr {
        position: relative;
        vertical-align: middle;
        margin-left: 5px;
        display: inline-block;
        width: 23px;
        height: 23px;
        background: url(https://tw.ceair.com/newwebsite/images/icon-question.png) no-repeat;
        cursor: pointer; }
        .checkInSteps .passengerList .passengerTicket .row .checkinerr .errinformation, #choosePassengers .passengerList .passengerTicket .row .checkinerr .errinformation {
          border: 1px solid #c4142b;
          color: #c4142b;
          font-size: 14px;
          text-align: left;
          position: absolute;
          z-index: 999;
          width: 380px;
          padding: 10px;
          left: 0;
          top: 100%;
          display: none;
          background-color: #fff; }
        .checkInSteps .passengerList .passengerTicket .row .checkinerr:hover .errinformation, #choosePassengers .passengerList .passengerTicket .row .checkinerr:hover .errinformation {
          display: block; }
      .checkInSteps .passengerList .passengerTicket .row .col-md-1, #choosePassengers .passengerList .passengerTicket .row .col-md-1 {
        text-align: center;
        margin-top: 8px; }
      .checkInSteps .passengerList .passengerTicket .row .col-md-12, #choosePassengers .passengerList .passengerTicket .row .col-md-12, .checkInSteps .passengerList .passengerTicket .row .col-md-11, #choosePassengers .passengerList .passengerTicket .row .col-md-11 {
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        vertical-align: middle; }
        .checkInSteps .passengerList .passengerTicket .row .col-md-12 img, #choosePassengers .passengerList .passengerTicket .row .col-md-12 img, .checkInSteps .passengerList .passengerTicket .row .col-md-11 img, #choosePassengers .passengerList .passengerTicket .row .col-md-11 img {
          margin: 0 15px; }
        .checkInSteps .passengerList .passengerTicket .row .col-md-12 b, #choosePassengers .passengerList .passengerTicket .row .col-md-12 b, .checkInSteps .passengerList .passengerTicket .row .col-md-11 b, #choosePassengers .passengerList .passengerTicket .row .col-md-11 b {
          color: #4a4a4a;
          margin-right: 15px; }
          .checkInSteps .passengerList .passengerTicket .row .col-md-12 b.passengerType, #choosePassengers .passengerList .passengerTicket .row .col-md-12 b.passengerType, .checkInSteps .passengerList .passengerTicket .row .col-md-11 b.passengerType, #choosePassengers .passengerList .passengerTicket .row .col-md-11 b.passengerType {
            /*width: 50px;*/
            display: inline-block; }
        .checkInSteps .passengerList .passengerTicket .row .col-md-12 i, #choosePassengers .passengerList .passengerTicket .row .col-md-12 i, .checkInSteps .passengerList .passengerTicket .row .col-md-11 i, #choosePassengers .passengerList .passengerTicket .row .col-md-11 i {
          font-style: normal;
          margin-right: 15px; }
      .checkInSteps .passengerList .passengerTicket .row .col-md-8, #choosePassengers .passengerList .passengerTicket .row .col-md-8 {
        height: 142px;
        border-right: 1px solid #D8D8D8; }
        .checkInSteps .passengerList .passengerTicket .row .col-md-8 .flightPart, #choosePassengers .passengerList .passengerTicket .row .col-md-8 .flightPart {
          width: 80%;
          font-size: 22px;
          font-weight: bold;
          color: #4a4a4a;
          background: url(https://tw.ceair.com/newwebsite/images/icon-flightpart.png) no-repeat center center; }
          .checkInSteps .passengerList .passengerTicket .row .col-md-8 .flightPart:after, #choosePassengers .passengerList .passengerTicket .row .col-md-8 .flightPart:after {
            content: "";
            display: block;
            clear: both; }
          .checkInSteps .passengerList .passengerTicket .row .col-md-8 .flightPart .airport, #choosePassengers .passengerList .passengerTicket .row .col-md-8 .flightPart .airport {
            float: left;
            padding: 30px 15px;
            width: 31%;
            text-align: center; }
            .checkInSteps .passengerList .passengerTicket .row .col-md-8 .flightPart .airport p, #choosePassengers .passengerList .passengerTicket .row .col-md-8 .flightPart .airport p {
              font-size: 12px;
              font-weight: normal; }
              .checkInSteps .passengerList .passengerTicket .row .col-md-8 .flightPart .airport p.airportName, #choosePassengers .passengerList .passengerTicket .row .col-md-8 .flightPart .airport p.airportName {
                font-size: 14px;
                max-height: 38px;
                overflow: hidden; }
          .checkInSteps .passengerList .passengerTicket .row .col-md-8 .flightPart .arrive, #choosePassengers .passengerList .passengerTicket .row .col-md-8 .flightPart .arrive {
            float: right; }
        .checkInSteps .passengerList .passengerTicket .row .col-md-8 .flightNo, #choosePassengers .passengerList .passengerTicket .row .col-md-8 .flightNo {
          position: absolute;
          right: 2%;
          top: 13%;
          font-weight: bold; }
          .checkInSteps .passengerList .passengerTicket .row .col-md-8 .flightNo .iconMU, #choosePassengers .passengerList .passengerTicket .row .col-md-8 .flightNo .iconMU {
            background: url(https://tw.ceair.com/newwebsite/images/icon-planeMU.png) no-repeat; }
      .checkInSteps .passengerList .passengerTicket .row .col-md-4, #choosePassengers .passengerList .passengerTicket .row .col-md-4 {
        height: 142px; }
        .checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatNo, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatNo {
          border-bottom: 1px solid #D8D8D8;
          padding: 35px 0 29px;
          text-align: center; }
          .checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatNo span, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatNo span {
            font-weight: bold;
            font-size: 22px; }
            .checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatNo span s, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatNo span s {
              font-size: 15px;
              text-decoration: none;
              margin-right: 10px; }
          .checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatNo .printQr, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatNo .printQr {
            border: none;
            cursor: pointer;
            width: 24px;
            height: 24px;
            float: right;
            margin-right: 10%;
            background: url(https://tw.ceair.com/newwebsite/images/qrcode_cur.png) no-repeat; }
            .checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatNo .printQr.disabled, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatNo .printQr.disabled {
              background-image: url(https://tw.ceair.com/newwebsite/images/qrcode.png);
              cursor: not-allowed; }
          .checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatNo .printSeatNo, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatNo .printSeatNo {
            border: none;
            cursor: pointer;
            width: 24px;
            height: 24px;
            float: right;
            margin-right: 18%;
            background: url(https://tw.ceair.com/newwebsite/images/icon-print.png) no-repeat; }
            .checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatNo .printSeatNo.disabled, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatNo .printSeatNo.disabled {
              background-image: url(https://tw.ceair.com/newwebsite/images/icon-print-1.png);
              cursor: not-allowed; }
        .checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatOperations .twoBtn, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatOperations .twoBtn {
          font-weight: bold;
          padding: 13px 0 14px;
          width: 50%;
          text-align: center;
          display: inline-block; }
          .checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatOperations .twoBtn:first-child, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatOperations .twoBtn:first-child {
            border-right: 1px solid #D8D8D8; }
          .checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatOperations .twoBtn.disabled, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatOperations .twoBtn.disabled {
            color: #b0b0b0;
            cursor: not-allowed; }
        .checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatOperations .oneBtn, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatOperations .oneBtn {
          font-weight: bold;
          padding: 13px 0 14px;
          width: 100%;
          text-align: center;
          display: inline-block; }
          .checkInSteps .passengerList .passengerTicket .row .col-md-4 .seatOperations .oneBtn.disabled, #choosePassengers .passengerList .passengerTicket .row .col-md-4 .seatOperations .oneBtn.disabled {
            color: #b0b0b0;
            cursor: not-allowed; }
      @media (max-width: 991px) {
        .checkInSteps .passengerList .passengerTicket .row .col-md-4, #choosePassengers .passengerList .passengerTicket .row .col-md-4 {
          border-top: 1px solid #D8D8D8; } }
    .checkInSteps .passengerList .passengerTicket .passengerTicket-airport, #choosePassengers .passengerList .passengerTicket .passengerTicket-airport {
      font-size: 18px;
      font-weight: 700; }
    .checkInSteps .passengerList .passengerTicket .passengerTicket-airport-name, #choosePassengers .passengerList .passengerTicket .passengerTicket-airport-name {
      font-size: 14px; }
    .checkInSteps .passengerList .passengerTicket .seatOperations, #choosePassengers .passengerList .passengerTicket .seatOperations {
      font-weight: 700; }
      .checkInSteps .passengerList .passengerTicket .seatOperations a, #choosePassengers .passengerList .passengerTicket .seatOperations a {
        border-right: 1px solid #D8D8D8; }
        .checkInSteps .passengerList .passengerTicket .seatOperations a:last-child, #choosePassengers .passengerList .passengerTicket .seatOperations a:last-child {
          border-right: none; }
    .checkInSteps .passengerList .passengerTicket .printSeatNo, #choosePassengers .passengerList .passengerTicket .printSeatNo {
      border: none;
      cursor: pointer;
      height: 40px;
      background: url(https://tw.ceair.com/newwebsite/images/icon-print.png) no-repeat center; }
      .checkInSteps .passengerList .passengerTicket .printSeatNo.disabled, #choosePassengers .passengerList .passengerTicket .printSeatNo.disabled {
        background-image: url(https://tw.ceair.com/newwebsite/images/icon-print-1.png);
        cursor: not-allowed; }
    .checkInSteps .passengerList .passengerTicket .disabled, #choosePassengers .passengerList .passengerTicket .disabled {
      color: #b0b0b0;
      cursor: not-allowed; }
  .checkInSteps .segment-info .innerBox, #choosePassengers .segment-info .innerBox {
    background-color: #f8f8f8;
    font-weight: bold;
    padding: 5px 0; }
    .checkInSteps .segment-info .innerBox span, #choosePassengers .segment-info .innerBox span {
      margin: 0 8px; }
  .checkInSteps .passenger-info .innerBox, #choosePassengers .passenger-info .innerBox {
    background-color: #f8f8f8;
    font-weight: bold;
    border: 1px solid #D8D8D8;
    color: #4a4a4a;
    word-wrap: break-word;
    padding: 10px 0;
    cursor: pointer;
    height: 145px;
    margin-bottom: 15px; }
    .checkInSteps .passenger-info .innerBox.selected, #choosePassengers .passenger-info .innerBox.selected {
      border-top: 5px solid #E4007F;
      padding-top: 6px; }
    .checkInSteps .passenger-info .innerBox .chooseSeat, #choosePassengers .passenger-info .innerBox .chooseSeat {
      line-height: 2.5em;
      margin-left: 2.5em;
      border: 1px solid #d8d8d8;
      padding-left: 30px;
      background: url(https://tw.ceair.com/newwebsite/images/seat.png) no-repeat left center white; }
      .checkInSteps .passenger-info .innerBox .chooseSeat:hover, #choosePassengers .passenger-info .innerBox .chooseSeat:hover {
        border-color: #223b61; }
    .checkInSteps .passenger-info .innerBox span, #choosePassengers .passenger-info .innerBox span {
      display: block;
      margin: 5px 0;
      padding-left: 2.5em; }
      .checkInSteps .passenger-info .innerBox span.passenger-name, #choosePassengers .passenger-info .innerBox span.passenger-name {
        background: url(https://tw.ceair.com/newwebsite/images/icon-user.png) no-repeat 10px center; }
  .checkInSteps .NewPlaneSeat, #choosePassengers .NewPlaneSeat {
    width: 100%; }
    .checkInSteps .NewPlaneSeat:after, #choosePassengers .NewPlaneSeat:after {
      display: block;
      clear: both;
      content: ''; }
    .checkInSteps .NewPlaneSeat .seatStates, #choosePassengers .NewPlaneSeat .seatStates {
      text-align: right; }
      .checkInSteps .NewPlaneSeat .seatStates .seatState, #choosePassengers .NewPlaneSeat .seatStates .seatState {
        display: inline-block;
        line-height: 22px;
        font-size: 14px;
        color: #4a4a4a;
        margin-bottom: 10px;
        margin-right: 10px; }
        .checkInSteps .NewPlaneSeat .seatStates .seatState .block, #choosePassengers .NewPlaneSeat .seatStates .seatState .block {
          display: inline-block;
          width: 22px;
          height: 22px;
          border-radius: 2px;
          border-width: 1px;
          border-style: solid;
          margin-right: 5px;
          color: #4a4a4a;
          text-align: center;
          vertical-align: top; }
        .checkInSteps .NewPlaneSeat .seatStates .seatState.selected .block, #choosePassengers .NewPlaneSeat .seatStates .seatState.selected .block {
          background-color: #BFA456;
          border-color: #BFA456; }
        .checkInSteps .NewPlaneSeat .seatStates .seatState.checkedin .block, #choosePassengers .NewPlaneSeat .seatStates .seatState.checkedin .block {
          background-color: #223B61;
          border-color: #223B61; }
        .checkInSteps .NewPlaneSeat .seatStates .seatState.reserved .block, #choosePassengers .NewPlaneSeat .seatStates .seatState.reserved .block {
          background-color: #417505;
          border-color: #417505; }
        .checkInSteps .NewPlaneSeat .seatStates .seatState.available .block, #choosePassengers .NewPlaneSeat .seatStates .seatState.available .block {
          background-color: #fff;
          border-color: #D8D8D8; }
        .checkInSteps .NewPlaneSeat .seatStates .seatState.notavailable .block, #choosePassengers .NewPlaneSeat .seatStates .seatState.notavailable .block {
          background-color: #D8D8D8;
          border-color: #D8D8D8; }
        .checkInSteps .NewPlaneSeat .seatStates .seatState.exit .block, #choosePassengers .NewPlaneSeat .seatStates .seatState.exit .block {
          background-color: #fff;
          border-color: #D8D8D8; }
    .checkInSteps .NewPlaneSeat .thumbnail, #choosePassengers .NewPlaneSeat .thumbnail {
      width: 117px;
      height: 700px;
      background: url(https://tw.ceair.com/newwebsite/images/zuoweitu.png) no-repeat center bottom;
      position: relative;
      border: none; }
      .checkInSteps .NewPlaneSeat .thumbnail .thumbnailArea, #choosePassengers .NewPlaneSeat .thumbnail .thumbnailArea {
        width: 56px;
        height: 420px;
        position: absolute;
        left: 29px;
        top: 140px; }
        .checkInSteps .NewPlaneSeat .thumbnail .thumbnailArea .seatSign, #choosePassengers .NewPlaneSeat .thumbnail .thumbnailArea .seatSign {
          width: 59px;
          height: 56px;
          border: 2px solid #E4007F;
          position: absolute;
          left: 54%;
          top: 20%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
          transition: all .3s linear; }
    .checkInSteps .NewPlaneSeat .seatMapWrap, #choosePassengers .NewPlaneSeat .seatMapWrap {
      padding-top: 10px;
      width: 100%; }
      .checkInSteps .NewPlaneSeat .seatMapWrap .seatBtn, #choosePassengers .NewPlaneSeat .seatMapWrap .seatBtn {
        display: block;
        width: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        text-align: center;
        height: 30px; }
        .checkInSteps .NewPlaneSeat .seatMapWrap .seatBtn.upBtn, #choosePassengers .NewPlaneSeat .seatMapWrap .seatBtn.upBtn {
          border-bottom: 10px solid #D8D8D8;
          background-image: url(https://tw.ceair.com/newwebsite/images/SeatBtnUp.png); }
          .checkInSteps .NewPlaneSeat .seatMapWrap .seatBtn.upBtn .arrow, #choosePassengers .NewPlaneSeat .seatMapWrap .seatBtn.upBtn .arrow {
            position: relative;
            bottom: -5px;
            display: inline-block;
            width: 22px;
            height: 8px;
            background: url(https://tw.ceair.com/newwebsite/images/upArrow.png) no-repeat center center; }
          .checkInSteps .NewPlaneSeat .seatMapWrap .seatBtn.upBtn:hover .arrow, #choosePassengers .NewPlaneSeat .seatMapWrap .seatBtn.upBtn:hover .arrow {
            background-image: url(https://tw.ceair.com/newwebsite/images/upArrow_cur.png); }
        .checkInSteps .NewPlaneSeat .seatMapWrap .seatBtn.downBtn, #choosePassengers .NewPlaneSeat .seatMapWrap .seatBtn.downBtn {
          border-top: 10px solid #D8D8D8;
          background-image: url(https://tw.ceair.com/newwebsite/images/SeatBtnDown.png); }
          .checkInSteps .NewPlaneSeat .seatMapWrap .seatBtn.downBtn .arrow, #choosePassengers .NewPlaneSeat .seatMapWrap .seatBtn.downBtn .arrow {
            position: relative;
            top: -5px;
            display: inline-block;
            width: 22px;
            height: 8px;
            background: url(https://tw.ceair.com/newwebsite/images/downArrow.png) no-repeat center center; }
          .checkInSteps .NewPlaneSeat .seatMapWrap .seatBtn.downBtn:hover .arrow, #choosePassengers .NewPlaneSeat .seatMapWrap .seatBtn.downBtn:hover .arrow {
            background-image: url(https://tw.ceair.com/newwebsite/images/downArrow_cur.png); }
      .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap {
        padding: 5px 0; }
        .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow {
          margin-bottom: 4px; }
          .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row {
            text-align: center; }
            .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li {
              display: inline-block;
              width: 55px;
              height: 55px;
              padding: 6px;
              line-height: 43px;
              border: 1px solid #D8D8D8;
              background: #fff;
              margin-right: 4px;
              vertical-align: middle;
              cursor: pointer; }
              .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle {
                width: 48px;
                height: 48px; }
              .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little {
                width: 36px;
                height: 36px; }
              .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.rowNo, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.rowNo {
                border: none;
                font-weight: bold;
                color: #4a4a4a;
                cursor: auto; }
              .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li .block, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li .block {
                width: 100%;
                height: 100%;
                position: relative; }
                .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li .block.E:before, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li .block.E:before {
                  content: 'E';
                  font-weight: bold;
                  color: #fff;
                  position: absolute;
                  width: 50px;
                  height: 50px;
                  line-height: 50px;
                  left: 50%;
                  top: 50%;
                  -webkit-transform: translate(-50%, -50%);
                      -ms-transform: translate(-50%, -50%);
                          transform: translate(-50%, -50%); }
                .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li .block.E-EXIT, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li .block.E-EXIT {
                  border: 1px solid #4a4a4a; }
                .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li .block.E-EXIT:before, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li .block.E-EXIT:before {
                  content: 'E';
                  font-weight: normal;
                  color: #333 !important;
                  position: absolute;
                  width: 50px;
                  height: 50px;
                  line-height: 50px;
                  left: 50%;
                  top: 50%;
                  -webkit-transform: translate(-50%, -50%);
                      -ms-transform: translate(-50%, -50%);
                          transform: translate(-50%, -50%); }
              .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li:hover .block, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li:hover .block {
                background-color: #BFA456;
                color: #fff !important; }
              .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.reserved .block, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.reserved .block {
                background-color: #417505;
                color: #fff;
                border-radius: 2px; }
              .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.selected .block, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.selected .block {
                background-color: #BFA456;
                color: #fff;
                border-radius: 2px; }
              .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.checkedin .block, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.checkedin .block {
                background-color: #223B61;
                color: #fff;
                border-radius: 2px; }
              .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.exit .block, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.exit .block {
                background-color: #417505;
                color: #fff !important;
                font-size: 16px;
                font-weight: bold; }
              .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled {
                cursor: not-allowed;
                background-color: #D8D8D8; }
                .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled .block, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled .block {
                  background-color: #D8D8D8; }
                .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled:hover .block, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.disabled:hover .block {
                  background-color: #D8D8D8; }
              .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.notSeat, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.notSeat {
                border: none;
                font-weight: bold;
                color: #4a4a4a;
                cursor: auto; }
                .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.notSeat:hover .block, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.notSeat:hover .block {
                  background-color: #fff; }
            .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row:after, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row:after {
              display: block;
              clear: both;
              content: ''; }
          .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow.seatRowTitle .seatTitle, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow.seatRowTitle .seatTitle {
            font-weight: bold;
            color: #4a4a4a; }
            .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow.seatRowTitle .seatTitle li, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow.seatRowTitle .seatTitle li {
              border: none;
              text-align: center;
              height: 26px;
              line-height: 26px;
              cursor: auto; }
      @media (min-width: 992px) and (max-width: 1365px) {
        .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle {
          width: 35px;
          height: 35px; }
        .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little {
          width: 29px;
          height: 29px; } }
      @media (max-width: 992px) {
        .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li {
          width: 24px;
          height: 24px;
          line-height: 24px;
          padding: 0; }
          .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.middle {
            width: 18px;
            height: 18px; }
          .checkInSteps .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little, #choosePassengers .NewPlaneSeat .seatMapWrap .seatMap .seatRow .row li.little {
            width: 14px;
            height: 14px; } }
    @media (max-width: 991px) {
      .checkInSteps .NewPlaneSeat .sm-hidden, #choosePassengers .NewPlaneSeat .sm-hidden {
        display: none; } }

#choosePassengers {
  background-color: #f8f8f8; }

#addPassengers .multiPassengerList {
  padding: 15px; }
  #addPassengers .multiPassengerList .addPassengerBox {
    padding-left: 20px; }
  #addPassengers .multiPassengerList .passengerInfo-wrapper .passengerInfoItem {
    padding: 10px 0 15px; }
    #addPassengers .multiPassengerList .passengerInfo-wrapper .passengerInfoItem .tag {
      min-height: 18px;
      line-height: 22px;
      font-size: 12px; }
    #addPassengers .multiPassengerList .passengerInfo-wrapper .passengerInfoItem .list-order {
      width: 21px;
      height: 21px;
      border-radius: 50px;
      background-color: #223B61;
      color: #fff;
      line-height: 21px;
      text-align: center;
      margin: -10px auto 0; }
    #addPassengers .multiPassengerList .passengerInfo-wrapper .passengerInfoItem .value {
      font-size: 14px;
      font-weight: bold; }
      #addPassengers .multiPassengerList .passengerInfo-wrapper .passengerInfoItem .value .type {
        float: right;
        margin-right: 1em; }
    #addPassengers .multiPassengerList .passengerInfo-wrapper .passengerInfoItem.noResult {
      padding: 10px 0 20px 25px; }
    #addPassengers .multiPassengerList .passengerInfo-wrapper .passengerInfoItem .operation {
      text-align: right;
      padding-right: 1em; }
      #addPassengers .multiPassengerList .passengerInfo-wrapper .passengerInfoItem .operation button {
        display: inline-block;
        color: #23527c;
        text-decoration: underline;
        border: none;
        background-color: transparent;
        margin: 0 15px 0 10px; }
        #addPassengers .multiPassengerList .passengerInfo-wrapper .passengerInfoItem .operation button:hover {
          color: #3bbee8; }
    @media (max-width: 991px) {
      #addPassengers .multiPassengerList .passengerInfo-wrapper .passengerInfoItem .value {
        font-weight: normal;
        font-size: 12px; }
      #addPassengers .multiPassengerList .passengerInfo-wrapper .passengerInfoItem button {
        margin: 0 !important;
        padding-right: 0 !important; } }
  #addPassengers .multiPassengerList .passengerInfo-wrapper .addPassengerList {
    max-height: 0;
    opacity: 0;
    transition: all .5s;
    overflow: hidden;
    margin: 10px 0 0; }
    #addPassengers .multiPassengerList .passengerInfo-wrapper .addPassengerList.show {
      max-height: 3000px;
      opacity: 1; }

#passengerInfos .booking-step {
  clear: none;
  margin: 0; }
#passengerInfos .passengerAttention {
  font-size: 12px;
  line-height: 200%;
  color: #474747;
  padding-left: 3em;
  background: url(https://tw.ceair.com/newwebsite/images/icon-info.svg) no-repeat 1% center;
  background-size: 20px; }

#boardingPass .manyCheckinResult {
  padding: 15px;
  border: 1px solid #E4007F;
  margin-bottom: 15px; }
  #boardingPass .manyCheckinResult li {
    padding-bottom: 5px; }
    #boardingPass .manyCheckinResult li:last-child {
      padding-bottom: 0; }
  #boardingPass .manyCheckinResult dt {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px; }
  #boardingPass .manyCheckinResult dd {
    text-indent: 1em; }
    #boardingPass .manyCheckinResult dd:last-child {
      margin-top: 10px; }
#boardingPass .boardingpassTabs {
  height: 54px;
  line-height: 54px;
  font-weight: bold; }
  #boardingPass .boardingpassTabs li {
    text-indent: 1em;
    cursor: pointer; }
    #boardingPass .boardingpassTabs li.cur {
      background-color: #223B61;
      color: #fff; }
    #boardingPass .boardingpassTabs li .boardingpass-h2 {
      font-size: 14px; }
#boardingPass .boardingpassTabContent {
  display: none; }
  #boardingPass .boardingpassTabContent.cur {
    display: block; }
  #boardingPass .boardingpassTabContent:after {
    clear: both;
    content: "";
    display: block; }
  #boardingPass .boardingpassTabContent.qrSection {
    padding: 32px 36px; }
    #boardingPass .boardingpassTabContent.qrSection .qrItem:nth-child(2n) {
      border-left: 1px solid #D8D8D8;
      padding-left: 15px; }
    #boardingPass .boardingpassTabContent.qrSection .qrItem .qrItemInfos {
      padding: 10px 0 0; }
      #boardingPass .boardingpassTabContent.qrSection .qrItem .qrItemInfos h3 {
        font-size: 12px; }
      #boardingPass .boardingpassTabContent.qrSection .qrItem .qrItemInfos h4 {
        font-size: 14px;
        font-weight: bold;
        text-indent: 1em; }
  #boardingPass .boardingpassTabContent .qrAttentionTips {
    min-height: 40px;
    line-height: 40px;
    background: url(https://tw.ceair.com/newwebsite/images/icon-info-hover.svg) no-repeat 13px center;
    padding-left: 40px;
    color: #E4007F;
    border: 1px solid #E4007F;
    margin-top: 20px; }
#boardingPass .boarding-pull-right {
  float: right; }
#boardingPass .boarding-infos {
  margin-bottom: 15px;
  padding: 15px;
  border-bottom: 1px solid #d8d8d8; }
  #boardingPass .boarding-infos .opts div {
    padding: 10px; }
    #boardingPass .boarding-infos .opts div .btn {
      max-width: none; }
#boardingPass .boarding-infos-contents {
  overflow-x: auto; }
#boardingPass .boarding-infos-content {
  border: 3px solid #121679;
  border-radius: 26px;
  height: 330px;
  margin-bottom: 15px;
  min-width: 770px; }
#boardingPass .boarding-infos-content-hk {
  border: 2px solid #D3D3D3;
  border-radius: 5px;
  height: auto;
  min-height: 330px;
  margin-bottom: 15px;
  min-width: 770px;
  padding-bottom: 20px;
  font-family: "微软雅黑", "黑体", "Microsoft YaHei UI", "Microsoft YaHei", SimSun, "宋体", "Segoe UI", Tahoma, Helvetica, Sans-Serif; }
  #boardingPass .boarding-infos-content-hk .boarding-infos-header-hk {
    height: 66px;
    width: 100%;
    position: relative;
    top: -2px;
    margin-bottom: 5px; }
    #boardingPass .boarding-infos-content-hk .boarding-infos-header-hk img {
      width: 100%;
      vertical-align: middle; }
  #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk {
    width: 100%;
    padding: 0 15px; }
    #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list {
      margin-top: 15px; }
      #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-left {
        width: 55%;
        float: left;
        line-height: 35px;
        font-size: 18px;
        margin-bottom: 15px; }
        #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-left div .title-text {
          width: 40%;
          display: inline-block; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-left div .title-text .en-text {
            font-weight: bold;
            text-align: left; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-left div .title-text .zh-text {
            color: #898989;
            text-align: right;
            float: right;
            font-size: 16px; }
      #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-right {
        width: 45%;
        float: right;
        line-height: 35px;
        font-size: 18px;
        margin-bottom: 15px; }
        #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-right div .title-text {
          font-size: 18px;
          width: 45%;
          display: inline-block; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-right div .title-text .en-text {
            font-weight: bold;
            text-align: left; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-right div .title-text .zh-text {
            color: #898989;
            text-align: right;
            float: right;
            font-size: 16px; }
      #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box {
        width: 100%;
        height: 80px;
        margin-top: 15px;
        clear: both; }
        #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-img {
          background: #9CD5F0;
          width: 30px;
          height: 80px;
          border: 1px solid #9CD5F0;
          border-radius: 20px;
          opacity: 0.5;
          position: absolute;
          left: -10px; }
        #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-img-vip {
          background: #EFEFEF;
          width: 30px;
          height: 80px;
          border: 1px solid #EFEFEF;
          border-radius: 20px;
          opacity: 0.5;
          position: absolute;
          left: -10px; }
        #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left {
          width: 49%;
          height: 100%;
          background: #2D1A8E;
          border: 1px solid #2D1A8E;
          border-radius: 20px;
          float: left;
          padding: 0 5px; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text {
            width: 100%;
            padding: 0 5%;
            text-align: left; }
            #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text .en-text {
              color: #FFFFFF;
              font-size: 21px; }
            #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text .zh-text {
              color: #FFFFFF;
              font-size: 14px;
              vertical-align: text-bottom; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left .info-text {
            color: #FFFFFF;
            font-size: 24px;
            font-weight: bold;
            text-align: left;
            margin-left: 15px; }
        #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left-vip {
          width: 49%;
          height: 100%;
          background: #F90215;
          border: 1px solid #F90215;
          border-radius: 20px;
          float: left;
          padding: 0 5px; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left-vip .title-text {
            width: 100%;
            padding: 0 5%;
            text-align: left; }
            #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left-vip .title-text .en-text {
              color: #FFFFFF;
              font-size: 21px; }
            #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left-vip .title-text .zh-text {
              color: #FFFFFF;
              font-size: 14px;
              vertical-align: text-bottom; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left-vip .info-text {
            color: #FFFFFF;
            font-size: 24px;
            font-weight: bold;
            text-align: left;
            margin-left: 15px; }
        #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right {
          width: 49%;
          height: 100%;
          background: #FE0113;
          border: 1px solid #FE0113;
          border-radius: 20px;
          float: right;
          padding: 0 5px; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text {
            width: 100%;
            padding: 0 5%;
            text-align: left; }
            #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text .en-text {
              color: #FFFFFF;
              font-size: 21px; }
            #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text .zh-text {
              color: #FFFFFF;
              font-size: 14px; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right .info-text {
            color: #FFFFFF;
            font-size: 24px;
            font-weight: bold;
            text-align: left;
            margin-left: 15px; }
        #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right-vip {
          width: 49%;
          height: 100%;
          background: #BCBCBC;
          border: 1px solid #BCBCBC;
          border-radius: 20px;
          float: right;
          padding: 0 5px; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right-vip .title-text {
            width: 100%;
            padding: 0 5%;
            text-align: left; }
            #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right-vip .title-text .en-text {
              color: #FFFFFF;
              font-size: 21px; }
            #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right-vip .title-text .zh-text {
              color: #FFFFFF;
              font-size: 14px; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right-vip .info-text {
            color: #FFFFFF;
            font-size: 24px;
            font-weight: bold;
            text-align: left;
            margin-left: 15px; }
    #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-erweima {
      padding-left: 0; }
      #boardingPass .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-erweima img {
        width: 240px;
        height: 100px;
        -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -moz-crisp-edges;
        image-rendering: pixelated;
        -webkit-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
                transform: rotate(270deg);
        margin-top: 60px;
        margin-left: -57px; }
  #boardingPass .boarding-infos-content-hk .boarding-infos-bottom {
    width: 100%;
    height: auto;
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
    #boardingPass .boarding-infos-content-hk .boarding-infos-bottom .remind-img {
      width: 55%;
      padding-left: 2%; }
      #boardingPass .boarding-infos-content-hk .boarding-infos-bottom .remind-img img {
        width: 100%;
        height: auto; }
    #boardingPass .boarding-infos-content-hk .boarding-infos-bottom .remind-text {
      width: 45%;
      line-height: 25px; }
      #boardingPass .boarding-infos-content-hk .boarding-infos-bottom .remind-text .en-text {
        text-align: right;
        font-size: 14px; }
      #boardingPass .boarding-infos-content-hk .boarding-infos-bottom .remind-text .zh-text {
        text-align: right;
        font-size: 14px; }
  #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo {
    width: 100%;
    padding: 0 30px;
    border-top: 1px dashed #dddddd; }
    #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer {
      width: 55%;
      margin: 20px 0; }
      #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer .advice-header {
        margin-left: 10px; }
        #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer .advice-header .title-en {
          font-size: 24px;
          color: #0B0B0B;
          font-weight: bold; }
        #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer .advice-header .title-zh {
          font-size: 14px;
          color: #848484;
          margin-left: 10px; }
        #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer .advice-header .title-img {
          margin-left: 5px; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer .advice-header .title-img img {
            width: auto;
            height: auto; }
      #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer ul li {
        font-size: 12px;
        line-height: 15px; }
        #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer ul li .border-blue {
          display: inline-block;
          background: #30238C;
          width: 7px;
          height: 7px;
          border: 1px solid #30238C;
          vertical-align: middle;
          margin-right: 10px; }
    #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list {
      margin-top: 15px; }
      #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-left {
        width: 55%;
        float: left;
        line-height: 35px;
        font-size: 18px;
        margin-bottom: 15px; }
        #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-left div .title-text {
          width: 37%;
          display: inline-block; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-left div .title-text .en-text {
            font-weight: bold;
            text-align: left; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-left div .title-text .zh-text {
            color: #898989;
            text-align: right;
            float: right;
            font-size: 16px; }
      #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-right {
        width: 45%;
        float: right;
        line-height: 35px;
        font-size: 18px;
        margin-bottom: 15px; }
        #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-right div .title-text {
          font-size: 18px;
          width: 45%;
          display: inline-block; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-right div .title-text .en-text {
            font-weight: bold;
            text-align: left; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-right div .title-text .zh-text {
            color: #898989;
            text-align: right;
            float: right;
            font-size: 16px; }
      #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box {
        width: 100%;
        height: 80px;
        margin-top: 15px;
        clear: both; }
        #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-img {
          background: #9CD5F0;
          width: 30px;
          height: 80px;
          border: 1px solid #9CD5F0;
          border-radius: 20px;
          opacity: 0.6;
          position: absolute;
          left: -10px; }
        #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-left {
          width: 49%;
          height: 100%;
          background: #2D1A8E;
          border: 1px solid #2D1A8E;
          border-radius: 20px;
          float: left;
          padding: 0 5px; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text {
            width: 100%;
            padding: 0 5%;
            text-align: left; }
            #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text .en-text {
              color: #FFFFFF;
              font-size: 21px; }
            #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text .zh-text {
              color: #FFFFFF;
              font-size: 14px; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-left .info-text {
            color: #FFFFFF;
            font-size: 24px;
            font-weight: bold;
            text-align: left;
            margin-left: 15px; }
        #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-right {
          width: 49%;
          height: 100%;
          background: #FE0113;
          border: 1px solid #FE0113;
          border-radius: 20px;
          float: right;
          padding: 0 5px; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text {
            width: 100%;
            padding: 0 5%;
            text-align: left; }
            #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text .en-text {
              color: #FFFFFF;
              font-size: 21px; }
            #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text .zh-text {
              color: #FFFFFF;
              font-size: 14px; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-right .info-text {
            color: #FFFFFF;
            font-size: 24px;
            font-weight: bold;
            text-align: left;
            margin-left: 15px; }
  #boardingPass .boarding-infos-content-hk .boarding-infos-detail {
    width: 100%;
    padding: 20px 10px;
    border-top: 1px dashed #dddddd;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    #boardingPass .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-border-header {
      margin-left: 13px;
      color: #8980B0; }
    #boardingPass .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      #boardingPass .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-left {
        width: 55%;
        line-height: 25px;
        font-size: 16px;
        margin-bottom: 15px; }
        #boardingPass .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-left div .title-text {
          width: 40%;
          display: inline-block; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-left div .title-text .en-text {
            font-weight: bold;
            text-align: left; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-left div .title-text .zh-text {
            color: #898989;
            text-align: right;
            font-size: 16px;
            float: right; }
      #boardingPass .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-right {
        width: 45%;
        float: right;
        line-height: 25px;
        font-size: 16px;
        margin-bottom: 15px; }
        #boardingPass .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-right div .title-text {
          font-size: 16px;
          width: 45%;
          display: inline-block; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-right div .title-text .en-text {
            font-weight: bold;
            text-align: left; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-right div .title-text .zh-text {
            color: #898989;
            text-align: right;
            float: right;
            font-size: 16px; }
    #boardingPass .boarding-infos-content-hk .boarding-infos-detail .boarding-right img {
      width: 100%;
      vertical-align: middle;
      margin-top: 12%; }
  #boardingPass .boarding-infos-content-hk .boarding-infos-lounge {
    width: 100%;
    padding: 20px 10px;
    border-top: 1px dashed #dddddd;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    #boardingPass .boarding-infos-content-hk .boarding-infos-lounge .lounge {
      background: #CBCBCB;
      border-radius: 20px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      z-index: 10;
      padding: 0 15px; }
      #boardingPass .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-vip {
        border-right: 2px solid #756CA1;
        height: 78px;
        margin-top: 5%;
        line-height: 35px; }
        #boardingPass .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-vip .text-en {
          font-size: 22px;
          color: #0B0B0B;
          font-weight: 600; }
        #boardingPass .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-vip .text-zh {
          font-size: 18px;
          color: #737373; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-vip .text-zh img {
            width: auto;
            height: auto;
            margin-left: 5px; }
      #boardingPass .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-boarding {
        height: 78px;
        margin-top: 5%;
        line-height: 27px;
        margin-left: 15px; }
        #boardingPass .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-boarding .title-text {
          width: 43%;
          display: inline-block; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-boarding .title-text .en-text {
            font-weight: bold;
            text-align: left;
            font-size: 16px; }
          #boardingPass .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-boarding .title-text .zh-text {
            color: #898989;
            text-align: right;
            font-size: 14px;
            float: right; }
      #boardingPass .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-img img {
        width: 100%;
        margin: 5px 0; }
    #boardingPass .boarding-infos-content-hk .boarding-infos-lounge .lounge-text {
      background: #EFEFEF;
      border-radius: 10px;
      font-size: 12px;
      padding: 12px 15px;
      margin-top: -5px;
      z-index: 0; }
  #boardingPass .boarding-infos-content-hk .boarding-infos-lounge-economy {
    width: 100%;
    padding: 20px 10px;
    border-top: 1px dashed #dddddd;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 150px; }
#boardingPass .boarding-logo-cea {
  margin-left: 30px; }
#boardingPass .boarding-logo-skyteam {
  margin-left: 30px; }
#boardingPass .boarding-logo-cea, #boardingPass .boarding-logo-skyteam {
  line-height: 48px; }
#boardingPass .boarding-title {
  margin-right: 40px;
  font-size: 16px;
  font-weight: 900;
  display: inline-block;
  margin-top: 3px; }
#boardingPass .boarding-infos-header {
  height: 52px;
  border-bottom: 2px solid #111579; }
#boardingPass .boarding-infos-body {
  padding-right: 30px; }
#boardingPass .boarding-infos-list {
  padding-left: 12px;
  padding-right: 10px; }
  #boardingPass .boarding-infos-list .boarding-name {
    margin: 16px 0 10px;
    font-size: 10px;
    color: #b8b8b8; }
  #boardingPass .boarding-infos-list .boarding-content {
    font-size: 12px;
    font-weight: 900;
    padding-left: 10px; }
  #boardingPass .boarding-infos-list div:nth-child(4) .boarding-content {
    font-size: 12px;
    text-align: right; }
  #boardingPass .boarding-infos-list .boarding-border {
    height: 48px;
    position: relative;
    border: 2px solid #4d4d4d;
    border-radius: 4px;
    margin-top: 28px;
    padding: 6px 12px; }
    #boardingPass .boarding-infos-list .boarding-border .boarding-name {
      margin: 0; }
    #boardingPass .boarding-infos-list .boarding-border .boarding-content {
      position: absolute;
      right: 30px;
      bottom: 10px; }

#checkin-seating {
  background: #f8f8f8; }
  #checkin-seating .plane-frame .plane-body .plane-row .index {
    color: #707070; }
  #checkin-seating .plane-frame .plane-body .plane-row .plane-seat-C {
    background: #BFA456;
    color: #594510; }
    #checkin-seating .plane-frame .plane-body .plane-row .plane-seat-C button {
      background: transparent; }
  #checkin-seating .plane-frame .plane-body .plane-row .plane-seat-B {
    background: white;
    color: #D0021B; }
    #checkin-seating .plane-frame .plane-body .plane-row .plane-seat-B button {
      background: transparent; }
  #checkin-seating .plane-frame .plane-body .plane-row .selected {
    color: white; }
    #checkin-seating .plane-frame .plane-body .plane-row .selected button {
      background: #E4007F; }
  #checkin-seating .seats-info .info-line {
    font-size: 14px;
    padding: 15px 0 10px 0; }
  #checkin-seating .seats-info .hint-line {
    line-height: 25px;
    margin: 5px 0; }
  #checkin-seating .seats-info .hint {
    text-align: center;
    display: inline-block;
    width: 20px;
    height: 25px;
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
    margin-right: 10px; }
  #checkin-seating .seats-info .hint-status-selected {
    background: #E4007F;
    color: white; }
  #checkin-seating .seats-info .hint-status-A {
    background: white; }
  #checkin-seating .seats-info .hint-status-R {
    background: #D8D8D8; }
  #checkin-seating .seats-info .hint-status-N {
    background: #f8f8f8;
    border: 1px solid #D8D8D8; }
  #checkin-seating .seats-info .hint-status-B {
    background: white;
    color: #D0021B; }
  #checkin-seating .seats-info .hint-status-C {
    background: #BFA456; }
  #checkin-seating .seats-info .hint-status-D {
    background: #D8D8D8; }

#checkinstepbar {
  padding: 0 16px;
  background-color: #fff;
  margin-bottom: 15px;
  margin-right: 0; }
  #checkinstepbar .checkinstepbar-Title {
    color: #31beeb;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    text-align: right;
    font-weight: bold;
    display: block; }
  #checkinstepbar .checkinstepbar-Bottom {
    color: #31beeb;
    font-size: 12px;
    padding: 15px 0;
    font-weight: bold;
    display: block;
    text-decoration: underline; }
  #checkinstepbar .list-init {
    text-indent: 20px;
    min-height: 55px;
    border-bottom: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    margin-bottom: -1px;
    padding: 10px 35px 10px 15px; }
    #checkinstepbar .list-init span {
      line-height: 32px;
      text-indent: 0; }
  #checkinstepbar .select-seat {
    height: auto;
    border: none;
    margin-bottom: 0;
    line-height: 55px;
    padding: 0; }
    #checkinstepbar .select-seat .list-content {
      display: block;
      border-bottom: 1px solid #d8d8d8;
      border-top: 1px solid #d8d8d8;
      margin-bottom: -1px;
      padding-left: 35px;
      line-height: 55px; }
    #checkinstepbar .select-seat .select-user {
      height: 79px;
      line-height: 80px;
      border-bottom: 1px solid #d8d8d8;
      border-top: 1px solid #d8d8d8;
      margin-bottom: -1px;
      background: url("https://tw.ceair.com/newwebsite/images/icon-user.png") no-repeat 15px 30px; }
    #checkinstepbar .select-seat .user-name {
      margin: 0 0 0 25px;
      width: 40%;
      display: inline-block;
      word-break: break-all;
      line-height: 24px;
      padding-top: 10px;
      text-indent: 0; }
    #checkinstepbar .select-seat .user-seat {
      float: right;
      margin: 12px 16px 0 0;
      text-align: center;
      text-indent: 0;
      background: #f8f8f8;
      width: 98px;
      height: 54px;
      line-height: 54px;
      font-size: 18px;
      font-weight: 900;
      border: 1px solid #d8d8d8; }
    #checkinstepbar .select-seat .select-info-hide {
      display: none; }
  #checkinstepbar .list-begin {
    border-left: 5px solid #E4007F;
    text-indent: 15px;
    font-weight: 900; }
  #checkinstepbar .list-finish {
    position: relative;
    background: #f8f8f8;
    font-weight: normal; }
    #checkinstepbar .list-finish:after {
      content: '';
      background: url("https://tw.ceair.com/newwebsite/images/icon-ok.png") no-repeat right 20px;
      width: 20px;
      height: 55px;
      position: absolute;
      top: 0;
      right: 16px; }

#boardingPassInfo.col-xs-12.col-md-8 {
  min-width: 770px;
  background: #fff; }
  #boardingPassInfo.col-xs-12.col-md-8 .STYLE2 {
    color: red; }
  #boardingPassInfo.col-xs-12.col-md-8 .warmItems {
    padding-left: 17px;
    list-style: decimal outside; }
    #boardingPassInfo.col-xs-12.col-md-8 .warmItems li {
      margin: 5px 0; }
  #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk {
    border: 2px solid #D3D3D3;
    border-radius: 5px;
    height: auto;
    min-height: 330px;
    margin-bottom: 15px;
    min-width: 770px;
    padding-bottom: 20px;
    font-family: "微软雅黑", "黑体", "Microsoft YaHei UI", "Microsoft YaHei", SimSun, "宋体", "Segoe UI", Tahoma, Helvetica, Sans-Serif; }
    #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-header-hk {
      height: 66px;
      width: 100%;
      position: relative;
      top: -2px;
      margin-bottom: 5px; }
      #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-header-hk img {
        width: 100%;
        vertical-align: middle; }
    #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk {
      width: 100%;
      padding: 0 15px; }
      #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list {
        margin-top: 15px; }
        #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-left {
          width: 55%;
          float: left;
          line-height: 35px;
          font-size: 18px;
          margin-bottom: 15px; }
          #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-left div .title-text {
            width: 37%;
            display: inline-block; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-left div .title-text .en-text {
              font-weight: bold;
              text-align: left; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-left div .title-text .zh-text {
              color: #898989;
              text-align: right;
              float: right;
              font-size: 16px; }
        #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-right {
          width: 45%;
          float: right;
          line-height: 35px;
          font-size: 18px;
          margin-bottom: 15px; }
          #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-right div .title-text {
            font-size: 18px;
            width: 43%;
            display: inline-block; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-right div .title-text .en-text {
              font-weight: bold;
              text-align: left; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-right div .title-text .zh-text {
              color: #898989;
              text-align: right;
              float: right;
              font-size: 16px; }
        #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box {
          width: 100%;
          height: 80px;
          margin-top: 15px;
          clear: both; }
          #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-img {
            background: #9CD5F0;
            width: 30px;
            height: 80px;
            border: 1px solid #9CD5F0;
            border-radius: 20px;
            opacity: 0.5;
            position: absolute;
            left: -10px; }
          #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-img-vip {
            background: #EFEFEF;
            width: 30px;
            height: 80px;
            border: 1px solid #EFEFEF;
            border-radius: 20px;
            opacity: 0.5;
            position: absolute;
            left: -10px; }
          #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left {
            width: 49%;
            height: 100%;
            background: #2D1A8E;
            border: 1px solid #2D1A8E;
            border-radius: 20px;
            float: left;
            padding: 0 5px; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text {
              width: 100%;
              padding: 0 5%;
              text-align: left; }
              #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text .en-text {
                color: #FFFFFF;
                font-size: 21px; }
              #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text .zh-text {
                color: #FFFFFF;
                font-size: 14px; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left .info-text {
              color: #FFFFFF;
              font-size: 24px;
              font-weight: bold;
              text-align: left;
              margin-left: 15px; }
          #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left-vip {
            width: 49%;
            height: 100%;
            background: #F90215;
            border: 1px solid #F90215;
            border-radius: 20px;
            float: left;
            padding: 0 5px; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left-vip .title-text {
              width: 100%;
              padding: 0 5%;
              text-align: left; }
              #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left-vip .title-text .en-text {
                color: #FFFFFF;
                font-size: 21px; }
              #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left-vip .title-text .zh-text {
                color: #FFFFFF;
                font-size: 14px;
                vertical-align: text-bottom; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-left-vip .info-text {
              color: #FFFFFF;
              font-size: 24px;
              font-weight: bold;
              text-align: left;
              margin-left: 15px; }
          #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right {
            width: 49%;
            height: 100%;
            background: #FE0113;
            border: 1px solid #FE0113;
            border-radius: 20px;
            float: right;
            padding: 0 5px; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text {
              width: 100%;
              padding: 0 5%;
              text-align: left; }
              #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text .en-text {
                color: #FFFFFF;
                font-size: 21px; }
              #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text .zh-text {
                color: #FFFFFF;
                font-size: 14px; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right .info-text {
              color: #FFFFFF;
              font-size: 24px;
              font-weight: bold;
              text-align: left;
              margin-left: 15px; }
          #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right-vip {
            width: 49%;
            height: 100%;
            background: #BCBCBC;
            border: 1px solid #BCBCBC;
            border-radius: 20px;
            float: right;
            padding: 0 5px; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right-vip .title-text {
              width: 100%;
              padding: 0 5%;
              text-align: left; }
              #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right-vip .title-text .en-text {
                color: #FFFFFF;
                font-size: 21px; }
              #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right-vip .title-text .zh-text {
                color: #FFFFFF;
                font-size: 14px;
                vertical-align: text-bottom; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-list .boarding-infos-box .boarding-infos-right-vip .info-text {
              color: #FFFFFF;
              font-size: 24px;
              font-weight: bold;
              text-align: left;
              margin-left: 15px; }
      #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-erweima {
        padding-left: 0; }
        #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-body-hk .boarding-infos-erweima img {
          width: 240px;
          height: 100px;
          -ms-interpolation-mode: nearest-neighbor;
          image-rendering: -webkit-optimize-contrast;
          image-rendering: -moz-crisp-edges;
          image-rendering: pixelated;
          -webkit-transform: rotate(270deg);
              -ms-transform: rotate(270deg);
                  transform: rotate(270deg);
          margin-top: 60px;
          margin-left: -57px; }
    #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-bottoms {
      width: 100%;
      height: auto;
      padding: 10px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; }
      #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-bottoms .remind-img {
        width: 55%;
        padding-left: 2%; }
        #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-bottoms .remind-img img {
          width: 100%;
          height: auto; }
      #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-bottoms .remind-text {
        width: 45%;
        line-height: 25px; }
        #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-bottoms .remind-text .en-text {
          text-align: right;
          font-size: 14px; }
        #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-bottoms .remind-text .zh-text {
          text-align: right;
          font-size: 14px; }
    #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo {
      width: 100%;
      padding: 0 30px;
      border-top: 1px dashed #dddddd; }
      #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer {
        width: 55%;
        margin: 20px 0; }
        #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer .advice-header {
          margin-left: 10px; }
          #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer .advice-header .title-en {
            font-size: 24px;
            color: #0B0B0B;
            font-weight: bold; }
          #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer .advice-header .title-zh {
            font-size: 14px;
            color: #848484;
            margin-left: 10px; }
          #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer .advice-header .title-img {
            margin-left: 5px; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer .advice-header .title-img img {
              width: auto;
              height: auto; }
        #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer ul li {
          font-size: 12px;
          line-height: 15px; }
          #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-customer ul li .border-blue {
            display: inline-block;
            background: #30238C;
            width: 7px;
            height: 7px;
            border: 1px solid #30238C;
            vertical-align: middle;
            margin-right: 10px; }
      #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list {
        margin-top: 15px; }
        #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-left {
          width: 55%;
          float: left;
          line-height: 35px;
          font-size: 18px;
          margin-bottom: 15px; }
          #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-left div .title-text {
            width: 37%;
            display: inline-block; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-left div .title-text .en-text {
              font-weight: bold;
              text-align: left; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-left div .title-text .zh-text {
              color: #898989;
              text-align: right;
              float: right;
              font-size: 16px; }
        #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-right {
          width: 45%;
          float: right;
          line-height: 35px;
          font-size: 18px;
          margin-bottom: 15px; }
          #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-right div .title-text {
            font-size: 18px;
            width: 45%;
            display: inline-block; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-right div .title-text .en-text {
              font-weight: bold;
              text-align: left; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-right div .title-text .zh-text {
              color: #898989;
              text-align: right;
              float: right;
              font-size: 16px; }
        #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box {
          width: 100%;
          height: 80px;
          margin-top: 15px;
          clear: both; }
          #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-img {
            background: #9CD5F0;
            width: 30px;
            height: 80px;
            border: 1px solid #9CD5F0;
            border-radius: 20px;
            opacity: 0.6;
            position: absolute;
            left: -10px; }
          #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-left {
            width: 49%;
            height: 100%;
            background: #2D1A8E;
            border: 1px solid #2D1A8E;
            border-radius: 20px;
            float: left;
            padding: 0 5px; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text {
              width: 100%;
              padding: 0 5%;
              text-align: left; }
              #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text .en-text {
                color: #FFFFFF;
                font-size: 21px; }
              #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-left .title-text .zh-text {
                color: #FFFFFF;
                font-size: 14px; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-left .info-text {
              color: #FFFFFF;
              font-size: 24px;
              font-weight: bold;
              text-align: left;
              margin-left: 15px; }
          #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-right {
            width: 49%;
            height: 100%;
            background: #FE0113;
            border: 1px solid #FE0113;
            border-radius: 20px;
            float: right;
            padding: 0 5px; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text {
              width: 100%;
              padding: 0 5%;
              text-align: left; }
              #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text .en-text {
                color: #FFFFFF;
                font-size: 21px; }
              #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-right .title-text .zh-text {
                color: #FFFFFF;
                font-size: 14px; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list .boarding-infos-box .boarding-infos-right .info-text {
              color: #FFFFFF;
              font-size: 24px;
              font-weight: bold;
              text-align: left;
              margin-left: 15px; }
        #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detailInfo .boarding-infos-list img {
          width: 100%; }
    #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail {
      width: 100%;
      padding: 20px 10px;
      border-top: 1px dashed #dddddd;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-left {
        padding: 0 10px; }
        #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-left img {
          width: 135px;
          height: 62px;
          -ms-interpolation-mode: nearest-neighbor;
          image-rendering: -webkit-optimize-contrast;
          image-rendering: -moz-crisp-edges;
          image-rendering: pixelated;
          -webkit-transform: rotate(270deg);
              -ms-transform: rotate(270deg);
                  transform: rotate(270deg);
          margin-top: 40px;
          margin-left: -20px; }
      #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-border-header {
        margin-left: 0;
        color: #8980B0; }
      #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-left {
          width: 55%;
          line-height: 25px;
          font-size: 16px;
          margin-bottom: 15px; }
          #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-left div .title-text {
            width: 42%;
            display: inline-block; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-left div .title-text .en-text {
              font-weight: bold;
              text-align: left; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-left div .title-text .zh-text {
              color: #898989;
              text-align: right;
              font-size: 16px;
              float: right; }
        #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-right {
          width: 45%;
          float: right;
          line-height: 25px;
          font-size: 16px;
          margin-bottom: 15px; }
          #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-right div .title-text {
            font-size: 16px;
            width: 50%;
            display: inline-block; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-right div .title-text .en-text {
              font-weight: bold;
              text-align: left; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-center .boarding-infos-list .boarding-infos-right div .title-text .zh-text {
              color: #898989;
              text-align: right;
              float: right;
              font-size: 16px; }
      #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-detail .boarding-right img {
        width: 100%;
        vertical-align: middle;
        margin-top: 10%; }
    #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge {
      width: 100%;
      padding: 20px 10px;
      border-top: 1px dashed #dddddd;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge .lounge {
        background: #CBCBCB;
        border-radius: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        z-index: 10;
        padding: 0 15px; }
        #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-vip {
          border-right: 2px solid #756CA1;
          height: 78px;
          margin-top: 5%;
          line-height: 35px; }
          #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-vip .text-en {
            font-size: 21px;
            color: #0B0B0B;
            font-weight: 600; }
          #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-vip .text-zh {
            font-size: 18px;
            color: #3E3E3E; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-vip .text-zh img {
              width: auto;
              height: auto;
              margin-left: 5px; }
        #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-boarding {
          height: 78px;
          margin-top: 5%;
          line-height: 27px;
          margin-left: 15px; }
          #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-boarding .title-text {
            width: 45%;
            display: inline-block; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-boarding .title-text .en-text {
              font-weight: bold;
              text-align: left;
              font-size: 16px; }
            #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-boarding .title-text .zh-text {
              color: #3E3E3E;
              text-align: right;
              font-size: 14px;
              float: right; }
        #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge .lounge .lounge-img img {
          width: 100%;
          margin: 5px 0; }
      #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge .lounge-text {
        background: #EFEFEF;
        border-radius: 10px;
        font-size: 13px;
        padding: 12px 12px;
        margin-top: -5px;
        z-index: 0; }
    #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content-hk .boarding-infos-lounge-economy {
      width: 100%;
      padding: 20px 10px;
      border-top: 1px dashed #dddddd;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 150px; }
  #boardingPassInfo.col-xs-12.col-md-8 .boarding-pull-right {
    float: right; }
  #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos {
    margin-bottom: 15px;
    padding: 15px;
    border-bottom: 2px dotted #d8d8d8; }
  #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-content {
    border: 3px solid #121679;
    border-bottom: 3px solid #d9d9d9;
    border-radius: 26px;
    padding-bottom: 20px; }
  #boardingPassInfo.col-xs-12.col-md-8 .boarding-logo-cea {
    margin-left: 30px; }
  #boardingPassInfo.col-xs-12.col-md-8 .boarding-logo-skyteam {
    margin-left: 10px; }
  #boardingPassInfo.col-xs-12.col-md-8 .boarding-logo-cea, #boardingPassInfo.col-xs-12.col-md-8 .boarding-logo-skyteam {
    line-height: 48px; }
  #boardingPassInfo.col-xs-12.col-md-8 .boarding-airlineAllianceFlag {
    margin-left: 50px;
    line-height: 48px; }
  #boardingPassInfo.col-xs-12.col-md-8 .boarding-title {
    margin-right: 40px;
    font-size: 16px;
    font-weight: 900;
    display: inline-block;
    margin-top: 3px; }
  #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-header {
    height: 52px;
    border-bottom: 2px solid #111579; }
  #boardingPassInfo.col-xs-12.col-md-8 .boarding-infos-bottom {
    color: #d03838;
    background: #d9d9d9;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-indent: 24px;
    border-radius: 0 0 30px 30px;
    margin-top: -22px; }
  #boardingPassInfo.col-xs-12.col-md-8 .test1, #boardingPassInfo.col-xs-12.col-md-8 .test2, #boardingPassInfo.col-xs-12.col-md-8 .test3 {
    position: relative; }
    #boardingPassInfo.col-xs-12.col-md-8 .test1 .boarding-infos-body, #boardingPassInfo.col-xs-12.col-md-8 .test2 .boarding-infos-body, #boardingPassInfo.col-xs-12.col-md-8 .test3 .boarding-infos-body {
      padding-right: 30px; }
    #boardingPassInfo.col-xs-12.col-md-8 .test1 .boarding-infos-list, #boardingPassInfo.col-xs-12.col-md-8 .test2 .boarding-infos-list, #boardingPassInfo.col-xs-12.col-md-8 .test3 .boarding-infos-list {
      padding-left: 12px;
      padding-right: 10px; }
      #boardingPassInfo.col-xs-12.col-md-8 .test1 .boarding-infos-list .boarding-name, #boardingPassInfo.col-xs-12.col-md-8 .test2 .boarding-infos-list .boarding-name, #boardingPassInfo.col-xs-12.col-md-8 .test3 .boarding-infos-list .boarding-name {
        margin: 16px 0 10px;
        font-size: 10px;
        color: #b8b8b8; }
      #boardingPassInfo.col-xs-12.col-md-8 .test1 .boarding-infos-list .boarding-content, #boardingPassInfo.col-xs-12.col-md-8 .test2 .boarding-infos-list .boarding-content, #boardingPassInfo.col-xs-12.col-md-8 .test3 .boarding-infos-list .boarding-content {
        font-size: 12px;
        font-weight: 900;
        padding-left: 10px; }
      #boardingPassInfo.col-xs-12.col-md-8 .test1 .boarding-infos-list:nth-child(3) > div:nth-child(4), #boardingPassInfo.col-xs-12.col-md-8 .test2 .boarding-infos-list:nth-child(3) > div:nth-child(4), #boardingPassInfo.col-xs-12.col-md-8 .test3 .boarding-infos-list:nth-child(3) > div:nth-child(4) {
        text-align: right;
        padding-bottom: 5px; }
      #boardingPassInfo.col-xs-12.col-md-8 .test1 .boarding-infos-list .boarding-border, #boardingPassInfo.col-xs-12.col-md-8 .test2 .boarding-infos-list .boarding-border, #boardingPassInfo.col-xs-12.col-md-8 .test3 .boarding-infos-list .boarding-border {
        height: 48px;
        position: relative;
        border: 2px solid #4d4d4d;
        border-radius: 4px;
        margin-top: 28px;
        padding: 6px 12px; }
        #boardingPassInfo.col-xs-12.col-md-8 .test1 .boarding-infos-list .boarding-border .boarding-name, #boardingPassInfo.col-xs-12.col-md-8 .test2 .boarding-infos-list .boarding-border .boarding-name, #boardingPassInfo.col-xs-12.col-md-8 .test3 .boarding-infos-list .boarding-border .boarding-name {
          margin: 0; }
        #boardingPassInfo.col-xs-12.col-md-8 .test1 .boarding-infos-list .boarding-border .boarding-content, #boardingPassInfo.col-xs-12.col-md-8 .test2 .boarding-infos-list .boarding-border .boarding-content, #boardingPassInfo.col-xs-12.col-md-8 .test3 .boarding-infos-list .boarding-border .boarding-content {
          position: absolute;
          right: 30px;
          bottom: 10px; }
  #boardingPassInfo.col-xs-12.col-md-8 .discern {
    position: relative; }
    #boardingPassInfo.col-xs-12.col-md-8 .discern #bcTarget {
      -webkit-transform: scale(0.8);
          -ms-transform: scale(0.8);
              transform: scale(0.8);
      -webkit-transform-origin: left;
          -ms-transform-origin: left;
              transform-origin: left;
      display: inline-block; }
    #boardingPassInfo.col-xs-12.col-md-8 .discern #qrcodeCanvas {
      position: absolute;
      right: 10px;
      height: 40px;
      bottom: 13px; }
      #boardingPassInfo.col-xs-12.col-md-8 .discern #qrcodeCanvas img {
        width: 200px;
        height: 40px;
        -ms-interpolation-mode: nearest-neighbor;
            image-rendering: -webkit-optimize-contrast;
            image-rendering: -moz-crisp-edges;
            image-rendering: pixelated; }
  #boardingPassInfo.col-xs-12.col-md-8 .test2 {
    padding-bottom: 30px;
    padding-top: 10px; }
    #boardingPassInfo.col-xs-12.col-md-8 .test2 .infos-2 {
      padding-left: 24px; }
    #boardingPassInfo.col-xs-12.col-md-8 .test2 .infos-left {
      position: relative;
      left: -50px; }
    #boardingPassInfo.col-xs-12.col-md-8 .test2 .infos2-list {
      font-size: 14px;
      font-weight: 700;
      height: 20px;
      line-height: 20px;
      word-wrap: break-word; }
  #boardingPassInfo.col-xs-12.col-md-8 .test3 .dlList {
    padding: 10px; }
  #boardingPassInfo.col-xs-12.col-md-8 .test3 .dotted {
    border-left: 3px dotted #e2e3e3;
    padding-left: 20px; }
  #boardingPassInfo.col-xs-12.col-md-8 .test3 .warm {
    font-size: 14px;
    font-weight: 700; }
  #boardingPassInfo.col-xs-12.col-md-8 .test3 .infos3-list h3 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700; }
  #boardingPassInfo.col-xs-12.col-md-8 .test3 .infos3-list p {
    padding: 10px 0; }
  #boardingPassInfo.col-xs-12.col-md-8 .test3 .infos3-cloud {
    text-indent: 24px;
    background: url(https://tw.ceair.com/newwebsite/images/icon-cloud.png) no-repeat left center; }
  #boardingPassInfo.col-xs-12.col-md-8 .test3 .QRcode-app {
    position: relative; }
    #boardingPassInfo.col-xs-12.col-md-8 .test3 .QRcode-app img {
      width: 100%; }
    #boardingPassInfo.col-xs-12.col-md-8 .test3 .QRcode-app .QRcode-text {
      position: absolute;
      left: 300px;
      bottom: 36px;
      font-size: 20px;
      color: #455a7a; }

.alertTips {
  padding-left: 18px; }
  .alertTips dt {
    margin-bottom: 10px;
    margin-left: -18px; }
  .alertTips li {
    list-style: decimal outside;
    margin-bottom: 5px; }

.checkin-modal {
  top: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
      -ms-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important; }
  .checkin-modal.ReactModal__Content > div {
    height: 100%;
    overflow-x: hidden; }
    .checkin-modal.ReactModal__Content > div .safty {
      margin-bottom: 15px;
      font-size: 12px;
      width: 100%;
      max-height: 70%;
      overflow-y: auto;
      overflow-x: hidden; }
      @media (max-width: 991px) {
        .checkin-modal.ReactModal__Content > div .safty {
          max-height: 65%; } }
      .checkin-modal.ReactModal__Content > div .safty > .title {
        color: #fff;
        text-align: center;
        font-size: 14px;
        background-color: #b3b3b3;
        margin: 0;
        padding: 5px 0; }
      .checkin-modal.ReactModal__Content > div .safty .rule {
        background-color: #ededed;
        padding: 14px 20px;
        font-size: 12px; }
      .checkin-modal.ReactModal__Content > div .safty .forbid {
        min-width: 100%;
        padding-top: 2px;
        padding-bottom: 14px;
        background-color: #ededed;
        overflow-x: auto; }
        .checkin-modal.ReactModal__Content > div .safty .forbid dl {
          padding: 15px 20px;
          width: 100%;
          min-width: 740px; }
        .checkin-modal.ReactModal__Content > div .safty .forbid dd {
          float: left;
          width: 10%;
          height: auto;
          text-align: center;
          word-break: break-all; }
          .checkin-modal.ReactModal__Content > div .safty .forbid dd img {
            width: 47px; }
          .checkin-modal.ReactModal__Content > div .safty .forbid dd p {
            word-wrap: break-word; }
      .checkin-modal.ReactModal__Content > div .safty .danger {
        min-width: 100%;
        background-color: #ededed;
        overflow-x: auto; }
        .checkin-modal.ReactModal__Content > div .safty .danger .danger_box {
          text-align: center;
          min-width: 740px;
          background-color: #ededed; }
          .checkin-modal.ReactModal__Content > div .safty .danger .danger_box:after {
            content: '';
            clear: both;
            display: block; }
          .checkin-modal.ReactModal__Content > div .safty .danger .danger_box .danger_type {
            float: left;
            margin: 10px 15px; }
            .checkin-modal.ReactModal__Content > div .safty .danger .danger_box .danger_type.rowTwo {
              margin: 10px 5px; }
            .checkin-modal.ReactModal__Content > div .safty .danger .danger_box .danger_type:after {
              content: '';
              clear: both;
              display: block; }
            .checkin-modal.ReactModal__Content > div .safty .danger .danger_box .danger_type dt {
              width: 100%;
              text-align: center; }
            .checkin-modal.ReactModal__Content > div .safty .danger .danger_box .danger_type dd {
              float: left;
              width: 64px;
              margin: 6px;
              word-break: break-all; }
    .checkin-modal.ReactModal__Content > div .popup-options {
      width: 100%;
      background-color: #fff;
      padding-top: 10px; }
      .checkin-modal.ReactModal__Content > div .popup-options .agreeCheckBox {
        padding-left: 10px;
        margin-bottom: 15px; }
      .checkin-modal.ReactModal__Content > div .popup-options .btn-wrapper .btn {
        max-width: none;
        width: 100%; }
      .checkin-modal.ReactModal__Content > div .popup-options .twoBtn .btn {
        margin: 0 3px; }

@media (min-width: 992px) {
  #checkinstepbar {
    margin-left: 14px; } }
@media (max-width: 991px) {
  .hidden-sm {
    display: none; } }
#payment .airportShuttleWraper {
  overflow: visible;
  height: auto; }
  @media (max-width: 639px) {
    #payment .airportShuttleWraper {
      height: auto; } }
  #payment .airportShuttleWraper #airportShuttle .date-picker-input input:after {
    z-index: 0; }
  #payment .airportShuttleWraper #airportShuttle .hide-label {
    margin-top: 22px; }
  #payment .airportShuttleWraper #airportShuttle .shadowcard-wrapper {
    margin-bottom: 0; }
  #payment .airportShuttleWraper #airportShuttle .btn-second {
    max-width: 100%; }
  #payment .airportShuttleWraper #airportShuttle .ui-select-wrapper {
    margin-left: 0; }
  #payment .airportShuttleWraper #airportShuttle #aDate.disabled {
    cursor: not-allowed; }
  @media (min-width: 639px) {
    #payment .airportShuttleWraper #airportShuttle li {
      height: 342px; } }
  @media (min-width: 992px) {
    #payment .airportShuttleWraper #airportShuttle li {
      height: 275px; } }
  #payment .airportShuttleWraper #airportShuttle .imgWraper {
    height: 100%;
    overflow: hidden; }
    @media (max-width: 639px) {
      #payment .airportShuttleWraper #airportShuttle .imgWraper {
        height: 180px; } }
    #payment .airportShuttleWraper #airportShuttle .imgWraper img {
      width: 100%;
      height: auto; }
  #payment .airportShuttleWraper #airportShuttle .shuttleTips .service {
    margin-top: 30px; }
  #payment .airportShuttleWraper #airportShuttle .panel-gold .service {
    padding: 5px 0px 0 15px;
    margin-top: 15px; }
    @media (max-width: 639px) {
      #payment .airportShuttleWraper #airportShuttle .panel-gold .service {
        padding: 5px 15px 10px; } }
  #payment .airportShuttleWraper #airportShuttle .gold-text {
    position: relative; }
    #payment .airportShuttleWraper #airportShuttle .gold-text .lowPrice {
      position: absolute;
      right: 15px;
      top: 8px;
      z-index: 0;
      font-size: 14px;
      width: 50%;
      text-align: right;
      color: #223B61;
      background: none; }
    #payment .airportShuttleWraper #airportShuttle .gold-text .desc {
      width: 90%;
      padding-top: 0; }
  #payment .airportShuttleWraper #airportShuttle .date-picker-input:after {
    content: '';
    background: url(https://tw.ceair.com/newwebsite/images/dropdown.svg) no-repeat;
    background-size: 60%;
    width: 16px;
    height: 12px;
    position: absolute;
    right: 15px;
    top: 52%;
    z-index: 0;
    pointer-events: none; }
  #payment .airportShuttleWraper #airportShuttle .timeDiv {
    position: relative; }
    #payment .airportShuttleWraper #airportShuttle .timeDiv .timeChd {
      width: 40%;
      display: inline-block;
      position: absolute;
      height: 55px;
      right: 0;
      bottom: 0; }
    #payment .airportShuttleWraper #airportShuttle .timeDiv label {
      width: 50%;
      display: inline-block;
      vertical-align: bottom; }
      #payment .airportShuttleWraper #airportShuttle .timeDiv label span {
        display: none; }
    #payment .airportShuttleWraper #airportShuttle .timeDiv .date-picker-input {
      width: 100%;
      position: static; }
      #payment .airportShuttleWraper #airportShuttle .timeDiv .date-picker-input span {
        display: block; }
  #payment .airportShuttleWraper #airportShuttle form, #payment .airportShuttleWraper #airportShuttle #form .row > div.searchBtn {
    padding-right: 15px;
    margin-top: 22px; }
    @media (max-width: 639px) {
      #payment .airportShuttleWraper #airportShuttle form, #payment .airportShuttleWraper #airportShuttle #form .row > div.searchBtn {
        padding-right: 0; } }
  #payment .airportShuttleWraper #airportShuttle .calendarWraper {
    position: relative;
    margin-top: -10px;
    margin-right: 15px; }
    #payment .airportShuttleWraper #airportShuttle .calendarWraper .bookingpanelStep1 {
      background: #fff;
      padding: 15px 0;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      width: 100%; }
      @media (max-width: 639px) {
        #payment .airportShuttleWraper #airportShuttle .calendarWraper .bookingpanelStep1 {
          top: -68px; } }
      #payment .airportShuttleWraper #airportShuttle .calendarWraper .bookingpanelStep1 .airportBtn {
        padding: 10px 20px 0 20px; }
        #payment .airportShuttleWraper #airportShuttle .calendarWraper .bookingpanelStep1 .airportBtn .btn {
          max-width: 100%; }
  #payment .airportShuttleWraper #airportShuttle .calendarWraper-right .bookingpanelStep1 {
    left: auto;
    right: 15px; }
#payment #hotelrecommend {
  margin-left: 15px; }
  #payment #hotelrecommend h2 {
    font-size: 24px; }
  #payment #hotelrecommend .ui-input-wrapper, #payment #hotelrecommend .ui-select-wrapper {
    padding-right: 0; }
  #payment #hotelrecommend .date-picker-input input:after {
    z-index: 0; }
  #payment #hotelrecommend .shadowcard-wrapper {
    margin-bottom: 0; }
  #payment #hotelrecommend .btn-second {
    max-width: 100%; }
  #payment #hotelrecommend .ui-select-wrapper {
    margin-left: 0; }
  #payment #hotelrecommend .shuttleTips .service {
    margin-top: 30px; }
  #payment #hotelrecommend .panel-gold .service {
    padding: 5px 0px 0px 0px; }
    @media (max-width: 639px) {
      #payment #hotelrecommend .panel-gold .service {
        padding: 5px 15px 10px; } }
  #payment #hotelrecommend .date-picker-input:after {
    content: '';
    background: url(https://tw.ceair.com/newwebsite/images/dropdown.svg) no-repeat;
    background-size: 60%;
    width: 16px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 40%;
    z-index: 0;
    pointer-events: none; }
  #payment #hotelrecommend .timeDiv {
    position: relative; }
    #payment #hotelrecommend .timeDiv .timeChd {
      width: 40%;
      display: inline-block;
      position: absolute;
      height: 55px;
      right: 0;
      bottom: 0; }
    #payment #hotelrecommend .timeDiv label {
      width: 50%;
      display: inline-block;
      vertical-align: bottom; }
      #payment #hotelrecommend .timeDiv label span {
        display: none; }
    #payment #hotelrecommend .timeDiv .date-picker-input {
      width: 100%;
      position: static; }
      #payment #hotelrecommend .timeDiv .date-picker-input span {
        display: block; }
  @media (max-width: 639px) {
    #payment #hotelrecommend form, #payment #hotelrecommend #form .row > div.searchBtn {
      padding-right: 0; } }
  #payment #hotelrecommend .calendarWraper {
    position: relative;
    margin-top: -10px;
    margin-right: 15px;
    z-index: 2; }
    #payment #hotelrecommend .calendarWraper .bookingpanelStep1 {
      background: #fff;
      padding: 15px 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 1;
      width: 200%;
      border: 1px solid #d8d8d8; }
      @media (max-width: 639px) {
        #payment #hotelrecommend .calendarWraper .bookingpanelStep1 {
          top: -21px;
          width: 100%; } }
      #payment #hotelrecommend .calendarWraper .bookingpanelStep1 .airportBtn {
        padding: 10px 15px 0; }
        #payment #hotelrecommend .calendarWraper .bookingpanelStep1 .airportBtn .btn {
          max-width: 50%; }
  #payment #hotelrecommend .calendarWraper-right .bookingpanelStep1 {
    left: auto;
    right: 15px; }
  #payment #hotelrecommend .mphotel-list {
    padding-top: 20px;
    margin-bottom: 10px; }
  #payment #hotelrecommend .mphotel-list li {
    background-color: #fff;
    padding: 10px;
    margin-top: 10px; }
    #payment #hotelrecommend .mphotel-list li h2 {
      border-bottom: 1px solid #d8d8d8;
      padding: 5px 0;
      line-height: 20px;
      font-weight: bold;
      margin-bottom: 15px; }
      #payment #hotelrecommend .mphotel-list li h2 a {
        display: block;
        font-size: 18px;
        color: #4a4a4a; }
      #payment #hotelrecommend .mphotel-list li h2 a:hover {
        color: #e4007f; }
    #payment #hotelrecommend .mphotel-list li .mphotel-star span {
      display: inline-block;
      vertical-align: middle; }
    #payment #hotelrecommend .mphotel-list li .mphotel-star em {
      display: inline-block;
      vertical-align: middle;
      width: 14px;
      height: 14px;
      background: url(https://tw.ceair.com/newwebsite/images/hotelstar.png) no-repeat left top;
      background-size: 100% 100%;
      font-size: 0;
      margin-right: 5px; }
    #payment #hotelrecommend .mphotel-list li .mphotel-star em.cur {
      background: url(https://tw.ceair.com/newwebsite/images/hotelstar-cur.png) no-repeat left top; }
    #payment #hotelrecommend .mphotel-list li .text-yellow {
      color: #ff9d02; }
    #payment #hotelrecommend .mphotel-list li .mphotel-price {
      color: #e4007f; }
      #payment #hotelrecommend .mphotel-list li .mphotel-price em, #payment #hotelrecommend .mphotel-list li .mphotel-price span, #payment #hotelrecommend .mphotel-list li .mphotel-price b {
        display: inline-block;
        vertical-align: bottom;
        font-style: normal; }
      #payment #hotelrecommend .mphotel-list li .mphotel-price b {
        font-size: 24px;
        margin: 0 3px; }
      #payment #hotelrecommend .mphotel-list li .mphotel-price span {
        position: relative;
        bottom: 4px; }
      #payment #hotelrecommend .mphotel-list li .mphotel-price em {
        position: relative;
        top: -10px; }
    #payment #hotelrecommend .mphotel-list li .mphotel-info {
      margin-bottom: 15px; }
    #payment #hotelrecommend .mphotel-list li .mphotel-img {
      display: block;
      margin-bottom: 10px; }
      #payment #hotelrecommend .mphotel-list li .mphotel-img img {
        width: 100%;
        height: auto; }
    #payment #hotelrecommend .mphotel-list li .mphotel-dec {
      line-height: 20px;
      font-size: 12px;
      height: 60px;
      overflow: hidden; }
  #payment #hotelrecommend .mphotel-list li:first-child {
    margin-top: 0; }
  #payment #hotelrecommend .moreHotelBtn .btn {
    max-width: 374px; }

.order-detail-print .orderdetail-wraper {
  width: 940px;
  margin: 30px auto 70px; }
  .order-detail-print .orderdetail-wraper .btnStyle {
    max-width: 208px;
    height: 55px;
    margin: 20px auto; }
    .order-detail-print .orderdetail-wraper .btnStyle .btnStyle button.btn {
      width: 100%; }
  .order-detail-print .orderdetail-wraper .dy-btn-wraper {
    max-width: 600px; }
    .order-detail-print .orderdetail-wraper .dy-btn-wraper .btn a, .order-detail-print .orderdetail-wraper .dy-btn-wraper .btn a:hover {
      color: #ffffff;
      text-decoration: none;
      display: block; }
    .order-detail-print .orderdetail-wraper .dy-btn-wraper .ml80 {
      margin-left: 80px; }
  .order-detail-print .orderdetail-wraper .mb15 {
    margin-bottom: 15px; }
  .order-detail-print .orderdetail-wraper .orderdetail-inner {
    background: #ffffff;
    padding: 0 20px 20px 20px; }
    .order-detail-print .orderdetail-wraper .orderdetail-inner .orderPrintTable td, .order-detail-print .orderdetail-wraper .orderdetail-inner .orderPrintTable th {
      padding: 6px;
      vertical-align: middle; }
  .order-detail-print .orderdetail-wraper .print-table {
    width: 900px;
    margin: 0;
    padding: 0;
    border: none;
    color: #1a2c4c;
    font-size: 13px;
    line-height: 22px;
    background: #ffffff;
    font-family: 'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif; }
  .order-detail-print .orderdetail-wraper .pad23 {
    padding: 23px 0; }
    .order-detail-print .orderdetail-wraper .pad23 img {
      margin-right: 10px;
      height: 39px;
      width: auto; }
  .order-detail-print .orderdetail-wraper .main-tit {
    height: 82px;
    line-height: 82px;
    font-size: 24px;
    color: #1a2c4c;
    text-align: right;
    font-weight: bold;
    font-family: '黑体'; }
  .order-detail-print .orderdetail-wraper .tit-tr {
    font-size: 16px;
    font-weight: bold;
    text-align: center; }
  .order-detail-print .orderdetail-wraper .bggray {
    background: #d7d7d7; }
  .order-detail-print .orderdetail-wraper .tit-border {
    border-left: 9px solid #1a2c4c; }
  .order-detail-print .orderdetail-wraper .tit-font {
    float: left;
    padding: 0 10px;
    height: 51px;
    line-height: 51px;
    width: 30%; }
  .order-detail-print .orderdetail-wraper .tit-out {
    padding: 0 5px;
    font-size: 16px;
    background: url(https://tw.ceair.com/newwebsite/images/tit_bg.png) no-repeat left bottom;
    padding-bottom: 14px;
    padding-top: 20px; }
  .order-detail-print .orderdetail-wraper .suntable {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    font-size: 13px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #c2c2c2;
    color: #1a2c4c; }
  .order-detail-print .orderdetail-wraper .suntable td {
    border: 1px solid #c2c2c2;
    padding: 6px; }
  .order-detail-print .orderdetail-wraper .subtable-tit {
    background: #1a2c4c;
    color: #ffffff;
    height: 24px;
    line-height: 24px; }
  .order-detail-print .orderdetail-wraper .price {
    font-size: 16px;
    padding: 15px 5px;
    text-align: left; }
  .order-detail-print .orderdetail-wraper .price-text01 {
    font-size: 20px;
    color: #C10F2F; }
  .order-detail-print .orderdetail-wraper .price-text02 {
    font-size: 24px;
    font-weight: normal; }
  .order-detail-print .orderdetail-wraper .price-text03 {
    margin-right: 25px; }
  .order-detail-print .orderdetail-wraper .notice {
    padding: 30px 0;
    font-size: 16px;
    line-height: 24px; }
  .order-detail-print .orderdetail-wraper .bottom {
    background: url(https://tw.ceair.com/newwebsite/images/bgpic.jpg);
    padding: 20px 10px;
    line-height: 26px;
    text-align: center;
    font-size: 16px;
    color: #ffffff; }
  .order-detail-print .orderdetail-wraper .nowrap {
    white-space: nowrap; }
  .order-detail-print .orderdetail-wraper .width25 {
    width: 25%; }
  .order-detail-print .orderdetail-wraper .width75 {
    width: 75%; }
  .order-detail-print .orderdetail-wraper .pad10 {
    padding: 10px; }
  .order-detail-print .orderdetail-wraper .mb10 {
    margin-bottom: 10px; }
  .order-detail-print .orderdetail-wraper .mr25 {
    margin-right: 25px; }
  .order-detail-print .orderdetail-wraper .lh24 {
    line-height: 24px; }

#onlineConsultingForm header {
  margin-bottom: 10px; }
#onlineConsultingForm .wrap {
  padding: 10px 10px 0; }
#onlineConsultingForm .btn-wrapper {
  float: right;
  padding-right: 10px; }
#onlineConsultingForm .step3 .ui-select-wrapper, #onlineConsultingForm .step3 .ui-input-wrapper {
  padding: 0 10px; }

#overbaggage .col-md-8 {
  padding-right: 15px; }
  @media (max-width: 639px) {
    #overbaggage .col-md-8 {
      padding-right: 0; } }
  #overbaggage .col-md-8 .row {
    padding: 15px;
    margin-bottom: 10px;
    background-color: #fff; }
  #overbaggage .col-md-8 .shadowcard-wrapper {
    margin-bottom: 0; }
    #overbaggage .col-md-8 .shadowcard-wrapper .row {
      padding: 0; }
    #overbaggage .col-md-8 .shadowcard-wrapper .shadowcard > * {
      padding: 0; }
    #overbaggage .col-md-8 .shadowcard-wrapper .shadowcard .row {
      padding: 15px; }
    #overbaggage .col-md-8 .shadowcard-wrapper .shadowcard .form-head, #overbaggage .col-md-8 .shadowcard-wrapper .shadowcard .custom-form, #overbaggage .col-md-8 .shadowcard-wrapper .shadowcard .form-tail {
      padding: 0; }
      #overbaggage .col-md-8 .shadowcard-wrapper .shadowcard .form-head .row, #overbaggage .col-md-8 .shadowcard-wrapper .shadowcard .custom-form .row, #overbaggage .col-md-8 .shadowcard-wrapper .shadowcard .form-tail .row {
        padding: 0; }
    #overbaggage .col-md-8 .shadowcard-wrapper .shadowcard .pinkh2 {
      color: #E4007F;
      font-size: 24px;
      margin-bottom: 10px;
      font-weight: normal; }
  #overbaggage .col-md-8 .baggageInfo {
    margin-bottom: 0;
    padding-bottom: 5px; }
    @media (max-width: 639px) {
      #overbaggage .col-md-8 .baggageInfo {
        margin: 0 5px; } }
@media (max-width: 639px) {
  #overbaggage .col-md-8 .extraBanner {
    overflow: hidden; }
  #overbaggage .col-md-8 .extregroup, #overbaggage .col-md-8 .referenceBK {
    margin: 0 5px 5px 5px; }
  #overbaggage .col-md-8 .referenceBK {
    margin-top: 5px; } }
#overbaggage .showInfo .col-md-8 {
  padding-right: 0; }
@media (min-width: 992px) {
  #overbaggage .action-bar-scroll {
    width: 33.33333%;
    padding-right: 10px;
    position: fixed;
    top: 0;
    right: 5px; } }
@media (min-width: 1200px) {
  #overbaggage .action-bar-scroll {
    position: static; }
    #overbaggage .action-bar-scroll .action-bar {
      position: fixed;
      top: 0;
      z-index: 2;
      width: 369.98px; } }
@media (min-width: 1300px) {
  #overbaggage .action-bar-scroll .action-bar {
    width: 389.98px; } }
@media (min-width: 992px) {
  #overbaggage .action-bar-bottom {
    position: absolute;
    bottom: 0;
    right: 5px;
    padding-right: 10px; } }
#overbaggage .flight-seat-modal .btn {
  width: 90%;
  margin: 5%; }
#overbaggage .disabled {
  cursor: not-allowed;
  opacity: 0.6; }
  #overbaggage .disabled .minusIcon, #overbaggage .disabled .plusIcon {
    pointer-events: none; }
#overbaggage .extra-weight {
  margin-top: 4px; }
  #overbaggage .extra-weight .active-blue {
    background: #223B61; }
  #overbaggage .extra-weight .active-pink {
    background: #e4007f; }
  #overbaggage .extra-weight .active-grey {
    background: #d8d8d8; }
  #overbaggage .extra-weight .text-center {
    padding: 0;
    text-align: center; }
  #overbaggage .extra-weight .list {
    font-size: 0; }
    #overbaggage .extra-weight .list li {
      display: inline-block;
      width: 15px;
      height: 36px;
      margin: 0 2px; }
  #overbaggage .extra-weight .minusIcon, #overbaggage .extra-weight .plusIcon {
    margin-top: 30px; }

.baggageInfo .col-xs-12 {
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 15px; }
  @media (max-width: 639px) {
    .baggageInfo .col-xs-12 .col-md-4 {
      margin-bottom: 10px; } }
  .baggageInfo .col-xs-12 .col-md-4 span {
    margin-left: 10px; }

.passengerInfo {
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 20px;
  margin-bottom: 20px; }
  .passengerInfo p {
    font-weight: bold; }
    .passengerInfo p span {
      font-weight: normal; }
  .passengerInfo p.flightIcon {
    margin-bottom: 10px; }
  .passengerInfo .pinkbagIcon {
    margin-top: 15px; }
  .passengerInfo .pricedetail {
    margin-top: 20px;
    text-align: right;
    padding-right: 30px; }
  .passengerInfo .pinkbagIcon {
    text-align: center; }
    .passengerInfo .pinkbagIcon span {
      padding-left: 10px; }
  .passengerInfo .col-xs-12 {
    margin-bottom: 20px; }

.showInfo {
  margin: 25px 0 10px; }
  .showInfo .row {
    padding: 0;
    margin-bottom: 30px; }
  .showInfo .col-md-5 {
    border-left: 1px solid #D8D8D8;
    padding: 0 10px;
    border-bottom: none; }
  .showInfo .col-md-7 {
    margin-top: 30px; }
    .showInfo .col-md-7 .col-xs-12 {
      padding: 0 20px; }
      .showInfo .col-md-7 .col-xs-12 .col-md-2 {
        margin-top: 5px;
        text-align: center; }
      .showInfo .col-md-7 .col-xs-12 .col-md-8 p {
        padding-top: 35px;
        text-align: center; }
      .showInfo .col-md-7 .col-xs-12 .col-md-8 .bagIcon {
        background: url(https://tw.ceair.com/newwebsite/images/bag.svg) no-repeat;
        background-position: 9px 0; }
      .showInfo .col-md-7 .col-xs-12 .col-md-8 .pinkbagIcon {
        background: url(https://tw.ceair.com/newwebsite/images/pinkbag.svg) no-repeat;
        background-position: 9px 0; }
      .showInfo .col-md-7 .col-xs-12 .col-md-8 .greybagIcon {
        background: url(https://tw.ceair.com/newwebsite/images/greybag.svg) no-repeat;
        background-position: 9px 0; }
      @media (max-width: 1024px) {
        .showInfo .col-md-7 .col-xs-12 .col-md-8 .bagIcon, .showInfo .col-md-7 .col-xs-12 .col-md-8 .pinkbagIcon, .showInfo .col-md-7 .col-xs-12 .col-md-8 .greybagIcon {
          background-position: 4px 0; } }
      @media (max-width: 768px) {
        .showInfo .col-md-7 .col-xs-12 .col-md-8 .bagIcon, .showInfo .col-md-7 .col-xs-12 .col-md-8 .pinkbagIcon, .showInfo .col-md-7 .col-xs-12 .col-md-8 .greybagIcon {
          background-position: 93px 0; } }
      @media (max-width: 425px) {
        .showInfo .col-md-7 .col-xs-12 .col-md-8 .bagIcon, .showInfo .col-md-7 .col-xs-12 .col-md-8 .pinkbagIcon, .showInfo .col-md-7 .col-xs-12 .col-md-8 .greybagIcon {
          background-position: 36px 0; } }
      @media (max-width: 375px) {
        .showInfo .col-md-7 .col-xs-12 .col-md-8 .bagIcon, .showInfo .col-md-7 .col-xs-12 .col-md-8 .pinkbagIcon, .showInfo .col-md-7 .col-xs-12 .col-md-8 .greybagIcon {
          background-position: 29px 0; } }
      @media (max-width: 320px) {
        .showInfo .col-md-7 .col-xs-12 .col-md-8 .bagIcon, .showInfo .col-md-7 .col-xs-12 .col-md-8 .pinkbagIcon, .showInfo .col-md-7 .col-xs-12 .col-md-8 .greybagIcon {
          background-position: 20px 0; } }

.passengerName {
  background: url(https://tw.ceair.com/newwebsite/images/profile.svg) no-repeat;
  padding-left: 30px;
  font-weight: bold;
  font-size: 14px;
  float: left; }

.passengerInfo .passengerName {
  margin-bottom: 20px; }

.loveTalk {
  background: url(https://tw.ceair.com/newwebsite/images/smallcelogo.svg) no-repeat;
  padding-left: 25px;
  font-weight: bold;
  font-size: 14px;
  float: right;
  background-position: 2px; }
  @media (max-width: 639px) {
    .loveTalk {
      float: left;
      padding-left: 30px; } }

.referenceBK p {
  font-weight: bold;
  width: auto;
  float: left; }
  .referenceBK p span {
    font-weight: normal; }
.referenceBK a {
  display: block;
  float: right; }
  @media (max-width: 639px) {
    .referenceBK a {
      float: left; } }

.paytitle {
  color: #4A4A4A;
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 20px; }

.totalPrice {
  border-top: 1px solid #D8D8D8;
  padding-top: 10px;
  margin: 20px 0 10px; }
  .totalPrice span {
    color: #4A4A4A;
    font-size: 14px;
    font-weight: normal;
    float: left;
    margin-top: 3px;
    margin-right: 5px; }
  .totalPrice span:last-child {
    font-size: 24px;
    float: right;
    margin-top: 0;
    font-weight: bold;
    margin-right: 0; }
    .totalPrice span:last-child span {
      font-size: 14px;
      font-weight: normal;
      margin: 5px 0 0 2px;
      display: inline-block;
      vertical-align: top;
      padding: 0;
      font-weight: normal; }

.priceInfo {
  font-size: 12px; }
  .priceInfo button {
    max-width: 100%;
    margin-top: 20px; }

.totalPriceInfo {
  text-align: right;
  padding-right: 30px;
  font-size: 24px;
  font-weight: bold; }
  .totalPriceInfo span {
    font-size: 14px;
    font-weight: 100; }

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

#travelInformation {
  background-color: #fff; }
  #travelInformation .col-md-8 {
    padding-right: 15px; }
    @media (max-width: 639px) {
      #travelInformation .col-md-8 {
        padding-right: 0; } }
    #travelInformation .col-md-8 > div > .row {
      padding: 15px;
      margin-bottom: 10px;
      background-color: #fff; }
    #travelInformation .col-md-8 .shadowcard-wrapper {
      margin-bottom: 0; }
      #travelInformation .col-md-8 .shadowcard-wrapper .row {
        padding: 0; }
      #travelInformation .col-md-8 .shadowcard-wrapper .shadowcard > * {
        padding: 0; }
      #travelInformation .col-md-8 .shadowcard-wrapper .shadowcard .row {
        padding: 15px; }
      #travelInformation .col-md-8 .shadowcard-wrapper .shadowcard .form-head, #travelInformation .col-md-8 .shadowcard-wrapper .shadowcard .custom-form, #travelInformation .col-md-8 .shadowcard-wrapper .shadowcard .form-tail {
        padding: 0; }
        #travelInformation .col-md-8 .shadowcard-wrapper .shadowcard .form-head .row, #travelInformation .col-md-8 .shadowcard-wrapper .shadowcard .custom-form .row, #travelInformation .col-md-8 .shadowcard-wrapper .shadowcard .form-tail .row {
          padding: 0; }
      #travelInformation .col-md-8 .shadowcard-wrapper .shadowcard .pinkh2 {
        color: #E4007F;
        font-size: 24px;
        margin-bottom: 10px;
        font-weight: normal; }
    #travelInformation .col-md-8 .baggageInfo {
      margin-bottom: 0;
      padding-bottom: 5px; }
      @media (max-width: 639px) {
        #travelInformation .col-md-8 .baggageInfo {
          margin: 0 5px; } }
  @media (max-width: 639px) {
    #travelInformation .col-md-8 .extraBanner {
      overflow: hidden; }
    #travelInformation .col-md-8 .extregroup, #travelInformation .col-md-8 .referenceBK {
      margin: 0 5px 5px 5px; }
    #travelInformation .col-md-8 .referenceBK {
      margin-top: 5px; } }
  #travelInformation .showInfo .col-md-8 {
    padding-right: 0; }
  @media (min-width: 992px) {
    #travelInformation .action-bar-scroll {
      width: 33.33333%;
      padding-right: 10px;
      position: fixed;
      top: 0;
      right: 5px; } }
  @media (min-width: 1200px) {
    #travelInformation .action-bar-scroll {
      position: static; }
      #travelInformation .action-bar-scroll .action-bar {
        position: fixed;
        top: 0;
        z-index: 2;
        width: 369.98px; } }
  @media (min-width: 1300px) {
    #travelInformation .action-bar-scroll .action-bar {
      width: 389.98px; } }
  @media (min-width: 992px) {
    #travelInformation .action-bar-bottom {
      position: absolute;
      bottom: 0;
      right: 5px;
      padding-right: 10px; } }
  #travelInformation .flight-seat-modal .btn {
    width: 90%;
    margin: 5%; }
  #travelInformation .disabled {
    cursor: not-allowed;
    opacity: 0.6; }
    #travelInformation .disabled .minusIcon, #travelInformation .disabled .plusIcon {
      pointer-events: none; }
  #travelInformation .btn-wrapper {
    margin-top: 20px;
    padding-right: 15px;
    float: right; }
    @media (max-width: 991px) {
      #travelInformation .btn-wrapper {
        float: none; } }
  #travelInformation .ui-checkbox-text {
    font-weight: normal;
    font-size: 12px; }
  #travelInformation .radio label, #travelInformation .checkbox label {
    padding-left: 0; }
  #travelInformation .checkbox {
    line-height: 30px; }
  #travelInformation .paycontent {
    color: #4A4A4A;
    font-size: 24px;
    font-weight: normal;
    line-height: 60px; }
  #travelInformation .action-bar {
    background: #f8f8f8; }
    #travelInformation .action-bar p {
      text-indent: 20px; }
  #travelInformation .ui-radio-wrapper .label-radio .label-text {
    font-weight: 500; }
  #travelInformation .custom-form .title {
    line-height: 60px;
    font-weight: 700;
    font-size: 16px; }
    #travelInformation .custom-form .title .star {
      font-size: 24px;
      display: inline-block;
      position: relative;
      line-height: 0;
      top: 5px;
      color: #E4007F; }
  @media (max-width: 991px) {
    #travelInformation .col-md-4.contact {
      display: block !important; } }

#hotDestination {
  width: 100%; }
  @media (min-width: 770px) {
    #hotDestination .hotDestination-box {
      -webkit-column-count: 3;
      -moz-column-count: 3;
      -o-column-count: 3;
      column-count: 3;
      -webkit-column-gap: 10px;
      -moz-column-gap: 10px;
      -o-column-gap: 10px;
      column-gap: 10px;
      -webkit-column-width: 370px;
      -moz-column-width: 370px;
      -o-column-width: 370px;
      column-width: 370px; } }
  #hotDestination .hotDestination-box .hotDestination-box__subbox {
    padding-bottom: 15px;
    overflow: hidden;
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
         break-inside: avoid; }
    #hotDestination .hotDestination-box .hotDestination-box__subbox p {
      width: 100%;
      overflow: hidden; }
    #hotDestination .hotDestination-box .hotDestination-box__subbox p > img {
      width: 100%;
      height: auto; }
    #hotDestination .hotDestination-box .hotDestination-box__subbox ul {
      list-style: none;
      margin: 0;
      padding: 10px 15px 10px;
      background-color: #f8f8f8; }
      #hotDestination .hotDestination-box .hotDestination-box__subbox ul li {
        line-height: 30px;
        height: 30px;
        overflow: hidden;
        color: #4a4a4a; }
        #hotDestination .hotDestination-box .hotDestination-box__subbox ul li p {
          max-width: 60%;
          display: inline-block; }
        #hotDestination .hotDestination-box .hotDestination-box__subbox ul li span {
          max-width: 40%;
          float: right; }

.addonServices .serviceContent {
  padding-right: 15px; }
  .addonServices .serviceContent .shadowcard-wrapper {
    margin-bottom: 15px; }
  .addonServices .serviceContent .layout-header {
    background-color: #223B61;
    line-height: 50px;
    color: #fff;
    font-weight: bold;
    position: relative;
    padding-left: 15px;
    font-size: 20px;
    margin-bottom: 15px; }
    .addonServices .serviceContent .layout-header a {
      position: absolute;
      color: #fff;
      right: 15px;
      padding-right: 20px;
      background: url(https://tw.ceair.com/newwebsite/images/icon-arrow-right-white.svg) no-repeat right center; }
  .addonServices .serviceContent .cardSummary {
    padding: 0;
    border-bottom: 15px solid #f8f8f8; }
    .addonServices .serviceContent .cardSummary > .col-md-8 {
      padding: 15px; }
    .addonServices .serviceContent .cardSummary .cardTitle {
      line-height: 40px;
      font-weight: bold;
      color: #E4007F; }
    .addonServices .serviceContent .cardSummary .cardSubTitle {
      padding-bottom: 10px; }
    .addonServices .serviceContent .cardSummary .twoBtn button {
      width: 48%;
      margin: 0 1%; }
  @media (max-width: 991px) {
    .addonServices .serviceContent {
      padding-right: 0; }
      .addonServices .serviceContent .shadowcard-wrapper .shadowcard {
        margin: 0; } }
.addonServices .panel .banner {
  overflow: hidden;
  padding: 0; }
  @media (max-width: 639px) {
    .addonServices .panel .banner img {
      width: 100%; } }
.addonServices .panel .summary {
  padding: 15px; }
  .addonServices .panel .summary .summary-left {
    padding-right: 10px;
    margin-bottom: 10px; }
    .addonServices .panel .summary .summary-left h3 {
      color: #E4007F; }
  .addonServices .panel .summary .summary-right .price {
    margin-bottom: 10px; }
    .addonServices .panel .summary .summary-right .price b {
      font-size: 20px; }
.addonServices .viplounge #supermodal_skip .handler, .addonServices .viplounge #supermodal_confirm .handler {
  text-align: center;
  padding-top: 10px; }
  .addonServices .viplounge #supermodal_skip .handler .item, .addonServices .viplounge #supermodal_confirm .handler .item {
    padding: 10px 10px 0 10px; }
.addonServices .viplounge .viplounge-options .title .psgname {
  padding-left: 30px;
  background: url(https://tw.ceair.com/newwebsite/images/profile.svg) no-repeat 2px center; }
.addonServices .viplounge .viplounge-options .detail {
  padding-top: 0; }
  .addonServices .viplounge .viplounge-options .detail .viplounge-options-group .group-name {
    padding-left: 30px;
    background: url(https://tw.ceair.com/newwebsite/images/sofa.svg) no-repeat left 3px; }
  .addonServices .viplounge .viplounge-options .detail .viplounge-options-confirmed .list {
    padding-right: 8px; }
  .addonServices .viplounge .viplounge-options .detail .viplounge-options-confirmed .price b {
    font-size: 18px; }
  @media (max-width: 639px) {
    .addonServices .viplounge .viplounge-options .detail .viplounge-options-confirmed {
      padding-left: 30px; } }
  .addonServices .viplounge .viplounge-options .detail .viplounge-options-items .viplounge-options-item {
    margin: 0 10px 20px 10px; }
    .addonServices .viplounge .viplounge-options .detail .viplounge-options-items .viplounge-options-item .item-name {
      color: #223B61;
      margin-bottom: 10px; }
    .addonServices .viplounge .viplounge-options .detail .viplounge-options-items .viplounge-options-item .item-features {
      margin-left: 8px; }
      .addonServices .viplounge .viplounge-options .detail .viplounge-options-items .viplounge-options-item .item-features li:before {
        content: "■";
        color: #E4007F;
        margin-right: 10px; }
    .addonServices .viplounge .viplounge-options .detail .viplounge-options-items .viplounge-options-item .item-info .price b {
      font-size: 18px; }
  .addonServices .viplounge .viplounge-options .detail .viplounge-options-bookinfo {
    border-top: 1px solid #d8d8d8;
    padding-top: 15px; }
    .addonServices .viplounge .viplounge-options .detail .viplounge-options-bookinfo .customform-wrapper .errorMsg {
      margin-top: 0;
      margin-bottom: 15px; }
    .addonServices .viplounge .viplounge-options .detail .viplounge-options-bookinfo .customform-wrapper .ui-select-wrapper,
    .addonServices .viplounge .viplounge-options .detail .viplounge-options-bookinfo .customform-wrapper .ui-input-wrapper {
      margin-bottom: 10px; }
.addonServices .gaotie #supermodal_skip .handler, .addonServices .gaotie #supermodal_confirm .handler {
  text-align: center;
  padding-top: 10px; }
  .addonServices .gaotie #supermodal_skip .handler .item, .addonServices .gaotie #supermodal_confirm .handler .item {
    padding: 10px 10px 0 10px; }
.addonServices .gaotie .stations {
  padding: 13px 0 10px 0; }
  .addonServices .gaotie .stations .stop {
    position: relative;
    padding: 8px 1px;
    border-top: 2px solid #223B61;
    text-align: center;
    word-wrap: break-word; }
    .addonServices .gaotie .stations .stop .symbol {
      position: absolute;
      top: -12px;
      left: 0;
      width: 100%;
      line-height: 20px;
      color: #223B61;
      font-size: 24px; }
    .addonServices .gaotie .stations .stop:first-child:before, .addonServices .gaotie .stations .stop:last-child:before {
      content: ' ';
      position: absolute;
      top: -2px;
      display: block;
      width: 50%;
      border: 1px solid #f8f8f8; }
    .addonServices .gaotie .stations .stop:first-child:before {
      left: -1px; }
    .addonServices .gaotie .stations .stop:last-child:before {
      right: 0; }
  @media (max-width: 639px) {
    .addonServices .gaotie .stations {
      display: none; } }
.addonServices .gaotie .trains-options .trains .flight {
  display: table;
  background-color: #f8f8f8;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid #D8D8D8; }
  .addonServices .gaotie .trains-options .trains .flight > * {
    padding: 15px; }
  .addonServices .gaotie .trains-options .trains .flight .left, .addonServices .gaotie .trains-options .trains .flight .middle, .addonServices .gaotie .trains-options .trains .flight .right {
    display: table-cell;
    float: none; }
  @media (max-width: 639px) {
    .addonServices .gaotie .trains-options .trains .flight {
      display: block; }
      .addonServices .gaotie .trains-options .trains .flight .left, .addonServices .gaotie .trains-options .trains .flight .middle, .addonServices .gaotie .trains-options .trains .flight .right {
        display: block; } }
  .addonServices .gaotie .trains-options .trains .flight .left .flightno {
    font-weight: bold; }
  @media (max-width: 639px) {
    .addonServices .gaotie .trains-options .trains .flight .left .flightno, .addonServices .gaotie .trains-options .trains .flight .left .stops, .addonServices .gaotie .trains-options .trains .flight .left .fclass {
      display: inline-block;
      margin-right: 6px; } }
  .addonServices .gaotie .trains-options .trains .flight .middle {
    text-align: center;
    border-left: 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8; }
    .addonServices .gaotie .trains-options .trains .flight .middle .time {
      font-size: 20px;
      font-weight: bold; }
    .addonServices .gaotie .trains-options .trains .flight .middle .icon {
      margin-top: 9px; }
    @media (max-width: 639px) {
      .addonServices .gaotie .trains-options .trains .flight .middle {
        border-left: 0;
        border-right: 0;
        padding-top: 0;
        padding-bottom: 0; } }
  .addonServices .gaotie .trains-options .trains .flight .right .psgname {
    font-weight: bold; }
  @media (max-width: 639px) {
    .addonServices .gaotie .trains-options .trains .flight .right .tit {
      display: inline-block; }
    .addonServices .gaotie .trains-options .trains .flight .right .psgname {
      display: inline-block;
      border-right: 1px solid #d8d8d8;
      padding-right: 6px;
      margin-right: 6px; }
      .addonServices .gaotie .trains-options .trains .flight .right .psgname:last-child {
        border-right: 0;
        padding-right: 0;
        margin-right: 0; } }
.addonServices .gaotie .trains-options .trains .train {
  display: table;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid #D8D8D8; }
  .addonServices .gaotie .trains-options .trains .train > * {
    padding: 15px; }
  .addonServices .gaotie .trains-options .trains .train .left, .addonServices .gaotie .trains-options .trains .train .middle, .addonServices .gaotie .trains-options .trains .train .right {
    display: table-cell;
    float: none; }
  @media (max-width: 639px) {
    .addonServices .gaotie .trains-options .trains .train {
      display: block; }
      .addonServices .gaotie .trains-options .trains .train .left, .addonServices .gaotie .trains-options .trains .train .middle, .addonServices .gaotie .trains-options .trains .train .right {
        display: block; } }
  .addonServices .gaotie .trains-options .trains .train .left .trainno {
    font-weight: bold; }
  @media (max-width: 639px) {
    .addonServices .gaotie .trains-options .trains .train .left .trainno, .addonServices .gaotie .trains-options .trains .train .left .trainclass {
      display: inline-block;
      margin-right: 6px; } }
  .addonServices .gaotie .trains-options .trains .train .middle {
    text-align: center;
    border-left: 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8; }
    .addonServices .gaotie .trains-options .trains .train .middle .time {
      font-size: 20px;
      font-weight: bold; }
    .addonServices .gaotie .trains-options .trains .train .middle .icon {
      margin-top: 9px; }
    @media (max-width: 639px) {
      .addonServices .gaotie .trains-options .trains .train .middle {
        border-left: 0;
        border-right: 0;
        padding-top: 0;
        padding-bottom: 0; } }
  .addonServices .gaotie .trains-options .trains .train .right .psgname {
    font-weight: bold; }
  .addonServices .gaotie .trains-options .trains .train .right .price {
    text-align: right;
    font-size: 20px;
    font-weight: bold; }
  .addonServices .gaotie .trains-options .trains .train .right .handle {
    text-align: right; }
    .addonServices .gaotie .trains-options .trains .train .right .handle p {
      display: inline-block;
      margin-right: 6px;
      padding-right: 6px;
      border-right: 1px solid #D8D8D8; }
      .addonServices .gaotie .trains-options .trains .train .right .handle p:last-child {
        margin-right: 0;
        padding-right: 0;
        border-right: none; }
  @media (max-width: 639px) {
    .addonServices .gaotie .trains-options .trains .train .right .tit {
      display: inline-block; }
    .addonServices .gaotie .trains-options .trains .train .right .psgname {
      display: inline-block;
      border-right: 1px solid #d8d8d8;
      padding-right: 6px;
      margin-right: 6px; }
      .addonServices .gaotie .trains-options .trains .train .right .psgname:last-child {
        border-right: 0;
        padding-right: 0;
        margin-right: 0; }
    .addonServices .gaotie .trains-options .trains .train .right .price {
      text-align: left; }
    .addonServices .gaotie .trains-options .trains .train .right .handle {
      padding-top: 5px; } }
.addonServices .gaotie .trains-options .trains .search .ui-btn-wrapper button {
  max-width: auto; }
@media (max-width: 639px) {
  .addonServices .gaotie .trains-options .trains .search .ui-select-wrapper {
    margin-bottom: 5px; } }
.addonServices .gaotie .trains-options .trains .schedule {
  padding: 0; }
  .addonServices .gaotie .trains-options .trains .schedule .tips {
    padding: 15px; }
  .addonServices .gaotie .trains-options .trains .schedule .date .item {
    display: block;
    text-decoration: none;
    font-weight: bold;
    background: #223B61;
    border-top: 1px solid white;
    border-right: 1px solid white;
    padding: 10px 15px;
    color: white; }
    .addonServices .gaotie .trains-options .trains .schedule .date .item:last-child {
      border-right: none; }
  .addonServices .gaotie .trains-options .trains .schedule .date .current {
    background: white;
    color: black;
    border-color: #D8D8D8; }
  .addonServices .gaotie .trains-options .trains .schedule .list {
    padding: 0 15px; }
    .addonServices .gaotie .trains-options .trains .schedule .list .tips {
      padding: 30px 0; }
    .addonServices .gaotie .trains-options .trains .schedule .list .item {
      border-bottom: 1px solid #D8D8D8;
      font-weight: bold; }
      .addonServices .gaotie .trains-options .trains .schedule .list .item > * {
        padding: 15px 0; }
      .addonServices .gaotie .trains-options .trains .schedule .list .item:last-child {
        border-bottom: 0; }
      .addonServices .gaotie .trains-options .trains .schedule .list .item .tit {
        font-weight: normal; }
        @media (max-width: 639px) {
          .addonServices .gaotie .trains-options .trains .schedule .list .item .tit {
            display: inline-block;
            margin-right: 6px; } }
.addonServices .gaotie .trains-options .train-selection .traininfo {
  border-bottom: 1px solid #D8D8D8; }
  .addonServices .gaotie .trains-options .train-selection .traininfo .left {
    padding: 0 15px 15px 0; }
    @media (max-width: 639px) {
      .addonServices .gaotie .trains-options .train-selection .traininfo .left .trainno, .addonServices .gaotie .trains-options .train-selection .traininfo .left .trainclass {
        display: inline-block;
        margin-right: 6px; } }
  .addonServices .gaotie .trains-options .train-selection .traininfo .middle {
    text-align: center;
    padding: 0 15px 15px 15px;
    border-left: 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8; }
    @media (max-width: 639px) {
      .addonServices .gaotie .trains-options .train-selection .traininfo .middle {
        border-left: 0;
        border-right: 0; } }
    .addonServices .gaotie .trains-options .train-selection .traininfo .middle .stop {
      font-weight: bold;
      font-size: 16px; }
    .addonServices .gaotie .trains-options .train-selection .traininfo .middle .icon {
      padding-top: 9px; }
  .addonServices .gaotie .trains-options .train-selection .traininfo .right {
    padding: 0 0 15px 15px; }
    .addonServices .gaotie .trains-options .train-selection .traininfo .right .price {
      font-weight: bold;
      font-size: 20px; }
.addonServices .gaotie .trains-options .train-selection .passengers {
  margin-top: 20px; }
  .addonServices .gaotie .trains-options .train-selection .passengers .custom-form fieldset .row {
    margin-bottom: 10px; }
    .addonServices .gaotie .trains-options .train-selection .passengers .custom-form fieldset .row:last-child {
      margin-bottom: 0; }
  .addonServices .gaotie .trains-options .train-selection .passengers .tit {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px; }
  .addonServices .gaotie .trains-options .train-selection .passengers .ui-checkbox-wrapper .ui-checkbox-text {
    padding-left: 25px;
    background: url("/public/system/assets/images/member.svg") no-repeat center left; }
  .addonServices .gaotie .trains-options .train-selection .passengers .ui-input-wrapper {
    padding-left: 35px; }
.addonServices .citytour .citytourPassengerCard {
  background-color: #fff;
  padding: 15px;
  border-bottom: 15px solid #f8f8f8;
  position: relative; }
  .addonServices .citytour .citytourPassengerCard .reset {
    padding-left: 30px;
    font-size: 16px;
    line-height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(https://tw.ceair.com/newwebsite/images/reset.png) no-repeat left center;
    z-index: 999; }
  @media (max-width: 768px) {
    .addonServices .citytour .citytourPassengerCard {
      margin: 0 5px 5px; } }
.addonServices .citytour .IncheonGroup p {
  padding-left: 30px;
  font-weight: bold; }
  .addonServices .citytour .IncheonGroup p.city {
    background: url(https://tw.ceair.com/newwebsite/images/icon_mp_hotel.png) no-repeat -17px; }
.addonServices .citytour .ui-checkbox-text {
  color: #2A5390; }
.addonServices .citytour .loungerInner .label-text {
  font-size: 18px;
  top: -2px;
  padding-left: 45px;
  background-position: 5px center;
  background-repeat: no-repeat;
  line-height: 30px; }
.addonServices .citytour .loungerInner .a .label-text {
  background-image: url(https://tw.ceair.com/newwebsite/images/citytour/a.png); }
.addonServices .citytour .loungerInner .b .label-text, .addonServices .citytour .loungerInner .j .label-text, .addonServices .citytour .loungerInner .q .label-text, .addonServices .citytour .loungerInner .r .label-text {
  background-image: url(https://tw.ceair.com/newwebsite/images/citytour/b.png); }
.addonServices .citytour .loungerInner .f .label-text {
  background-image: url(https://tw.ceair.com/newwebsite/images/citytour/f.png); }
.addonServices .citytour .loungerInner .d .label-text {
  background-image: url(https://tw.ceair.com/newwebsite/images/citytour/d.png); }
.addonServices .citytour .loungerInner .p .label-text {
  background-image: url(https://tw.ceair.com/newwebsite/images/citytour/p.png); }
.addonServices .citytour .loungerInner .c .label-text {
  background-image: url(https://tw.ceair.com/newwebsite/images/citytour/c.png); }
.addonServices .citytour .loungerInner .e .label-text {
  background-image: url(https://tw.ceair.com/newwebsite/images/citytour/e.png); }
.addonServices .citytour .loungerInner .k .label-text, .addonServices .citytour .loungerInner .l .label-text, .addonServices .citytour .loungerInner .m .label-text, .addonServices .citytour .loungerInner .n .label-text, .addonServices .citytour .loungerInner .o .label-text, .addonServices .citytour .loungerInner .s .label-text, .addonServices .citytour .loungerInner .g .label-text, .addonServices .citytour .loungerInner .h .label-text, .addonServices .citytour .loungerInner .i .label-text {
  background-image: url(https://tw.ceair.com/newwebsite/images/citytour/k.png); }
.addonServices .citytour .loungerInner .t .label-text {
  background-image: url(https://tw.ceair.com/newwebsite/images/citytour/t.png); }
.addonServices .citytour .loungerInner .serviceDescribe li {
  padding: 0 0 5px 20px; }
  .addonServices .citytour .loungerInner .serviceDescribe li:before {
    background: #E4007F;
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 5px 15px 0 5px;
    vertical-align: top; }

.viproomTip {
  border-bottom: 1px solid #d7d7d7; }
  .viproomTip dl dt {
    font-size: 14px;
    font-weight: 700;
    line-height: 2em;
    margin-top: 20px; }
  .viproomTip dl dd:before {
    background: #E4007F;
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 8px 15px 0 5px;
    vertical-align: top; }
  .viproomTip .pink {
    color: #E4007F;
    font-weight: 700; }
  .viproomTip .bold {
    font-weight: 700; }

.vip-passengers .checkbox, .vip-passengers .psgName, .selectedPsg .checkbox, .selectedPsg .psgName {
  margin-bottom: 10px; }
  .vip-passengers .checkbox .ui-checkbox-text, .vip-passengers .psgName .ui-checkbox-text, .selectedPsg .checkbox .ui-checkbox-text, .selectedPsg .psgName .ui-checkbox-text {
    font-weight: 700; }
.vip-passengers .psgName, .selectedPsg .psgName {
  font-weight: 700;
  font-size: 16px;
  padding-left: 20px; }
.vip-passengers .psgdetail, .selectedPsg .psgdetail {
  padding-left: 20px;
  font-size: 12px;
  margin-bottom: 20px; }
  .vip-passengers .psgdetail .detailbox, .selectedPsg .psgdetail .detailbox {
    padding-left: 10px;
    border-left: 1px solid #d7d7d7; }

.checkbg {
  width: 18px;
  display: inline-block;
  height: 18px;
  background-color: #828282;
  border-radius: 50% 50%;
  border: 3px solid white;
  box-shadow: 0 0 0 2px #828282;
  margin-right: 5px; }

.reset-btn {
  background: url(https://tw.ceair.com/newwebsite/images/reset.png) no-repeat left center;
  padding-left: 30px; }

#gaotieManage {
  margin-bottom: 15px; }
  @media (max-width: 991px) {
    #gaotieManage aside {
      padding: 0 15px; } }
  @media (max-width: 639px) {
    #gaotieManage aside {
      padding: 0; } }
  #gaotieManage .main-body {
    padding-left: 15px; }
    @media (max-width: 991px) {
      #gaotieManage .main-body {
        padding-right: 15px; } }
    @media (max-width: 639px) {
      #gaotieManage .main-body {
        padding-left: 0;
        padding-right: 0; }
        #gaotieManage .main-body .shadowcard-wrapper {
          margin: 0; } }
  #gaotieManage .main-body.gt-customer-main {
    padding-left: 0; }
  #gaotieManage #gaotieNotes h3, #gaotieManage #agentInfo h3 {
    border-bottom: 1px solid #D8D8D8; }
  #gaotieManage #gaotieNotes .list li, #gaotieManage #agentInfo .list li {
    padding: 8px 0; }
  @media (max-width: 639px) {
    #gaotieManage #gaotieNotes .shadowcard-wrapper, #gaotieManage #agentInfo .shadowcard-wrapper {
      margin: 0; } }
  #gaotieManage .gaotie-agent-list .search-form {
    margin-bottom: 10px; }
  #gaotieManage .gaotie-agent-list .main-handler {
    padding: 15px; }
  #gaotieManage .gaotie-agent-list .tickets-list .item {
    border-bottom: 10px solid #f8f8f8; }
    #gaotieManage .gaotie-agent-list .tickets-list .item .cols {
      padding: 10px 0;
      margin: 10px 0;
      border: 1px solid #f8f8f8;
      border-left: none;
      border-right: none; }
      #gaotieManage .gaotie-agent-list .tickets-list .item .cols .col {
        padding: 0 10px;
        border-right: 1px solid #f8f8f8; }
        #gaotieManage .gaotie-agent-list .tickets-list .item .cols .col:last-child {
          border-right: none; }
        #gaotieManage .gaotie-agent-list .tickets-list .item .cols .col .tit {
          font-weight: bold; }
      @media (max-width: 639px) {
        #gaotieManage .gaotie-agent-list .tickets-list .item .cols .col {
          border-right: none; }
          #gaotieManage .gaotie-agent-list .tickets-list .item .cols .col .txt {
            padding-left: 15px; } }
    #gaotieManage .gaotie-agent-list .tickets-list .item .header {
      padding: 0 10px; }
      #gaotieManage .gaotie-agent-list .tickets-list .item .header .name {
        padding-left: 16px;
        margin-right: 20px;
        background: url("https://tw.ceair.com/newwebsite/images/profile.svg") 0 50% no-repeat; }
  #gaotieManage .trains-options {
    margin-bottom: 12px; }
    #gaotieManage .trains-options .train-selection .passenger {
      margin-top: 20px; }
  #gaotieManage #agentMain .gaotie-agent-detail {
    font-size: 14px; }
    #gaotieManage #agentMain .gaotie-agent-detail .gt-color-gray {
      color: #828282; }
    #gaotieManage #agentMain .gaotie-agent-detail .gt-orderno {
      background-color: #ffffff;
      padding: 10px 15px;
      font-weight: bold; }
      #gaotieManage #agentMain .gaotie-agent-detail .gt-orderno p {
        display: inline-block; }
      #gaotieManage #agentMain .gaotie-agent-detail .gt-orderno p:last-of-type {
        float: right; }
      #gaotieManage #agentMain .gaotie-agent-detail .gt-orderno .gt-paxname-icon {
        display: inline-block;
        vertical-align: middle;
        width: 15px;
        height: 15px;
        background: url(https://tw.ceair.com/newwebsite/images/profile.svg) no-repeat;
        margin-right: 5px; }
    #gaotieManage #agentMain .gaotie-agent-detail .mr10 {
      margin-right: 10px; }
    #gaotieManage #agentMain .gaotie-agent-detail .gt-header {
      background-color: #223b61;
      color: #ffffff;
      padding: 10px 15px; }
    #gaotieManage #agentMain .gaotie-agent-detail .gt-seg > div {
      display: inline-block;
      vertical-align: top; }
    #gaotieManage #agentMain .gaotie-agent-detail .gt-seg > div:first-child {
      text-align: right; }
    #gaotieManage #agentMain .gaotie-agent-detail .gt-seg .gt-duration-wraper {
      position: relative; }
      #gaotieManage #agentMain .gaotie-agent-detail .gt-seg .gt-duration-wraper .gt-duration {
        position: absolute;
        right: 0;
        top: 0;
        background: url(https://tw.ceair.com/newwebsite/images/clock.png) no-repeat left 2px;
        padding-left: 14px; }
    #gaotieManage #agentMain .gaotie-agent-detail .gt-seg .gt-gaotie {
      margin: 0 30px 0 35px; }
    #gaotieManage #agentMain .gaotie-agent-detail .gt-option-btn a {
      display: block;
      color: #ffffff;
      padding: 12px 0;
      background-color: #223B61;
      margin-bottom: 5px;
      text-align: center; }
    #gaotieManage #agentMain .gaotie-agent-detail .gt-fz16 {
      font-size: 16px;
      font-weight: bold; }
    #gaotieManage #agentMain .gaotie-agent-detail .airportTips {
      padding-top: 10px;
      padding-left: 20px;
      line-height: 24px;
      position: relative; }
      #gaotieManage #agentMain .gaotie-agent-detail .airportTips a.showDetail {
        margin-left: 25px; }
      #gaotieManage #agentMain .gaotie-agent-detail .airportTips .glyphicon {
        top: 14px;
        left: 0;
        position: absolute; }
      #gaotieManage #agentMain .gaotie-agent-detail .airportTips .glyphicon, #gaotieManage #agentMain .gaotie-agent-detail .airportTips .glyphicon:hover {
        background: url(https://tw.ceair.com/newwebsite/images/icon-info-hover.svg) center center no-repeat;
        vertical-align: middle;
        width: 15px;
        height: 15px; }
    #gaotieManage #agentMain .gaotie-agent-detail .table-wrapper {
      padding: 0 0 15px 0; }
      #gaotieManage #agentMain .gaotie-agent-detail .table-wrapper .table {
        margin: 0; }
      #gaotieManage #agentMain .gaotie-agent-detail .table-wrapper .table th {
        font-weight: bold; }
      #gaotieManage #agentMain .gaotie-agent-detail .table-wrapper .table th, #gaotieManage #agentMain .gaotie-agent-detail .table-wrapper .table td {
        text-align: center;
        border-left: 1px solid #f8f8f8;
        border-bottom: 1px solid #f8f8f8; }
    #gaotieManage #agentMain .gaotie-agent-detail .tips-wraper {
      padding: 15px; }
    #gaotieManage #agentMain .gaotie-agent-detail .disableTrip .gt-fz16 {
      color: #8b8b8b; }
    #gaotieManage #agentMain .gaotie-agent-detail .disableTrip .shadowcard-wrapper {
      background: #d8d8d8; }
    #gaotieManage #agentMain .gaotie-agent-detail .disableTrip .panel-blue {
      background: #8d8d8d;
      color: #ffffff; }
    #gaotieManage #agentMain .gaotie-agent-detail .disableTrip .gt-duration-wraper .gt-duration {
      background: url(https://tw.ceair.com/newwebsite/images/clock_gray.png) no-repeat; }
    #gaotieManage #agentMain .gaotie-agent-detail .disableTrip .glyphicon, #gaotieManage #agentMain .gaotie-agent-detail .disableTrip .glyphicon:hover {
      background: url(https://tw.ceair.com/newwebsite/images/icon-info.svg) center center no-repeat;
      vertical-align: middle;
      width: 15px;
      height: 15px;
      cursor: default; }
    #gaotieManage #agentMain .gaotie-agent-detail .disableTrip a, #gaotieManage #agentMain .gaotie-agent-detail .disableTrip a:hover {
      cursor: default;
      color: #8b8b8b;
      text-decoration: none; }
    #gaotieManage #agentMain .gaotie-agent-detail .disableTrip .gt-option-btn a {
      display: block;
      color: #ffffff;
      padding: 12px 0;
      background-color: #8d8d8d;
      margin-bottom: 5px;
      text-align: center; }
    @media (max-width: 639px) {
      #gaotieManage #agentMain .gaotie-agent-detail .gt-seg {
        text-align: center;
        margin-bottom: 15px; }
        #gaotieManage #agentMain .gaotie-agent-detail .gt-seg > div {
          text-align: left; }
        #gaotieManage #agentMain .gaotie-agent-detail .gt-seg > div:first-child {
          text-align: right; }
      #gaotieManage #agentMain .gaotie-agent-detail .gt-train-info-mobile {
        margin-bottom: 15px; }
        #gaotieManage #agentMain .gaotie-agent-detail .gt-train-info-mobile > p {
          width: 30%;
          display: inline-block;
          height: 22px; }
      #gaotieManage #agentMain .gaotie-agent-detail .gt-option-btn {
        overflow: hidden; }
        #gaotieManage #agentMain .gaotie-agent-detail .gt-option-btn > p {
          width: 40%;
          margin-left: 20%;
          float: left; }
        #gaotieManage #agentMain .gaotie-agent-detail .gt-option-btn > p:first-child {
          margin-left: 0; } }

/*gaotie detail start*/
#gt-detail-wraper {
  overflow: inherit;
  margin-top: -20px; }
  #gt-detail-wraper .mr10 {
    margin-right: 10px; }
  #gt-detail-wraper .gt-color-gray {
    color: #828282; }
  #gt-detail-wraper .gt-fz16 {
    font-size: 16px;
    font-weight: bold; }
  #gt-detail-wraper .gt-detail-title {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 15px;
    height: 40px;
    line-height: 40px; }
  #gt-detail-wraper .gt-seg > div {
    display: inline-block;
    vertical-align: top; }
  #gt-detail-wraper .gt-seg div:first-child {
    text-align: right; }
  #gt-detail-wraper .gt-seg .gt-duration-wraper {
    position: relative; }
    #gt-detail-wraper .gt-seg .gt-duration-wraper .gt-duration {
      position: absolute;
      right: 0;
      top: 0;
      background: url(https://tw.ceair.com/newwebsite/images/clock.png) no-repeat left 2px;
      padding-left: 14px; }
  #gt-detail-wraper .gt-seg .gt-gaotie {
    margin: 0 30px 0 35px; }
  #gt-detail-wraper .gt-duration-wraper {
    position: relative; }
    #gt-detail-wraper .gt-duration-wraper .gt-duration {
      position: absolute;
      right: 0;
      top: 0;
      background: url(https://tw.ceair.com/newwebsite/images/clock.png) no-repeat left 2px;
      padding-left: 14px; }

#refundTips {
  overflow: inherit; }
  #refundTips .gt-refund-txt {
    margin: 0;
    margin-bottom: 10px;
    font-weight: bold; }
  #refundTips .gt-refund-btn {
    overflow: hidden; }
    #refundTips .gt-refund-btn .btn {
      width: 220px;
      max-width: none; }

#gt-detail-pop.cross {
  right: 17px;
  top: 26px; }

/*gaotie detail end*/
#programme .add, #programme .remove {
  font-size: 20px;
  font-weight: 700; }
#programme .remove {
  top: 30px;
  position: relative; }

#ticketIssuance .ticket-des h3 {
  font-size: 14px;
  font-weight: bold; }
#ticketIssuance .ticket-des ul li:before {
  background: #E4007F;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 5px 15px 0 5px;
  vertical-align: top; }
#ticketIssuance .ticket-des01 {
  padding: 10px 0; }
  #ticketIssuance .ticket-des01 .star {
    font-size: 24px;
    position: relative;
    line-height: 0;
    top: 7px;
    color: #E4007F; }
  #ticketIssuance .ticket-des01 .pad-left {
    padding-left: 10px; }

#ticketPrint .ticket-invoice {
  font-size: 16px;
  width: 774px;
  height: 369px;
  position: relative;
  background: url("https://tw.ceair.com/newwebsite/images/printJP.jpg") no-repeat center;
  font-family: Helvetica, "Microsoft YaHei", "Microsoft JhengHei", 微軟正黑體, "Hiragino Sans GB", Arial, sans-serif;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  #ticketPrint .ticket-invoice .invoice-header {
    font-weight: 700;
    width: 280px;
    line-height: 24px;
    text-align: center;
    position: absolute;
    left: 72px;
    bottom: 250px; }
  #ticketPrint .ticket-invoice .no-mu {
    line-height: 24px;
    position: absolute;
    right: 120px;
    top: 65px; }
  #ticketPrint .ticket-invoice .ticket-no {
    position: absolute;
    left: 160px;
    bottom: 138px;
    line-height: 23px; }
  #ticketPrint .ticket-invoice .ticket-total {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 120px;
    position: absolute;
    left: 366px;
    bottom: 166px; }
  #ticketPrint .ticket-invoice .invoice-time {
    position: absolute;
    right: 120px;
    top: 96px; }
  #ticketPrint .ticket-invoice .flight-time {
    position: absolute;
    left: 130px;
    bottom: 110px; }
  #ticketPrint .ticket-invoice .tax {
    width: 240px;
    position: absolute;
    right: 0;
    top: 178px; }
    #ticketPrint .ticket-invoice .tax .ui-input-wrapper .display-label {
      line-height: 20px; }
      #ticketPrint .ticket-invoice .tax .ui-input-wrapper .display-label span {
        font-size: 14px; }
    #ticketPrint .ticket-invoice .tax p {
      font-size: 12px;
      font-weight: 500;
      padding-right: 2px;
      line-height: 14px; }
    #ticketPrint .ticket-invoice .tax span {
      font-size: 16px;
      font-weight: 700; }

.ticketPrint-middle .btnStyle {
  max-width: 520px;
  height: 55px;
  margin: 20px auto; }
  .ticketPrint-middle .btnStyle button.btn {
    float: none;
    margin-left: 10%;
    width: 40%; }
  .ticketPrint-middle .btnStyle button.btn:first-child {
    margin-left: 0; }
.ticketPrint-middle .ticketprint-wraper {
  width: 794px;
  margin: 30px auto 70px;
  padding: 30px 10px;
  background-color: #ffffff;
  font-size: 16px;
  line-height: 26px; }
  .ticketPrint-middle .ticketprint-wraper .con-tips {
    line-height: 18px;
    font-size: 14px;
    padding: 10px 0 0 20px;
    font-weight: bold; }
  .ticketPrint-middle .ticketprint-wraper .ticketprint-tit {
    text-align: center;
    font-size: 24px; }
  .ticketPrint-middle .ticketprint-wraper .table-wrap {
    padding-right: 30px;
    position: relative; }
  .ticketPrint-middle .ticketprint-wraper .print-tips {
    width: 20px;
    line-height: 14px;
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 0;
    font-size: 13px; }
  .ticketPrint-middle .ticketprint-wraper .table-bordered > thead > tr > th,
  .ticketPrint-middle .ticketprint-wraper .table-bordered > thead > tr > td,
  .ticketPrint-middle .ticketprint-wraper .table-bordered > tbody > tr > th,
  .ticketPrint-middle .ticketprint-wraper .table-bordered > tbody > tr > td {
    border: 1px solid #222222; }
  .ticketPrint-middle .ticketprint-wraper table {
    width: 100%;
    border-color: #222222;
    vertical-align: middle; }
    .ticketPrint-middle .ticketprint-wraper table th {
      height: 36px;
      line-height: 36px;
      background-color: #e3e3e3;
      text-align: center; }
    .ticketPrint-middle .ticketprint-wraper table td {
      padding: 2px 5px;
      height: 32px;
      line-height: 32px;
      font-weight: normal;
      text-align: center;
      vertical-align: middle; }
    .ticketPrint-middle .ticketprint-wraper table td.bg {
      background-color: #e3e3e3; }
  .ticketPrint-middle .ticketprint-wraper .con-txt {
    line-height: 13px;
    font-size: 13px;
    font-weight: bold; }
  .ticketPrint-middle .ticketprint-wraper .txt-en {
    font-size: 12px;
    font-weight: normal;
    padding-top: 10px; }

.shadowcard-wrapper {
  background: white;
  box-shadow: none;
  margin-bottom: 0; }
  .shadowcard-wrapper h2 {
    font-size: 14px;
    font-weight: bold; }
  .shadowcard-wrapper header {
    padding: 10px 15px; }
  .shadowcard-wrapper .shadowcard .table {
    padding: 0 15px 15px;
    margin: 10px 0; }
    .shadowcard-wrapper .shadowcard .table .btn {
      margin-top: 15px; }
    .shadowcard-wrapper .shadowcard .table .ordernumber li span:nth-child(2) {
      font-weight: 700; }
  .shadowcard-wrapper .shadowcard table td, .shadowcard-wrapper .shadowcard table th {
    padding: 10px 2px; }
    .shadowcard-wrapper .shadowcard table td .fake-th, .shadowcard-wrapper .shadowcard table th .fake-th {
      display: none;
      font-weight: bold; }
  .shadowcard-wrapper .shadowcard .tab tr td {
    padding: 10px 0 !important;
    border: 1px #f0f0f0 solid; }
  .shadowcard-wrapper .shadowcard .tab tr td:first-child {
    text-align: center; }
  .shadowcard-wrapper .shadowcard .flight-meal, .shadowcard-wrapper .shadowcard .flight-goods {
    border-left: 4px solid #223B61;
    height: 25px;
    line-height: 25px;
    margin-left: 0px;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 600;
    padding-left: 10px; }
  .shadowcard-wrapper .shadowcard .col-md-offset-1 {
    margin-left: 10%;
    width: 87%; }
  .shadowcard-wrapper .shadowcard > * {
    padding: 15px; }
    .shadowcard-wrapper .shadowcard > *.booking-passenger-sub-title {
      padding-bottom: 0; }
      .shadowcard-wrapper .shadowcard > *.booking-passenger-sub-title .attention-title::before {
        background: #E4007F;
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        margin: 8px 15px 0 5px;
        vertical-align: top; }
  .shadowcard-wrapper .ui-radio-wrapper {
    margin-right: 25px; }
  @media (max-width: 639px) {
    .shadowcard-wrapper {
      margin: 0 25px 30px 15px; }
      .shadowcard-wrapper .shadowcard > * {
        padding: 15px 15px 10px 15px;
        font-size: 12px; }
        .shadowcard-wrapper .shadowcard > * table.table-custom thead {
          position: absolute;
          width: 1px;
          height: 1px;
          margin: -1px;
          padding: 0;
          overflow: hidden;
          clip: rect(0, 0, 0, 0);
          border: 0; }
        .shadowcard-wrapper .shadowcard > * table.table-custom tbody tr {
          border: none; }
        .shadowcard-wrapper .shadowcard > * table.table-custom td {
          display: block;
          padding: 0 10px;
          border: 0;
          width: 100%; }
          .shadowcard-wrapper .shadowcard > * table.table-custom td span, .shadowcard-wrapper .shadowcard > * table.table-custom td .fake-th {
            display: inline-block; }
      .shadowcard-wrapper .shadowcard .order-filter-form {
        padding: 0; }
        .shadowcard-wrapper .shadowcard .order-filter-form .ui-select-wrapper {
          padding-right: 0; }
      .shadowcard-wrapper .shadowcard .table {
        padding: 0;
        margin: 15px 0; }
        .shadowcard-wrapper .shadowcard .table .btn-third {
          width: 100%;
          margin: 20px 0 0;
          font-size: 14px; } }
  .shadowcard-wrapper.shadowcard-expandable > header {
    cursor: pointer; }
  .shadowcard-wrapper.shadowcard-expandable .expand-icon {
    float: right;
    cursor: pointer;
    display: block;
    width: 20px;
    height: 19px;
    background: url(https://tw.ceair.com/newwebsite/images/arrow-down-white.svg) center right no-repeat;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    transition: -webkit-transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s; }
  .shadowcard-wrapper.shadowcard-expanded .expand-icon {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }

@media (min-width: 992px) {
  .col-md-9 .shadowcard-wrapper {
    margin-right: 30px; } }
.hide-card .shadowcard-wrapper .shadowcard > * {
  padding: 0 15px; }

.text-bold {
  font-weight: bold; }

#flightDetail {
  font-size: 14px;
  color: #4a4a4a;
  /*******
  航段中所有人退票或者改期，该航段置灰
  ********/ }
  #flightDetail .shadowcard-wrapper .shadowcard > * {
    padding: 0; }
  #flightDetail .order {
    margin-right: 15px; }
  #flightDetail .high-light {
    font-size: 24px;
    font-weight: bolder; }
    @media (max-width: 639px) {
      #flightDetail .high-light {
        font-size: 14px; } }
  #flightDetail .show-mobile {
    display: none; }
  #flightDetail .table-wrapper {
    margin: 15px 0; }
  #flightDetail .table {
    width: 100%; }
    #flightDetail .table caption {
      font-size: 25px;
      margin-bottom: 10px;
      color: black; }
    #flightDetail .table thead tr {
      border-top: 3px solid #223B61;
      border-bottom: 2px solid #D8D8D8; }
    #flightDetail .table tbody tr:last-of-type {
      border-bottom: 1px solid #979797; }
    #flightDetail .table tbody tr:nth-of-type(even) {
      background-color: #f8f8f8; }
    #flightDetail .table td, #flightDetail .table th {
      width: 1%;
      height: 30px;
      text-align: center;
      vertical-align: middle;
      padding: 9px 0;
      border-top: none;
      border-left: 1px solid #D8D8D8; }
      #flightDetail .table td:first-child, #flightDetail .table th:first-child {
        border-left: none; }
    #flightDetail .table .fake-head {
      display: none;
      position: absolute;
      left: 0;
      font-weight: bold; }
    #flightDetail .table th {
      border-bottom: 3px solid #D8D8D8;
      font-weight: bold; }
  #flightDetail .table-cell-width th, #flightDetail .table-cell-width td {
    width: auto; }
  #flightDetail .order-reference {
    padding: 10px 15px;
    background: white; }
    #flightDetail .order-reference p {
      display: inline-block; }
      #flightDetail .order-reference p span {
        margin-right: 29px; }
      #flightDetail .order-reference p:last-of-type {
        float: right; }
  #flightDetail .order-notification li {
    margin: 10px 0;
    padding: 15px 15px 15px 40px;
    border: 1px solid #E4007F;
    background: url(https://tw.ceair.com/newwebsite/images/icon-label-info.svg) no-repeat;
    background-size: 15px 15px;
    background-position: 15px 16px;
    background-color: white; }
    #flightDetail .order-notification li a {
      color: #223B61;
      margin-left: 5px; }
  #flightDetail .trip-leg {
    padding: 0;
    font-size: 12px; }
    #flightDetail .trip-leg .leg-itinerary {
      padding: 10px 0;
      text-align: center;
      font-weight: bold;
      font-size: 14px;
      border-bottom: 3px solid #D8D8D8; }
    #flightDetail .trip-leg li {
      border-top: 1px solid #D8D8D8;
      border-bottom: 1px solid #D8D8D8; }
      #flightDetail .trip-leg li > div {
        padding: 15px; }
      #flightDetail .trip-leg li .leg-head .leg-flight-no > * {
        display: inline-block;
        vertical-align: middle; }
      #flightDetail .trip-leg li .leg-head .leg-flight-no img {
        margin-left: 8px; }
      #flightDetail .trip-leg li .leg-info {
        min-height: 138px;
        border-left: 1px solid #D8D8D8; }
      #flightDetail .trip-leg li .leg-plane:before {
        content: "";
        width: 100%;
        height: 18px;
        background: url(https://tw.ceair.com/newwebsite/images/status_plane.svg) no-repeat;
        background-size: contain;
        display: block;
        margin-top: 20px; }
    #flightDetail .trip-leg .text-bold {
      font-weight: bold; }
    #flightDetail .trip-leg .text-highlight {
      font-size: 14px;
      font-weight: bold; }
      #flightDetail .trip-leg .text-highlight .font-normal {
        font-weight: normal;
        font-size: 12px; }
    #flightDetail .trip-leg .text-margin-top {
      margin-top: 10px; }
    #flightDetail .trip-leg .text-width {
      max-width: 130px;
      font-weight: lighter; }
    #flightDetail .trip-leg .text-red {
      color: #E4007F; }
  #flightDetail .leg-passenger {
    border-top: 1px solid #D8D8D8;
    padding: 10px 15px; }
  #flightDetail .tab-card {
    background: #D8D8D8;
    margin: 30px 0;
    border-top: 1px solid #D8D8D8; }
    #flightDetail .tab-card .tab-card-head li {
      background: #223B61;
      color: white;
      padding: 10px 0 10px 15px;
      cursor: pointer; }
      #flightDetail .tab-card .tab-card-head li.selected {
        font-weight: bold;
        background: white;
        color: #4a4a4a; }
    #flightDetail .tab-card > div {
      background: white;
      padding: 15px; }
  #flightDetail .order-summary-contact {
    position: relative; }
    #flightDetail .order-summary-contact .contact-info {
      font-size: 12px;
      margin-top: 10px;
      line-height: 18px; }
      #flightDetail .order-summary-contact .contact-info > div:last-of-type {
        border-left: 1px solid #D8D8D8;
        padding-left: 15px; }
  #flightDetail .passenger-item > div:first-child {
    padding-bottom: 20px;
    position: relative; }
    #flightDetail .passenger-item > div:first-child a {
      font-size: 12px;
      position: absolute;
      right: 0;
      top: 2px; }
  #flightDetail .passenger-item > div:last-child {
    font-size: 12px;
    padding-bottom: 20px; }
    #flightDetail .passenger-item > div:last-child > div {
      border-left: 1px solid #D8D8D8;
      padding-left: 15px; }
  #flightDetail .summary-price {
    background: white;
    padding: 15px 0; }
    #flightDetail .summary-price .price-total {
      padding: 0 15px 10px 15px;
      padding-bottom: 10px; }
      #flightDetail .summary-price .price-total > span {
        display: inline-block;
        vertical-align: top; }
        #flightDetail .summary-price .price-total > span:first-of-type {
          margin-right: 15px; }
    #flightDetail .summary-price .price-detail-link {
      border-top: 1px solid #D8D8D8;
      padding: 10px 15px 10px 15px; }
      #flightDetail .summary-price .price-detail-link a {
        display: block;
        position: relative; }
        #flightDetail .summary-price .price-detail-link a:after {
          position: absolute;
          right: 0;
          top: 6px; }
    #flightDetail .summary-price .price-detail {
      padding: 0 15px;
      max-height: 0;
      opacity: 0;
      filter: alpha(opacity=0);
      transition: all 0.5s linear 0s;
      overflow: hidden; }
      #flightDetail .summary-price .price-detail.show-detail {
        padding: 0 15px;
        max-height: 450px;
        opacity: 1;
        filter: alpha(opacity=100); }
    #flightDetail .summary-price .price-head {
      padding: 0; }
      #flightDetail .summary-price .price-head p {
        display: inline-block; }
      #flightDetail .summary-price .price-head span {
        margin-right: 15px; }
    #flightDetail .summary-price .table {
      margin: 0;
      width: 100%; }
    #flightDetail .summary-price .text-hightlight {
      font-weight: bold;
      font-size: 24px;
      line-height: 25px; }
  @media (max-width: 991px) {
    #flightDetail .order {
      margin: 5px 0; } }
  @media (max-width: 639px) {
    #flightDetail .show-mobile {
      display: inherit; }
    #flightDetail .hide-mobile {
      display: none; }
    #flightDetail .text-thin-mobile {
      font-weight: normal; }
    #flightDetail .text-bold-mobile {
      font-weight: bold; }
    #flightDetail .table-wrapper {
      overflow-x: auto; }
    #flightDetail .table thead {
      position: initial;
      width: 100%;
      height: 30px;
      margin: 0;
      padding: 0;
      overflow: hidden;
      clip: initial;
      border: 0; }
    #flightDetail .table tbody tr {
      border: none; }
    #flightDetail .table td {
      display: table-cell;
      padding: 9px 0;
      border-left: 1px solid #D8D8D8;
      width: 1%; }
    #flightDetail .order-reference {
      margin: 0 5px; }
      #flightDetail .order-reference p {
        display: block; }
        #flightDetail .order-reference p span {
          float: right;
          margin-right: 0; }
        #flightDetail .order-reference p:last-of-type {
          float: none;
          padding-top: 10px;
          margin-top: 10px;
          border-top: 1px solid #D8D8D8; }
    #flightDetail .order-notification {
      margin: 0 5px; }
    #flightDetail .tab-card {
      margin: 5px 0; }
      #flightDetail .tab-card > div {
        margin: 0 5px;
        padding: 15px 10px; }
    #flightDetail .trip-leg li > div {
      padding: 0; }
    #flightDetail .trip-leg li .leg-head {
      text-align: center;
      padding: 10px 0; }
    #flightDetail .trip-leg li .leg-info {
      text-align: center;
      border-left: none;
      min-height: 0;
      padding: 10px 0; }
      #flightDetail .trip-leg li .leg-info div p {
        max-width: initial; }
      #flightDetail .trip-leg li .leg-info div .text-margin-top {
        margin-top: 10px; }
      #flightDetail .trip-leg li .leg-info div:nth-of-type(4) {
        border-top: 1px solid #D8D8D8;
        margin-top: 10px; }
    #flightDetail .trip-leg li .leg-plane:before {
      margin-top: 10px;
      background-position: center; }
    #flightDetail .leg-passenger {
      border-top: 2px solid #223B61;
      padding: 0; }
      #flightDetail .leg-passenger .table-wrapper {
        max-height: 0;
        margin: 0;
        overflow-y: hidden;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: all 0.5s linear 0s; }
        #flightDetail .leg-passenger .table-wrapper .table {
          margin: 0; }
      #flightDetail .leg-passenger .btn-link-wrapper {
        text-align: center;
        font-weight: bold;
        padding: 10px 0;
        padding-left: 30px;
        display: block; }
      #flightDetail .leg-passenger .show-table td {
        height: 33px;
        padding: 10px 0 5px 0;
        border-bottom-width: 1px;
        opacity: 1;
        filter: alpha(opacity=100); }
        #flightDetail .leg-passenger .show-table td:first-of-type {
          height: 36px;
          border-bottom-width: 2px; }
    #flightDetail .show-passenger .table-wrapper {
      margin: 15px 0;
      max-height: 250px;
      opacity: 1;
      filter: alpha(opacity=100); }
    #flightDetail .order-summary-contact .contact-info div:last-of-type {
      padding-left: 0;
      border-left: none; }
    #flightDetail .order-summary-contact .contact-link {
      padding-top: 10px;
      text-align: left; }
    #flightDetail .passenger-item > div:first-child {
      padding-bottom: 10px; }
    #flightDetail .passenger-item > div:last-child {
      padding-bottom: 10px; }
      #flightDetail .passenger-item > div:last-child p {
        display: inline-block; }
      #flightDetail .passenger-item > div:last-child div {
        margin: 10px 0; }
      #flightDetail .passenger-item > div:last-child div > p:last-of-type {
        float: right; }
    #flightDetail .summary-price {
      margin: 0 5px; }
      #flightDetail .summary-price .price-head {
        padding-top: 10px;
        border-top: 1px solid #D8D8D8; }
        #flightDetail .summary-price .price-head p {
          display: block; }
      #flightDetail .summary-price .price-detail-link {
        border-top: 2px solid #223B61;
        text-align: center;
        padding: 15px; }
        #flightDetail .summary-price .price-detail-link a {
          display: inline-block; }
          #flightDetail .summary-price .price-detail-link a:after {
            position: static; }
      #flightDetail .summary-price .table {
        min-width: 640px; } }
  #flightDetail .gray .shadowcard-wrapper {
    background-color: #e3e3e3; }
    #flightDetail .gray .shadowcard-wrapper .panel-blue {
      background-color: #aeadad; }
  #flightDetail .gray .table tbody tr:nth-of-type(even) {
    background-color: #ededed; }
  #flightDetail .gray .Policies li:before {
    background: #aeadad; }

.btn-wrapper-leftright {
  margin: 40px 0; }
  @media (max-width: 991px) {
    .btn-wrapper-leftright {
      margin: 0 5px;
      background-color: #fff;
      padding: 10px; }
      .btn-wrapper-leftright .btn {
        max-width: 45%; } }
  .btn-wrapper-leftright .btn-second {
    float: right; }
  .btn-wrapper-leftright .orderTimerPad {
    padding-top: 10px; }

.order-fare .order-fare-head {
  background: #223B61;
  color: white;
  padding-top: 10px; }
  .order-fare .order-fare-head h3 {
    font-size: 14px;
    font-weight: normal; }
.order-fare > .row {
  padding: 15px;
  border-bottom: 1px solid #D8D8D8; }
.order-fare .fare-title {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: bold; }
.order-fare .fare-details li {
  position: relative;
  padding-left: 12px;
  margin-bottom: 10px;
  padding-right: 20px;
  font-weight: lighter; }
  @media (min-width: 992px) {
    .order-fare .fare-details li {
      min-height: 60px; } }
  .order-fare .fare-details li:before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 5px;
    left: 0;
    background: #E4007F; }
.order-fare .fare-details li:last-child {
  min-height: auto; }
@media (max-width: 639px) {
  .order-fare > .row {
    padding: 15px 5px; } }

.order-fare-head {
  padding-left: 30px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: bold; }

@media (min-width: 640px) {
  .order-next-flight .order-fare-head {
    position: relative; }
    .order-next-flight .order-fare-head:before {
      display: block;
      content: '';
      background: #223B61;
      width: 30px;
      height: 8px;
      position: absolute;
      left: -10px;
      top: 34px; } }
@media (max-width: 639px) {
  .order-next-flight .Arrival span:last-child, .order-next-flight .Departure span:last-child, .order-last-fligt .Arrival span:last-child, .order-last-fligt .Departure span:last-child {
    display: block; } }

.order-activities {
  padding: 0 !important; }
  .order-activities .activitiy-item > .row {
    position: relative;
    border-top: 1px solid #D8D8D8;
    padding: 15px 15px 15px 30px; }
    .order-activities .activitiy-item > .row.activity-detail {
      line-height: 0px;
      padding: 0 15px 0 30px;
      border-top-width: 0px;
      opacity: 0;
      filter: alpha(opacity=0);
      transition: all 0.5s ease 0s;
      overflow: hidden;
      background: #f8f8f8; }
    .order-activities .activitiy-item > .row.show-detail {
      padding: 15px 15px 15px 30px;
      border-top-width: 1px;
      opacity: 1;
      filter: alpha(opacity=100);
      line-height: 20px; }
  .order-activities .activitiy-item .floatright {
    margin-bottom: -10px;
    margin-top: 5px; }
  @media (max-width: 639px) {
    .order-activities .activitiy-item > .row {
      padding: 15px 15px 15px 15px; }
    .order-activities .activitiy-item .col-xs-12 span {
      display: block; }
    .order-activities .activitiy-item .col-md-1 span {
      float: right; } }

@media (min-width: 992px) {
  .float-right-desktop {
    float: right; } }

.action-bar {
  font-size: 14px;
  color: #4a4a4a;
  background: white;
  padding: 15px; }
  .action-bar h2 {
    font-size: 24px; }
  .action-bar .action-list {
    margin: 10px -4px 0 -4px; }
    .action-bar .action-list li {
      display: inline-block;
      width: 50%;
      padding: 4px; }
      .action-bar .action-list li a {
        display: block;
        color: white;
        padding: 0 10px;
        background-color: #223B61; }
        .action-bar .action-list li a span {
          padding: 12px 0;
          display: block;
          background-position: right center;
          background-repeat: no-repeat; }
      .action-bar .action-list li a.disable {
        background-color: #e3e3e3;
        color: #aeadad; }
      .action-bar .action-list li a.disable:hover {
        cursor: not-allowed; }
      .action-bar .action-list li .action-checkin span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-checkin.svg); }
      .action-bar .action-list li .action-checkin.disable span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-checkin-disable.svg); }
      .action-bar .action-list li .action-refund span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-refund.svg); }
      .action-bar .action-list li .action-refund.disable span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-refund-disable.svg); }
      .action-bar .action-list li .action-date span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-date.svg); }
      .action-bar .action-list li .action-date.disable span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-date-disable.svg); }
      .action-bar .action-list li .action-seat span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-seat.svg); }
      .action-bar .action-list li .action-seat.disable span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-seat-disable.svg); }
      .action-bar .action-list li .action-wifi span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-wifi.svg); }
      .action-bar .action-list li .action-wifi.disable span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-wifi-disable.svg); }
      .action-bar .action-list li .action-baggage span {
        background-image: url(https://tw.ceair.com/newwebsite/images/extrabaggage_white.svg); }
      .action-bar .action-list li .action-baggage.disable span {
        background-image: url(https://tw.ceair.com/newwebsite/images/extrabaggage_disable.svg); }
      .action-bar .action-list li .action-print span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-print.png); }
      .action-bar .action-list li .action-print.disable span {
        background-image: url(https://tw.ceair.com/newwebsite/images/action-print-disable.png); }
  .action-bar .more-action-list {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #D8D8D8; }
  @media (max-width: 639px) {
    .action-bar {
      margin: 5px; }
      .action-bar .action-list {
        text-align: center; }
        .action-bar .action-list li {
          width: 33.33333%; }
          .action-bar .action-list li a {
            padding: 10px 0; }
            .action-bar .action-list li a span {
              padding: 25px 0 0 0;
              background-position: center top; } }

@media (min-width: 992px) {
  .action-bar-scroll {
    width: 33.33333%;
    padding-right: 10px;
    position: fixed;
    top: 0;
    right: 5px; } }
@media (min-width: 1200px) {
  .action-bar-scroll {
    position: static; }
    .action-bar-scroll .action-bar {
      position: fixed;
      top: 0;
      z-index: 2;
      width: 369.98px; } }
@media (min-width: 1300px) {
  .action-bar-scroll .action-bar {
    width: 389.98px; } }

@media (min-width: 992px) {
  .action-bar-bottom {
    position: absolute;
    bottom: 0;
    right: 5px;
    padding-right: 10px; } }

.position-relative {
  position: relative; }

.information {
  font-size: 12px;
  margin-top: 10px;
  line-height: 18px; }
  .information > div {
    border-right: 1px solid #D8D8D8;
    padding-right: 16px;
    padding-left: 16px; }
  .information > div:last-child {
    border-right: none; }
  @media (max-width: 639px) {
    .information .col-md-4 {
      border: none; }
      .information .col-md-4 p {
        display: inline-block; }
      .information .col-md-4 .text-bold {
        float: right; } }

.order-fare .disability {
  border-bottom: none;
  border-top: 1px solid #D8D8D8; }

.service-title {
  font-weight: bold; }

.shadowcard .information {
  padding-left: 0; }

.order-fare .disability, .order-fare .appliedservices {
  padding-left: 0; }

@media (max-width: 639px) {
  #orderDetail .order-notification li {
    margin: 5px 0; } }
#servicedetail {
  padding-right: 15px; }
  @media (max-width: 639px) {
    #servicedetail {
      padding-right: 0; } }
  @media (max-width: 639px) {
    #servicedetail .shadowcard {
      padding-bottom: 10px; } }
  #servicedetail .shadowcard .information, #servicedetail .shadowcard .order-fare {
    padding-top: 0; }

.codeImg .col-sm-2 .inline-block img, .codeImg .col-sm-3 .inline-block img {
  width: 100%; }

#actionBar .point {
  padding: 10px 15px;
  background: #223B61;
  color: #f8f8f8;
  font-size: 14px; }

#flightBatch .modify-item .flihgt-info, #flightBatch .modify-item .m-flight-info, #flightBatch .modify-item .m-passenger {
  border-bottom: 1px solid #D8D8D8; }
  #flightBatch .modify-item .flihgt-info .trnModifyTip, #flightBatch .modify-item .m-flight-info .trnModifyTip, #flightBatch .modify-item .m-passenger .trnModifyTip {
    padding: 10px; }
#flightBatch .modify-item .m-flight-info {
  padding: 10px 0; }
#flightBatch .modify-item p.m-border-right {
  border-right: 1px solid #d8d8d8; }
  #flightBatch .modify-item p.m-border-right strong {
    font-size: 14px;
    line-height: 18px; }
#flightBatch .modify-item .m-time {
  line-height: 20px;
  min-height: 20px; }
#flightBatch .modify-item .m-code {
  min-height: 40px; }
  #flightBatch .modify-item .m-code strong {
    font-size: 16px; }
#flightBatch .modify-item .m-name {
  line-height: 20px;
  min-height: 40px; }
#flightBatch .modify-item .m-passenger {
  padding: 10px 0; }
  #flightBatch .modify-item .m-passenger .m-passenger-name {
    padding-left: 20px;
    line-height: 88px;
    font-size: 14px;
    background: url("/public/system/assets/images/m_user.png") no-repeat 0 center; }
    #flightBatch .modify-item .m-passenger .m-passenger-name span {
      padding-left: 20px; }
  #flightBatch .modify-item .m-passenger .m-passenger-change {
    background-color: #e3e3e3;
    color: #aeadad; }
#flightBatch .modify-item .m-status {
  line-height: 88px; }
#flightBatch .modify-item .m-btn-search {
  position: absolute;
  right: 30px; }
#flightBatch #vip-passenger .m-passenger-name {
  padding-top: 10px; }
  #flightBatch #vip-passenger .m-passenger-name > div {
    line-height: 30px; }

#myorder .ordernumber {
  margin-bottom: 10px; }
#myorder .table {
  background-color: #ffffff;
  padding: 15px; }
  #myorder .table table tr:first-child {
    border-top: 3px solid #223B61; }
  #myorder .table table td {
    padding: 15px;
    text-align: left; }
  #myorder .table table td:first-child {
    font-weight: bold; }
  #myorder .table table tr:last-child td {
    background-color: #ffffff !important;
    text-align: right;
    font-weight: normal; }
#myorder .order-table-detail {
  white-space: nowrap; }
  #myorder .order-table-detail > div {
    padding-right: 125px;
    position: relative; }
  #myorder .order-table-detail em {
    font-style: normal; }
  #myorder .order-table-detail .paxNum {
    position: absolute;
    height: 24px;
    right: 0;
    top: 50%;
    margin-top: -12px; }
  #myorder .order-table-detail .ml10 {
    margin-left: 10px; }
#myorder .order-table-detail.order-table-detail-flight {
  position: relative;
  padding-right: 125px; }
  #myorder .order-table-detail.order-table-detail-flight > div {
    padding-right: 0;
    position: static; }
#myorder .order-total {
  overflow: hidden; }
  #myorder .order-total dl {
    float: left; }
  #myorder .order-total dt {
    float: left;
    font-weight: bold; }
  #myorder .order-total dt.pt3 {
    padding-top: 3px; }
  #myorder .order-total dd {
    float: left;
    margin-right: 10px; }
#myorder .original-price {
  text-decoration: line-through;
  color: #8D8D8D; }
#myorder .points {
  font-size: 14px; }
  #myorder .points em {
    font-style: normal;
    vertical-align: super;
    font-size: 12px; }
#myorder .promoCode {
  font-size: 12px; }
  #myorder .promoCode b {
    text-transform: uppercase; }
#myorder .order-btn {
  padding-top: 15px;
  overflow: hidden;
  position: relative; }
  #myorder .order-btn .btn {
    max-width: 160px; }
  #myorder .order-btn .orderTimerPad {
    padding-top: 10px;
    font-size: 16px; }
  #myorder .order-btn .myorderCancel {
    position: absolute;
    right: 170px;
    top: 15px; }

#pay-detail .pay-detail-tit {
  padding: 0;
  padding-top: 20px;
  font-weight: bold; }
#pay-detail .table {
  width: 100%; }
  #pay-detail .table caption {
    font-size: 25px;
    margin-bottom: 10px;
    color: black; }
  #pay-detail .table thead tr {
    border-top: 3px solid #223B61;
    border-bottom: 2px solid #D8D8D8; }
  #pay-detail .table tbody tr:last-of-type {
    border-bottom: 1px solid #979797; }
  #pay-detail .table tbody tr:nth-of-type(even) {
    background-color: #f8f8f8; }
  #pay-detail .table td, #pay-detail .table th {
    width: 1%;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    padding: 9px 0;
    border-top: none;
    border-left: 1px solid #D8D8D8; }
    #pay-detail .table td:first-child, #pay-detail .table th:first-child {
      border-left: none; }
  #pay-detail .table .fake-head {
    display: none;
    position: absolute;
    left: 0;
    font-weight: bold; }
  #pay-detail .table th {
    border-bottom: 3px solid #D8D8D8;
    font-weight: bold; }

#cardcoupons .text-clip {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: break-word;
  display: block; }
#cardcoupons .couponsBtn {
  margin-top: 24px; }
#cardcoupons #coupons-select {
  width: calc(100% + 30px);
  margin-left: -15px; }
  #cardcoupons #coupons-select .ui-select-wrapper .display-label {
    float: left; }
  #cardcoupons #coupons-select .ui-select-wrapper .ui-select-box {
    float: right;
    width: 180px;
    height: 40px; }
    #cardcoupons #coupons-select .ui-select-wrapper .ui-select-box .ui-select {
      background-color: #162844;
      height: 35px;
      margin-top: 3px;
      color: white;
      font-size: 14px;
      border: none !important; }
#cardcoupons .coupons-card {
  margin: 6px;
  border: 1px solid #ccc;
  border-top: none;
  box-shadow: 0 1px 1px #ccc; }
#cardcoupons .coupon-line {
  height: 6px;
  background: #223B61; }
#cardcoupons .coupon-content {
  line-height: 30px;
  min-height: 160px;
  padding: 6px; }
  #cardcoupons .coupon-content > .row {
    position: relative; }
  #cardcoupons .coupon-content .col-sm-8 > p {
    line-height: 20px; }
  #cardcoupons .coupon-content .coupon-btn {
    position: absolute;
    text-align: right;
    bottom: 0;
    right: 0; }
    #cardcoupons .coupon-content .coupon-btn .btn {
      /*height: 40px;
      line-height: 40px;
      min-width: 86px;*/ }
#cardcoupons .coupon-title {
  line-height: 40px;
  font-size: 16px;
  font-weight: 900;
  border-bottom: 1px #ccc dashed; }
  #cardcoupons .coupon-title .sanjiao-left {
    position: absolute;
    left: -10px;
    bottom: -5px;
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #fff;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
  #cardcoupons .coupon-title .sanjiao-right {
    position: absolute;
    right: -10px;
    bottom: -5px;
    display: block;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #fff;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
  #cardcoupons .coupon-title .coupon-sub {
    text-align: right;
    line-height: 20px; }
    #cardcoupons .coupon-title .coupon-sub i {
      font-size: 12px;
      font-weight: 500; }
#cardcoupons .coupon-number {
  padding-top: 10px;
  font-weight: 700;
  line-height: 30px; }
#cardcoupons .coupon-disable {
  background: #fefefe;
  opacity: 0.3;
  cursor: not-allowed; }

.points-calculator .contents .left {
  padding-right: 10px;
  border-right: 1px solid #D8D8D8; }
.points-calculator .contents .right {
  padding: 8px 0 8px 20px; }
.points-calculator .contents .result dt {
  font-weight: bold;
  padding-bottom: 5px; }
.points-calculator .contents .result dd em {
  color: #E4007F;
  font-weight: bold; }
.points-calculator .contents .result .btn-goto-book {
  line-height: 16px;
  width: auto;
  padding: 5px;
  white-space: pre-line;
  height: auto; }
.points-calculator .contents .notice {
  margin-top: 20px; }
  .points-calculator .contents .notice dt {
    font-weight: bold;
    padding-bottom: 5px; }
@media (max-width: 639px) {
  .points-calculator .contents .left {
    padding-right: 0;
    padding-bottom: 10px;
    margin-bottom: 18px;
    border-right: none;
    border-bottom: 1px solid #D8D8D8; }
  .points-calculator .contents .right {
    padding-left: 0; } }

@media (max-width: 1024px) {
  #home-guidePage .slider {
    display: none; } }
#home-guidePage .slider {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  font-family: "宋体"; }
  #home-guidePage .slider .slidershade {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50); }
  #home-guidePage .slider > ul {
    height: auto;
    overflow: hidden;
    position: relative;
    left: 0;
    transition: left 1s; }
  #home-guidePage .slider .slider-item {
    height: auto;
    float: left;
    position: relative; }
    #home-guidePage .slider .slider-item > img {
      display: block;
      height: auto;
      width: 100%; }
    #home-guidePage .slider .slider-item:after {
      content: "";
      display: table;
      clear: both; }
    #home-guidePage .slider .slider-item > .lastCount {
      width: 100%;
      text-align: center;
      position: absolute;
      bottom: 30%; }
      #home-guidePage .slider .slider-item > .lastCount a {
        display: inline-block;
        padding: 10px 30px;
        margin: 0 20px;
        text-align: center;
        line-height: 30px;
        cursor: pointer;
        border: 3px solid #fff;
        border-radius: 3px;
        color: #fff;
        text-decoration: none; }
      #home-guidePage .slider .slider-item > .lastCount .start {
        background: rgba(255, 255, 255, 0.2); }
        #home-guidePage .slider .slider-item > .lastCount .start:hover {
          background: rgba(255, 255, 255, 0.7); }
      #home-guidePage .slider .slider-item > .lastCount .register {
        background: rgba(230, 41, 127, 0.2); }
        #home-guidePage .slider .slider-item > .lastCount .register:hover {
          background: rgba(230, 41, 127, 0.7); }
  #home-guidePage .slider .slider-arrow {
    display: inline-block;
    color: #fff;
    font-size: 50px;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    z-index: 100;
    padding: 20px;
    cursor: pointer;
    font-weight: bold; }
    #home-guidePage .slider .slider-arrow:hover {
      background-color: #000;
      opacity: 0.2;
      filter: alpha(opacity=20); }
    #home-guidePage .slider .slider-arrow.slider-arrow-right {
      right: 0; }
    #home-guidePage .slider .slider-arrow.slider-arrow-left {
      left: 0; }
  #home-guidePage .slider .slider-dots-wrap {
    z-index: 99;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 40px; }
    #home-guidePage .slider .slider-dots-wrap .slider-dot {
      display: inline-block;
      width: 8px;
      height: 8px;
      background: #e6297f;
      margin: 7px;
      cursor: pointer;
      border-radius: 50%;
      text-indent: -9999999px; }
      #home-guidePage .slider .slider-dots-wrap .slider-dot:hover {
        border-color: #fd0174;
        background: #fd0174; }
      #home-guidePage .slider .slider-dots-wrap .slider-dot.slider-dot-selected {
        width: 16px;
        height: 16px;
        color: #fff;
        text-indent: 0px;
        line-height: 14px;
        position: relative;
        top: -5px; }
  #home-guidePage .slider .closeBtn {
    cursor: pointer;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 100px;
    top: 60px;
    z-index: 999;
    border-radius: 50%;
    background: #fff url("https://tw.ceair.com/newwebsite/images/guide/close.png") no-repeat;
    opacity: 0.5;
    filter: alpha(opacity=50); }
    #home-guidePage .slider .closeBtn:hover {
      opacity: 1;
      filter: alpha(opacity=100); }

#upgradeClass .shadowcard-wrapper .shadowcard {
  margin: 0 !important; }
#upgradeClass .cmsContent.errorMsg {
  margin: 15px 0;
  padding: 0; }
  #upgradeClass .cmsContent.errorMsg .normalTip {
    background-position: 20px 20px; }
    #upgradeClass .cmsContent.errorMsg .normalTip h1 {
      font-size: 24px;
      margin: 0; }
#upgradeClass .useCard .col-xs-2 {
  line-height: 90px;
  text-align: center; }
#upgradeClass .upgradeClass-flightList {
  padding: 0; }
  #upgradeClass .upgradeClass-flightList li {
    width: 100%;
    border-top: 8px solid #223B61;
    border-bottom: 15px solid #f8f8f8;
    padding: 20px 15px 5px; }
    #upgradeClass .upgradeClass-flightList li.selected {
      border-top-color: #E4007F; }
    #upgradeClass .upgradeClass-flightList li .flightInfo .flightNo {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 20px; }
      #upgradeClass .upgradeClass-flightList li .flightInfo .flightNo img {
        margin-left: 5px; }
    #upgradeClass .upgradeClass-flightList li .flightInfo .isShared {
      visibility: hidden; }
    #upgradeClass .upgradeClass-flightList li .flightInfo .departureDate b {
      display: block; }
    @media (max-width: 991px) {
      #upgradeClass .upgradeClass-flightList li .flightInfo {
        text-align: center;
        padding-bottom: 10px;
        border-bottom: 1px solid #4a4a4a; }
        #upgradeClass .upgradeClass-flightList li .flightInfo .isShared {
          display: none; } }
    #upgradeClass .upgradeClass-flightList li .flightDetail > div {
      padding: 20px 0;
      border-left: 1px solid #D8D8D8; }
      @media (max-width: 991px) {
        #upgradeClass .upgradeClass-flightList li .flightDetail > div {
          border-left: none; }
          #upgradeClass .upgradeClass-flightList li .flightDetail > div > div {
            text-align: center !important; } }
    #upgradeClass .upgradeClass-flightList li .flightDetail .flightDepartDetail {
      text-align: right;
      padding-left: 5px; }
    #upgradeClass .upgradeClass-flightList li .flightDetail .flightIcon {
      text-align: center;
      padding: 15px 0; }
      @media (max-width: 991px) {
        #upgradeClass .upgradeClass-flightList li .flightDetail .flightIcon {
          margin: 10px 0; } }
    #upgradeClass .upgradeClass-flightList li .flightDetail .flightArriveDetail {
      padding-right: 5px; }
    #upgradeClass .upgradeClass-flightList li .flightDetail .flightTime {
      font-size: 16px;
      font-weight: bold; }
      #upgradeClass .upgradeClass-flightList li .flightDetail .flightTime span {
        margin-left: 5px; }
    #upgradeClass .upgradeClass-flightList li .bottom-slide {
      min-height: 50px;
      line-height: 50px;
      font-size: 12px;
      padding-top: 10px;
      border-top: 1px solid #D8D8D8;
      margin-top: 20px; }
      #upgradeClass .upgradeClass-flightList li .bottom-slide .passengerName {
        background-position: left center;
        margin-right: 5px;
        padding-left: 20px;
        font-size: 12px;
        text-overflow: ellipsis;
        display: inline-block;
        width: 100px;
        overflow: hidden; }
      #upgradeClass .upgradeClass-flightList li .bottom-slide .ticketNo {
        font-size: 16px;
        font-weight: bold;
        margin-right: 2em; }
      #upgradeClass .upgradeClass-flightList li .bottom-slide .flightClass {
        font-size: 14px;
        font-weight: bold; }
      @media (max-width: 991px) {
        #upgradeClass .upgradeClass-flightList li .bottom-slide .passengerName, #upgradeClass .upgradeClass-flightList li .bottom-slide .ticketNo, #upgradeClass .upgradeClass-flightList li .bottom-slide .flightClass {
          font-size: 14px; }
        #upgradeClass .upgradeClass-flightList li .bottom-slide .passengerName {
          display: block;
          float: none; } }
      #upgradeClass .upgradeClass-flightList li .bottom-slide .callbackMsg {
        text-align: right;
        padding-right: 5px;
        line-height: 28px; }
        #upgradeClass .upgradeClass-flightList li .bottom-slide .callbackMsg > p {
          display: inline-block; }
          #upgradeClass .upgradeClass-flightList li .bottom-slide .callbackMsg > p:nth-child(1) {
            margin-right: 2em; }
        @media (max-width: 991px) {
          #upgradeClass .upgradeClass-flightList li .bottom-slide .callbackMsg {
            text-align: center; }
            #upgradeClass .upgradeClass-flightList li .bottom-slide .callbackMsg > p {
              display: block; }
              #upgradeClass .upgradeClass-flightList li .bottom-slide .callbackMsg > p:nth-child(1) {
                margin-right: 0; } }
      #upgradeClass .upgradeClass-flightList li .bottom-slide.operationBtn {
        text-align: right; }
      @media (max-width: 991px) {
        #upgradeClass .upgradeClass-flightList li .bottom-slide {
          min-height: 30px;
          line-height: 30px; } }

#memberHome .memberHomeTitle {
  padding: 10px 15px;
  background: #223B61;
  color: #f8f8f8;
  font-size: 14px;
  font-weight: bold; }
#memberHome .member-home-list .txt-bold {
  font-weight: bold; }
  #memberHome .member-home-list .txt-bold .member-progress-wrapper {
    width: 100%;
    padding: .2em;
    border: 1px solid #BFA456;
    position: relative; }
    #memberHome .member-home-list .txt-bold .member-progress-wrapper .member-progress-bar {
      height: 1em;
      background-color: #BFA456; }
  #memberHome .member-home-list .txt-bold .member-progress-text {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  #memberHome .member-home-list .txt-bold a {
    font-weight: normal;
    font-size: 12px; }
#memberHome .member-home-list ul {
  overflow: hidden;
  margin-bottom: 20px;
  margin-left: -20px; }
  #memberHome .member-home-list ul li {
    float: left;
    margin-left: -1px;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    padding-right: 10px;
    padding-left: 20px;
    border-left: 1px solid #d8d8d8;
    padding-bottom: 500px;
    margin-bottom: -500px; }
#memberHome .member-home-list .member-home-info01 li {
  width: 30%; }
#memberHome .member-home-list .member-home-info01 .member-home-li {
  width: 34%; }
#memberHome .member-home-list .member-home-info02 li {
  width: 50%; }
#memberHome .ReactModal__Overlay .ReactModal__Content {
  width: 580px; }
#memberHome .memberhome-tips a {
  background: url(https://tw.ceair.com/newwebsite/images/icon-info.svg) center center no-repeat;
  background-size: contain;
  cursor: pointer;
  border: none;
  width: 16px;
  height: 16px;
  vertical-align: middle; }
#memberHome .memberhome-tips a:hover {
  background: url(https://tw.ceair.com/newwebsite/images/icon-info-hover.svg) center center no-repeat;
  background-size: contain;
  cursor: pointer;
  border: none;
  width: 16px;
  height: 16px;
  vertical-align: middle; }

#myaccount {
  position: relative; }
  #myaccount .ml10 {
    margin-left: 10px; }
  #myaccount > .myaccount-wrapper > .paddinTop30 > div + div a {
    color: #594510;
    text-decoration: none; }
  #myaccount > .myaccount-wrapper > .paddinTop30 > div + div a:hover {
    color: #bfa456; }
  #myaccount > .myaccount-wrapper > .paddinTop30 > div + div a.calculator-a img {
    display: none; }
  #myaccount > .myaccount-wrapper > .paddinTop30 > div + div a.calculator-a img:first-child {
    display: inline-block; }
  #myaccount > .myaccount-wrapper > .paddinTop30 > div + div a.calculator-a:hover img {
    display: inline-block; }
  #myaccount > .myaccount-wrapper > .paddinTop30 > div + div a.calculator-a:hover img:first-child {
    display: none; }
  #myaccount .menuList {
    width: 160%;
    position: absolute;
    left: 100%;
    top: 0;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    z-index: 2;
    margin-left: -10px; }
    #myaccount .menuList .menuList-inner {
      background: #ffffff;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
      border: 1px solid #bfa456;
      padding: 0 20px;
      margin-left: 25px; }
      #myaccount .menuList .menuList-inner ul {
        border-top: 1px dotted #000;
        padding-bottom: 10px;
        padding-top: 10px; }
        #myaccount .menuList .menuList-inner ul li {
          font-weight: bold;
          line-height: 34px; }
          #myaccount .menuList .menuList-inner ul li a {
            font-size: 16px; }
      #myaccount .menuList .menuList-inner ul:first-child {
        border-top: none; }

#myPoints .showPoint {
  background-color: #ffffff;
  padding: 15px;
  font-size: 16px;
  font-weight: bold; }
  #myPoints .showPoint .ml10 {
    margin-left: 10px; }
  #myPoints .showPoint .pointTxt {
    color: #e4007f;
    font-size: 24px;
    margin-right: 20px; }
  #myPoints .showPoint a {
    font-size: 12px; }

.transLuggageTableWrapper table {
  border: 1px solid #d8d8d8;
  width: 100%; }
  .transLuggageTableWrapper table tbody tr:first-child {
    border-bottom: 2px solid #d8d8d8; }
  .transLuggageTableWrapper table tbody tr:nth-child(odd) {
    background: #f8f8f8; }
  .transLuggageTableWrapper table tbody tr td {
    border: 1px solid #d8d8d8; }
    .transLuggageTableWrapper table tbody tr td.et4 {
      background: #f8f8f8 !important; }

#add-service .radio-label {
  position: relative;
  left: -30px;
  top: -2px;
  font-size: 16px; }
#add-service .add-list {
  padding-left: 40px; }

#travel-alert .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0; }

.member-content {
  width: 100%;
  background-color: #18345A;
  	/*	#myCarousel{
  		@media(min-width: $screen-md-min) {
  			// height:24.7vw;
  			.carousel-caption{
  				height: 25vw;
  			}
  		}
  		.carousel-caption{
  			position: static;
  			color: white;
  			text-shadow: none;
  			background-color: $brand-pink;
  			padding: 7vw 20px 0;
  			@media(max-width: $screen-sm-max) {
  				padding: 15px 20px;
  			}
  			@media(max-width: $screen-md-max) and (min-width: $screen-md-min){
  				padding: 25px 20px;
  			}
  		}
  		.title{
  			font-size: 24px;
  			font-weight: lighter;
  			line-height: 1;
  			text-align: left;
  			margin-left: 20px;
  			@media(max-width: $screen-sm-max) {
  				text-align: center;
  				margin-left: 0;
  			}
  			@media(max-width: $screen-xs-max) {
  				font-size: 18px;
  				text-align: center;
  				margin-left: 0;
  			}
  			// @media(max-width: $screen-sm-max) and (min-width: $screen-sm-min){
  			// 	margin-bottom: 15px;
  			// }
  		}
  		.subtitle{
  			margin: 10px 0;
  			font-size: 14px;
  			text-align: left;
  			margin-left: 20px;
  			@media(max-width: $screen-sm-max) {
  				text-align: center;
  				margin-left: 0;
  			}
  			// @media(max-width: $screen-sm-max) and (min-width: $screen-sm-min){
  			// 	display: none;
  			// }
  		}
  		.btn{
  			line-height: 50px;
  			border:3px solid white;
  			margin-left: 0;
  			@media(max-width: $screen-xs-max) {
  				line-height: 38px;
  			}
  		}
  		.btn:hover {
  			border: 3px solid rgba(255,255,255,0.8);
  		}
  		.carousel-controls{
  			position: absolute;
  			right: 30px;
  			bottom: 20px;
  			@media(max-width: $screen-sm-max) {
  				top:10px;
  				right: 10px;
  			}
  		}
  		.carousel-inner {
  			.item {
  				img {
  					@media(max-width: $screen-sm-max) {
  						float: inherit;
  					}
  				}
  			}
  		}
  		.carousel-indicators{
  			float: left;
  			position: static;
  			width: auto;
  			margin: 0;
  
  			li{
  				height: 10px;
  				width: 10px;
  				margin: 0;
  				margin-right: 5px;
  			}
  		}
  		.carousel-buttons {
  			float: left;
  			button{
  				border:0;
  				text-indent: -999em;
  				width: 17px;
  				height: 20px;
  				margin-right: 10px;
  			}
  		}
  	}
  	#cookie-banner {
  		opacity: 1;
  		transition: all 0.6s ease-in-out;
  		height: auto;
  		.cookie-banner {
  			background: #404040;
  			padding: 10px 0;
  		}
  		.cb-content {
  			font-size: 14px;
  			line-height: 24px;
  			color: #fff;
  			padding-right: 100PX;
  			position: relative;
  		}
  		.cb-link {
  			color: #E4007F;
  			text-decoration: underline;
  		}
  		.cb-click {
  			font-size: 24px;
  			width: 30px;
  			background: #5D5D5D;
  			line-height: 34px;
  			height: 30px;
  			text-align: center;
  			position: absolute;
  			right: 0;
  			top: -10px;
  		}
  	}*/ }
  .member-content #member-carousel {
    width: 100%;
    height: 700px;
    background-color: #FFFFFF; }
    .member-content #member-carousel #setion-carousel {
      width: 100%;
      height: 100%; }
      .member-content #member-carousel #setion-carousel ul, .member-content #member-carousel #setion-carousel li {
        padding: 0;
        margin: 0; }
      .member-content #member-carousel #setion-carousel .clearFloat:before, .member-content #member-carousel #setion-carousel .clearFloat:after {
        content: " ";
        display: block;
        clear: both; }
      .member-content #member-carousel #setion-carousel #container {
        width: 800px;
        height: 480px;
        margin: 0 auto;
        border: 1px #222222 solid;
        overflow: hidden;
        position: relative; }
      .member-content #member-carousel #setion-carousel #banner {
        list-style: none;
        height: 480px; }
        .member-content #member-carousel #setion-carousel #banner > li {
          height: 480px;
          overflow: hidden;
          float: left;
          line-height: 480px; }
          .member-content #member-carousel #setion-carousel #banner > li > img {
            width: 100%;
            vertical-align: middle; }
      .member-content #member-carousel #setion-carousel #slide-dot-box {
        position: absolute;
        left: 0;
        bottom: 20px;
        width: 100%;
        text-align: center; }
        .member-content #member-carousel #setion-carousel #slide-dot-box .slide-dot {
          display: inline-block;
          border-radius: 50%;
          border: #aaa 2px solid;
          width: 18px;
          height: 18px;
          background: #fff;
          margin: 4px;
          cursor: pointer; }
        .member-content #member-carousel #setion-carousel #slide-dot-box .slider-dot-selected {
          background: gold; }
      .member-content #member-carousel #setion-carousel #slide-arrow-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%;
        height: 100%;
        color: #fff;
        font-size: 40px;
        position: absolute;
        top: 0;
        left: 0; }
        .member-content #member-carousel #setion-carousel #slide-arrow-box .slide-arrow {
          cursor: pointer;
          width: 100px;
          text-align: center;
          -webkit-align-self: center;
              -ms-flex-item-align: center;
                      -ms-grid-row-align: center;
                  align-self: center; }
  .member-content .member-app {
    width: 7%;
    height: 369px;
    position: fixed;
    top: 20%;
    right: 57px;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    z-index: 100; }
    .member-content .member-app .member-title {
      font-size: 16px; }
    .member-content .member-app ul {
      width: 100%;
      height: 369px;
      border: 1px #fafafa solid; }
      .member-content .member-app ul li {
        padding: 12px 0;
        width: 100%;
        height: 12.5%; }
        .member-content .member-app ul li .conditions {
          vertical-align: middle;
          text-decoration: none;
          margin-left: 0; }
        .member-content .member-app ul li span {
          color: #FFFFFF; }
      .member-content .member-app ul .link01, .member-content .member-app ul .link03 {
        background-color: #CF4084; }
      .member-content .member-app ul .link02 {
        background-color: #A9175D; }
      .member-content .member-app ul .link04, .member-content .member-app ul .link05, .member-content .member-app ul .link06, .member-content .member-app ul .link07, .member-content .member-app ul .link08 {
        background-color: #253E60; }
  .member-content .sub {
    width: 100%;
    height: 87px;
    margin-top: 68px;
    margin-bottom: 55px; }
    .member-content .sub .subTitle {
      width: 87px;
      height: 100%;
      margin: 0 auto;
      position: relative; }
      .member-content .sub .subTitle img {
        width: 100%;
        height: 100%; }
      .member-content .sub .subTitle .subTitle-txt {
        position: absolute;
        top: 3px;
        left: 13px;
        color: #BCA25C;
        font-size: 30px;
        font-weight: bold; }
  .member-content .member-promotion {
    width: 100%;
    height: 42px;
    margin-top: 56px;
    padding-bottom: 0; }
    .member-content .member-promotion .promotionIcon {
      width: 15%;
      height: 100%;
      margin: 0 auto; }
      .member-content .member-promotion .promotionIcon a {
        display: block;
        color: #FFFFFF; }
        .member-content .member-promotion .promotionIcon a span {
          display: block;
          text-align: center;
          font-size: 16px; }
  .member-content #home-sections {
    width: 100%;
    height: 600px;
    background-color: #18345A !important; }
    .member-content #home-sections .member-listImg {
      width: 100%;
      height: 100%;
      padding: 0 7%;
      margin: 0 auto; }
      .member-content #home-sections .member-listImg ul li {
        width: 20%;
        height: 100%;
        float: left;
        position: relative; }
        .member-content #home-sections .member-listImg ul li .cover {
          width: 100%;
          height: 100%;
          background-color: #18345A;
          opacity: 0.6;
          z-index: 99;
          position: absolute;
          top: 0;
          left: 0; }
          .member-content #home-sections .member-listImg ul li .cover .coverImg {
            width: 36px;
            height: 36px;
            position: absolute;
            bottom: 18px;
            right: 18px; }
        .member-content #home-sections .member-listImg ul li .eyesImg {
          width: 49%;
          height: 24%;
          position: absolute;
          z-index: 20;
          bottom: 228px;
          left: 26%; }
          .member-content #home-sections .member-listImg ul li .eyesImg .hideImgBig {
            width: 100%;
            height: 100%; }
          .member-content #home-sections .member-listImg ul li .eyesImg .hideImg {
            width: 73px;
            height: 46px;
            position: absolute;
            left: 22%;
            top: 47px; }
        .member-content #home-sections .member-listImg ul li .conditions {
          display: block;
          vertical-align: middle;
          margin-left: 0 !important;
          text-decoration: none;
          position: relative; }
          .member-content #home-sections .member-listImg ul li .conditions .promation-bg {
            height: 600px;
            width: 288px; }
          .member-content #home-sections .member-listImg ul li .conditions .promation-txt {
            width: 76%;
            margin: 38px auto;
            text-align: left;
            position: absolute;
            top: 38px;
            left: 37px; }
            .member-content #home-sections .member-listImg ul li .conditions .promation-txt .title {
              width: 100%;
              color: #FFFFFF;
              font-size: 22px;
              margin-bottom: 11px; }
            .member-content #home-sections .member-listImg ul li .conditions .promation-txt .subTitle {
              width: 100%;
              color: #CCCCCC;
              font-size: 14px; }
  .member-content .member-activity {
    width: 100%;
    height: 336px; }
    .member-content .member-activity .activity {
      width: 80%;
      margin: 0 auto; }
      .member-content .member-activity .activity ul li {
        float: left;
        text-align: center; }
        .member-content .member-activity .activity ul li img {
          width: 60px;
          height: 60px;
          vertical-align: top !important; }
        .member-content .member-activity .activity ul li li:last-child {
          margin-right: 0; }
        .member-content .member-activity .activity ul li .act-text {
          margin-left: 9px;
          display: inline-block; }
          .member-content .member-activity .activity ul li .act-text .title {
            font-weight: bold;
            font-size: 24px;
            margin-bottom: 4px;
            color: #EED490; }
          .member-content .member-activity .activity ul li .act-text .subTitle {
            font-size: 14px;
            color: #BCA25C; }
    .member-content .member-activity .activity-content {
      width: 80%;
      margin: 0 auto; }
      .member-content .member-activity .activity-content .item-content {
        width: 49%;
        height: 232px;
        background-color: #253E60;
        margin: 44px auto; }
        .member-content .member-activity .activity-content .item-content .item-list {
          width: 100%;
          height: 33.33%;
          text-align: center;
          margin: 0 auto;
          padding: 10px; }
          .member-content .member-activity .activity-content .item-content .item-list img {
            width: 30px;
            height: 30px;
            vertical-align: top; }
          .member-content .member-activity .activity-content .item-content .item-list .act-text {
            margin-left: 9px;
            display: inline-block; }
            .member-content .member-activity .activity-content .item-content .item-list .act-text .title {
              font-weight: bold;
              font-size: 16px;
              margin-bottom: 3px;
              color: #FFFFFF; }
            .member-content .member-activity .activity-content .item-content .item-list .act-text .subTitle {
              font-size: 12px;
              color: #F8F8F8; }
      .member-content .member-activity .activity-content .item-content-qian {
        width: 49%;
        height: 112px;
        background-color: #253E60;
        text-align: center;
        margin: 0 auto;
        padding: 10px; }
        .member-content .member-activity .activity-content .item-content-qian .title {
          font-weight: bold;
          font-size: 16px;
          margin-bottom: 8px;
          color: #FFFFFF; }
        .member-content .member-activity .activity-content .item-content-qian .subTitle {
          font-size: 12px;
          color: #F8F8F8; }
      .member-content .member-activity .activity-content .item-content-qian:first-child {
        margin-bottom: 8px;
        margin-top: 44px; }
      .member-content .member-activity .activity-content .item-content-fei {
        width: 49%;
        height: 232px;
        background-color: #253E60;
        text-align: center;
        margin: 44px auto;
        padding: 10px; }
        .member-content .member-activity .activity-content .item-content-fei .title {
          font-weight: bold;
          font-size: 16px;
          margin-bottom: 8px;
          color: #FFFFFF; }
        .member-content .member-activity .activity-content .item-content-fei .subTitle {
          font-size: 12px;
          color: #F8F8F8;
          margin-bottom: 27px; }
        .member-content .member-activity .activity-content .item-content-fei img {
          width: 138px;
          height: 88px; }
  .member-content .member-organ {
    width: 100%;
    height: 300px;
    background-color: #BCA25C;
    margin-top: 50px; }
    .member-content .member-organ .organ {
      width: 60%;
      height: 70%;
      margin: 0 auto; }
      .member-content .member-organ .organ ul li {
        float: left;
        width: 33%;
        text-align: center;
        margin-top: 29px; }
      .member-content .member-organ .organ ul li:first-child, .member-content .member-organ .organ ul li:last-child {
        margin-top: 46px; }
    .member-content .member-organ .organ-promotion {
      width: 100%;
      height: 40px;
      margin-top: 28px; }
      .member-content .member-organ .organ-promotion .promotionIcon {
        width: 150px;
        height: 42px;
        margin: 0 auto; }
        .member-content .member-organ .organ-promotion .promotionIcon a {
          display: block;
          color: #253E60; }
          .member-content .member-organ .organ-promotion .promotionIcon a span {
            display: block;
            text-align: center;
            font-size: 16px; }
  .member-content .member-integral {
    width: 100%;
    height: 260px;
    padding: 0 7%; }
    .member-content .member-integral .integral {
      width: 100%;
      height: 200px;
      margin: 0 auto;
      margin-top: 75px; }
      .member-content .member-integral .integral ul li {
        float: left;
        width: 25%;
        height: 100%;
        position: relative; }
        .member-content .member-integral .integral ul li .conditions {
          vertical-align: middle;
          margin-left: 0 !important;
          text-decoration: none; }
          .member-content .member-integral .integral ul li .conditions .integral-bg {
            width: 100%;
            height: 200px; }
          .member-content .member-integral .integral ul li .conditions span {
            display: block;
            position: absolute;
            top: 54px;
            left: 37%; }
            .member-content .member-integral .integral ul li .conditions span .integral-img {
              display: block;
              margin: 0 auto;
              width: 87px;
              height: 87px; }
    .member-content .member-integral .promotion {
      width: 100%;
      height: 60px;
      margin: 0 auto;
      margin-bottom: 65px; }
      .member-content .member-integral .promotion ul li {
        float: left;
        width: 16.66%;
        height: 60px;
        position: relative;
        text-align: center;
        line-height: 60px; }
        .member-content .member-integral .promotion ul li .conditions {
          vertical-align: middle;
          margin-left: 0 !important;
          text-decoration: none;
          display: block; }
          .member-content .member-integral .promotion ul li .conditions span {
            font-size: 18px;
            color: #FFFFFF; }
      .member-content .member-integral .promotion ul li:nth-child(Odd) {
        background-color: #253E60; }
      .member-content .member-integral .promotion ul li:nth-child(even) {
        background-color: #2A5390; }
      .member-content .member-integral .promotion ul li:last-child {
        background-color: #CF4084; }
  .member-content .member-search {
    width: 100%;
    height: 114px;
    background-color: #213A62;
    border-top: 1px #2A5390 solid;
    border-bottom: 1px #2A5390 solid;
    line-height: 114px;
    margin-top: 65px; }
    .member-content .member-search .search {
      width: 64%;
      margin: 0 auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; }
      .member-content .member-search .search label {
        color: #FFFFFF;
        font-size: 18px;
        text-align: right;
        margin-right: 16px; }
      .member-content .member-search .search .linkTip {
        margin-left: 22px; }
        .member-content .member-search .search .linkTip .linkMore {
          color: #FFFFFF;
          font-size: 18px;
          float: right; }
      .member-content .member-search .search .inputForm {
        height: 100%; }
        .member-content .member-search .search .inputForm .search-box {
          width: 100%;
          height: 55px;
          padding: 0 10px;
          font-size: 18px !important;
          color: #000; }
      .member-content .member-search .search .inquiry {
        width: 90px;
        height: 100%;
        margin-left: 15px; }
        .member-content .member-search .search .inquiry .btn {
          background-color: #CF4084;
          color: #FFFFFF;
          font-size: 18px;
          text-align: center;
          height: 56px; }

.plantnum-card-area .img-responsive {
  width: 100%; }
.plantnum-card-area > img {
  margin-bottom: -7.5%; }
.plantnum-card-area-container {
  width: 83.3%;
  margin: 0 auto; }
  .plantnum-card-area-container .header {
    overflow: hidden;
    position: relative;
    background-image: url("https://tw.ceair.com/newwebsite/images/plantinumCardArea/midbg.png");
    background-size: 100%;
    background-repeat: repeat-y;
    padding: 4%;
    font-size: 12px;
    margin-bottom: 10px; }
    @media (min-width: 640px) {
      .plantnum-card-area-container .header {
        font-size: 12px;
        line-height: 1.5em;
        margin-bottom: 15px; } }
    @media (min-width: 992px) {
      .plantnum-card-area-container .header {
        font-size: 12px;
        line-height: 1.5em;
        margin-bottom: 20px; } }
    @media (min-width: 1200px) {
      .plantnum-card-area-container .header {
        font-size: 14px;
        line-height: 2em;
        margin-bottom: 30px; } }
    .plantnum-card-area-container .header > p {
      font-weight: 700; }
      @media (min-width: 640px) {
        .plantnum-card-area-container .header > p {
          line-height: 1.2em; } }
      @media (min-width: 992px) {
        .plantnum-card-area-container .header > p {
          font-size: 12px;
          line-height: 1.5em; } }
      @media (min-width: 1200px) {
        .plantnum-card-area-container .header > p {
          font-size: 14px;
          line-height: 2em; } }
    .plantnum-card-area-container .header > img {
      z-index: -10;
      position: absolute;
      width: 100%;
      top: 0;
      left: 0; }
    .plantnum-card-area-container .header .icons a p {
      color: #4a4a4a; }
    .plantnum-card-area-container .header .icons img {
      margin: 0 auto; }
    .plantnum-card-area-container .header .icons .row {
      padding: 1%; }
    .plantnum-card-area-container .header .icons p {
      text-align: center;
      font-weight: 900; }
      @media (min-width: 992px) {
        .plantnum-card-area-container .header .icons p {
          font-size: 1.2em; } }
      @media (min-width: 1200px) {
        .plantnum-card-area-container .header .icons p {
          font-size: 1.2em; } }
  .plantnum-card-area-container .nav {
    margin-bottom: 10px; }
    @media (min-width: 640px) {
      .plantnum-card-area-container .nav {
        margin-bottom: 20px; } }
    @media (min-width: 992px) {
      .plantnum-card-area-container .nav {
        margin-bottom: 30px; } }
    @media (min-width: 1200px) {
      .plantnum-card-area-container .nav {
        margin-bottom: 40px; } }
    .plantnum-card-area-container .nav > div {
      position: relative; }
      .plantnum-card-area-container .nav > div .bg-top {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-position: center 40%;
        background-repeat: no-repeat; }
        .plantnum-card-area-container .nav > div .bg-top:hover {
          cursor: pointer; }
        .plantnum-card-area-container .nav > div .bg-top[class*=active] {
          background-color: rgba(228, 0, 134, 0.8);
          display: block; }
          .plantnum-card-area-container .nav > div .bg-top[class*=active]:after {
            content: '';
            border-width: 10px 5px 5px 10px;
            border-style: solid;
            border-color: rgba(228, 0, 134, 0.8) transparent transparent transparent;
            position: absolute;
            left: 50%;
            top: 100%;
            -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                    transform: translateX(-50%); }
            @media (min-width: 640px) {
              .plantnum-card-area-container .nav > div .bg-top[class*=active]:after {
                border-width: 10px 5px 5px 10px; } }
            @media (min-width: 992px) {
              .plantnum-card-area-container .nav > div .bg-top[class*=active]:after {
                border-width: 20px 7px 7px 10px; } }
            @media (min-width: 1200px) {
              .plantnum-card-area-container .nav > div .bg-top[class*=active]:after {
                border-width: 30px 15px 15px 20px; } }
      .plantnum-card-area-container .nav > div .bg1 {
        background-image: url("https://tw.ceair.com/newwebsite/images/plantinumCardArea/lefticon.png"); }
      .plantnum-card-area-container .nav > div .bg2 {
        background-image: url("https://tw.ceair.com/newwebsite/images/plantinumCardArea/righticon.png"); }
      .plantnum-card-area-container .nav > div .title {
        position: absolute;
        left: 50%;
        top: 70%;
        font-size: 12px;
        color: white;
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0); }
        @media (min-width: 640px) {
          .plantnum-card-area-container .nav > div .title {
            font-size: 12px;
            line-height: 1.2em;
            -webkit-transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
                    transform: translate(-50%, 0); } }
        @media (min-width: 992px) {
          .plantnum-card-area-container .nav > div .title {
            font-size: 16px;
            line-height: 1.5em;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            top: 60%; } }
        @media (min-width: 1200px) {
          .plantnum-card-area-container .nav > div .title {
            font-size: 24px;
            line-height: 2em;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            top: 60%; } }
  .plantnum-card-area-container .content-table {
    background: white;
    padding: 40px 20px; }
    .plantnum-card-area-container .content-table .card-img {
      margin-bottom: 20px; }
      .plantnum-card-area-container .content-table .card-img h3 {
        font-weight: 900;
        line-height: 1.2em;
        border-bottom: 1px solid #dddddd;
        margin-bottom: 20px; }
      .plantnum-card-area-container .content-table .card-img img {
        margin: 0 auto; }
    .plantnum-card-area-container .content-table .table-title {
      text-align: center;
      font-size: 25px;
      font-weight: 700; }
    .plantnum-card-area-container .content-table .table-sub button {
      border: none;
      background: none; }
    .plantnum-card-area-container .content-table table th {
      background: #f5f5f5;
      text-align: center;
      font-weight: 700;
      vertical-align: middle !important; }
    .plantnum-card-area-container .content-table table td {
      vertical-align: middle !important; }
      @media (min-width: 992px) {
        .plantnum-card-area-container .content-table table td {
          padding: 10px 30px; } }
      @media (min-width: 1200px) {
        .plantnum-card-area-container .content-table table td {
          padding: 15px 40px; } }
    .plantnum-card-area-container .content-table p {
      line-height: 2em; }
.plantnum-card-area-bg {
  background: #19345A;
  margin-bottom: -15px;
  padding: 0px 0 20px; }

#flyExplorer {
  margin-bottom: -15px; }
  #flyExplorer .header, #flyExplorer .body, #flyExplorer .footer {
    position: relative; }
    #flyExplorer .header .img-responsive, #flyExplorer .body .img-responsive, #flyExplorer .footer .img-responsive {
      width: 100%;
      margin: 0 auto; }
  #flyExplorer .header .content {
    position: absolute;
    width: 92%;
    max-width: 930px;
    top: 40%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
    #flyExplorer .header .content .label {
      position: relative;
      text-align: center; }
      #flyExplorer .header .content .label .img-responsive {
        width: 100%;
        margin: 0 auto; }
      #flyExplorer .header .content .label .label-list {
        width: 80%;
        color: black;
        font-size: 12px;
        position: absolute;
        top: 50%;
        left: 50%;
        white-space: normal;
        -webkit-transform: translate(-40%, -50%);
            -ms-transform: translate(-40%, -50%);
                transform: translate(-40%, -50%); }
        #flyExplorer .header .content .label .label-list a {
          color: black;
          text-decoration: none;
          font-size: 12px; }
        @media (min-width: 640px) {
          #flyExplorer .header .content .label .label-list a {
            font-size: 14px; } }
        @media (min-width: 992px) {
          #flyExplorer .header .content .label .label-list a {
            font-size: 16px; } }
        @media (min-width: 1200px) {
          #flyExplorer .header .content .label .label-list a {
            font-size: 22px; } }
  #flyExplorer .header .content-label {
    position: absolute;
    width: 92%;
    -max-width: 930px;
    bottom: 8%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
    #flyExplorer .header .content-label .label-img {
      position: relative; }
      #flyExplorer .header .content-label .label-img .img-responsive {
        width: 90%; }
      #flyExplorer .header .content-label .label-img .label-list {
        color: #92530c;
        position: absolute;
        font-size: 12px;
        font-weight: 900; }
        @media (min-width: 640px) {
          #flyExplorer .header .content-label .label-img .label-list {
            font-size: 14px; } }
        @media (min-width: 992px) {
          #flyExplorer .header .content-label .label-img .label-list {
            font-size: 16px; } }
        @media (min-width: 1200px) {
          #flyExplorer .header .content-label .label-img .label-list {
            font-size: 22px; } }
        #flyExplorer .header .content-label .label-img .label-list span {
          position: absolute;
          width: 100%;
          text-align: center;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
      #flyExplorer .header .content-label .label-img .passport {
        width: 93%;
        top: 11%;
        left: 5%;
        -webkit-transform: rotate(-5deg);
            -ms-transform: rotate(-5deg);
                transform: rotate(-5deg);
        height: 20%; }
      #flyExplorer .header .content-label .label-img .card {
        width: 45%;
        top: 32%;
        left: 23%;
        -webkit-transform: rotate(2deg);
            -ms-transform: rotate(2deg);
                transform: rotate(2deg);
        height: 18%; }
  #flyExplorer .header .content-link {
    position: absolute;
    bottom: 7%;
    right: 11%;
    width: 34%;
    height: 7%; }
    #flyExplorer .header .content-link a {
      position: absolute;
      display: inline-block;
      width: 100%;
      text-align: center;
      top: 50%;
      left: 50%;
      font-weight: 900;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      color: black;
      font-size: 12px; }
      @media (min-width: 640px) {
        #flyExplorer .header .content-link a {
          font-size: 14px; } }
      @media (min-width: 992px) {
        #flyExplorer .header .content-link a {
          font-size: 16px; } }
      @media (min-width: 1200px) {
        #flyExplorer .header .content-link a {
          font-size: 22px; } }
  #flyExplorer .body {
    margin-top: -1px;
    background-image: url("https://tw.ceair.com/newwebsite/images/flyExplorer/bg2.png");
    background-repeat: repeat-y;
    background-size: 100%; }
    #flyExplorer .body .label-box {
      position: relative; }
      #flyExplorer .body .label-box .label {
        position: absolute;
        top: 47%;
        left: 10%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        font-size: 12px;
        color: white;
        width: 80%;
        height: 34%;
        padding: 0;
        white-space: normal; }
        #flyExplorer .body .label-box .label .label-content {
          left: 0;
          position: absolute;
          top: 50%;
          text-align: center;
          width: 100%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          font-size: 12px; }
          @media (min-width: 640px) {
            #flyExplorer .body .label-box .label .label-content {
              font-size: 14px; } }
          @media (min-width: 992px) {
            #flyExplorer .body .label-box .label .label-content {
              font-size: 16px; } }
          @media (min-width: 1200px) {
            #flyExplorer .body .label-box .label .label-content {
              font-size: 22px; } }
    #flyExplorer .body .content {
      margin-bottom: 10px; }
      #flyExplorer .body .content .p {
        max-width: 813px;
        margin: 0 auto; }
        #flyExplorer .body .content .p p {
          padding: 10px 0 0;
          text-indent: 2em;
          color: black;
          font-size: 12px;
          line-height: 1.2em; }
          @media (min-width: 640px) {
            #flyExplorer .body .content .p p {
              font-size: 14px;
              line-height: 1.4em; } }
          @media (min-width: 992px) {
            #flyExplorer .body .content .p p {
              font-size: 16px;
              line-height: 1.6em; } }
          @media (min-width: 1200px) {
            #flyExplorer .body .content .p p {
              font-size: 18px;
              line-height: 2em; } }
      #flyExplorer .body .content .question {
        width: 100%;
        max-width: 813px;
        margin: 0 auto; }
        #flyExplorer .body .content .question .question-mid {
          color: white;
          font-size: 12px;
          padding-left: 5%;
          background-image: url("https://tw.ceair.com/newwebsite/images/flyExplorer/b2.png");
          background-repeat: repeat-y;
          background-size: 100%; }
          @media (min-width: 640px) {
            #flyExplorer .body .content .question .question-mid {
              font-size: 14px; } }
          @media (min-width: 992px) {
            #flyExplorer .body .content .question .question-mid {
              font-size: 16px; } }
          @media (min-width: 1200px) {
            #flyExplorer .body .content .question .question-mid {
              font-size: 22px; } }
      #flyExplorer .body .content .answer {
        max-width: 813px;
        color: black;
        margin: 20px auto; }
        #flyExplorer .body .content .answer .answer-title, #flyExplorer .body .content .answer .answer-content {
          float: left; }
        #flyExplorer .body .content .answer .answer-title {
          width: 15%;
          line-height: 1.1em;
          font-weight: 900; }
          @media (min-width: 992px) {
            #flyExplorer .body .content .answer .answer-title {
              line-height: 1.5em; } }
          @media (min-width: 1200px) {
            #flyExplorer .body .content .answer .answer-title {
              line-height: 2em; } }
        #flyExplorer .body .content .answer .answer-content {
          width: 85%;
          line-height: 1.1em; }
          @media (min-width: 992px) {
            #flyExplorer .body .content .answer .answer-content {
              font-size: 14px;
              line-height: 1.5em; } }
          @media (min-width: 1200px) {
            #flyExplorer .body .content .answer .answer-content {
              font-size: 16px;
              line-height: 2em; } }
        @media (min-width: 500px) {
          #flyExplorer .body .content .answer .answer-title {
            width: 10%;
            font-weight: 900; }
          #flyExplorer .body .content .answer .answer-content {
            width: 90%; } }
        @media (min-width: 640px) {
          #flyExplorer .body .content .answer {
            line-height: 2em; } }
        @media (min-width: 992px) {
          #flyExplorer .body .content .answer {
            line-height: 2em;
            margin: 30px auto; }
            #flyExplorer .body .content .answer .answer-title {
              font-size: 18px; } }
        @media (min-width: 1200px) {
          #flyExplorer .body .content .answer {
            line-height: 2em;
            margin: 40px auto; }
            #flyExplorer .body .content .answer .answer-title {
              font-size: 20px; } }
  #flyExplorer .footer {
    margin-top: -1px;
    position: relative; }
    #flyExplorer .footer .pic-box {
      position: absolute;
      top: 6%;
      left: 23.5%;
      width: 57%; }

.main-content {
  width: 100%;
  background-color: #D7EAF9;
  margin-bottom: -16px; }
  @media (max-width: 639px) {
    .main-content {
      width: 100%;
      margin-bottom: -16px; } }
  .main-content .banner {
    width: 100%;
    margin: 0;
    padding: 0; }
    .main-content .banner .bannerBg {
      width: 100%;
      height: auto; }
      @media (max-width: 639px) {
        .main-content .banner .bannerBg {
          width: 100%;
          height: auto; } }
  .main-content .subTitle {
    width: 100%;
    background-color: #D7EAF9; }
    .main-content .subTitle .subContent {
      width: 100%;
      padding: 2% 10%; }
      @media (max-width: 639px) {
        .main-content .subTitle .subContent {
          width: 100%;
          padding: 2% 4%; } }
      .main-content .subTitle .subContent .subImg {
        width: auto;
        height: auto;
        display: block; }
        @media (max-width: 639px) {
          .main-content .subTitle .subContent .subImg {
            width: 60%;
            height: auto; } }
      .main-content .subTitle .subContent .subTxt {
        color: #11588e;
        font-size: 36px;
        text-align: left;
        margin-top: 10px; }
        @media (max-width: 639px) {
          .main-content .subTitle .subContent .subTxt {
            font-size: 16px;
            margin-top: 10px; } }
        .main-content .subTitle .subContent .subTxt .txt {
          font-size: 36px;
          color: #fff;
          background-color: #4CADE2; }
          @media (max-width: 639px) {
            .main-content .subTitle .subContent .subTxt .txt {
              font-size: 16px; } }
  .main-content .passport {
    width: 100%;
    height: auto; }
    .main-content .passport .lineImg {
      display: block;
      width: 100%;
      height: auto; }
      @media (max-width: 639px) {
        .main-content .passport .lineImg {
          width: 100%;
          height: auto; } }
    .main-content .passport .passport_content {
      width: 100%;
      padding: 0 5%;
      background-color: #4CADE2; }
      .main-content .passport .passport_content .tipImg {
        width: auto;
        height: auto;
        float: left; }
        @media (max-width: 639px) {
          .main-content .passport .passport_content .tipImg {
            width: 30px;
            height: 30px; } }
      .main-content .passport .passport_content .passport_title {
        float: left;
        width: 88%;
        padding-top: 10px; }
        @media (max-width: 639px) {
          .main-content .passport .passport_content .passport_title {
            padding-top: 4px; } }
        .main-content .passport .passport_content .passport_title .tipTitle {
          color: #FFFFFF;
          font-size: 36px; }
          @media (max-width: 639px) {
            .main-content .passport .passport_content .passport_title .tipTitle {
              font-size: 16px;
              padding-top: 5px;
              margin-left: 10px; } }
          .main-content .passport .passport_content .passport_title .tipTitle .download {
            font-size: 36px;
            color: #FFFFFF; }
            @media (max-width: 639px) {
              .main-content .passport .passport_content .passport_title .tipTitle .download {
                font-size: 16px;
                color: #FFFFFF; } }
      .main-content .passport .passport_content .passport_option {
        color: #11588e;
        font-size: 36px;
        text-align: left;
        padding: 2% 5%;
        clear: both; }
        @media (max-width: 639px) {
          .main-content .passport .passport_content .passport_option {
            font-size: 16px;
            padding: 3% 1%; } }
        .main-content .passport .passport_content .passport_option .link {
          font-size: 36px;
          color: #FFFFFF; }
          @media (max-width: 639px) {
            .main-content .passport .passport_content .passport_option .link {
              font-size: 16px;
              border-bottom: 1px solid #fff; } }
  .main-content .form {
    width: 100%;
    background-color: #D7EAF9;
    position: relative;
    margin-top: 5%; }
    .main-content .form .form-content {
      width: 100%;
      padding: 0 10%;
      position: relative; }
      @media (max-width: 639px) {
        .main-content .form .form-content {
          width: 100%;
          padding: 0 5%; } }
      .main-content .form .form-content .lineImg {
        display: block;
        width: 100%;
        height: auto; }
        @media (max-width: 639px) {
          .main-content .form .form-content .lineImg {
            width: 100%;
            height: auto; } }
      .main-content .form .form-content .tipImg {
        width: auto;
        height: auto;
        position: absolute;
        right: 1%;
        top: -15%;
        z-index: 10; }
        @media (max-width: 639px) {
          .main-content .form .form-content .tipImg {
            width: 80px;
            right: -2%;
            top: -10%; } }
      .main-content .form .form-content .header {
        width: auto;
        position: absolute;
        right: 15%;
        top: -5%;
        border: 1px dotted #4CADE2;
        background: #D7EAF9;
        border-radius: 10px;
        padding: 10px 30px; }
        @media (max-width: 639px) {
          .main-content .form .form-content .header {
            width: auto;
            right: 10%;
            top: -5%; } }
        .main-content .form .form-content .header p {
          color: #4CADE2;
          font-size: 36px; }
          @media (max-width: 639px) {
            .main-content .form .form-content .header p {
              font-size: 16px; } }
      .main-content .form .form-content .link-box {
        background-color: #4CADE2;
        padding: 12% 0; }
        .main-content .form .form-content .link-box .link {
          width: 80%;
          margin: 0 auto; }
          @media (max-width: 639px) {
            .main-content .form .form-content .link-box .link {
              width: 94%; } }
          .main-content .form .form-content .link-box .link a {
            color: #FFFFFF;
            font-size: 36px;
            text-align: left; }
            @media (max-width: 639px) {
              .main-content .form .form-content .link-box .link a {
                font-size: 16px;
                border-bottom: 1px solid #fff; } }
          .main-content .form .form-content .link-box .link span {
            color: #FFFFFF;
            font-size: 36px;
            text-align: left; }
            @media (max-width: 639px) {
              .main-content .form .form-content .link-box .link span {
                font-size: 16px; } }
    .main-content .form .bgImg_1 {
      position: absolute;
      left: 12%;
      z-index: 5;
      top: 2%; }
      @media (max-width: 639px) {
        .main-content .form .bgImg_1 {
          width: 37%;
          left: 10%;
          top: 2%;
          z-index: 5; } }
    .main-content .form .bgImg_2 {
      position: absolute;
      right: 10%;
      z-index: 5; }
      @media (max-width: 639px) {
        .main-content .form .bgImg_2 {
          right: 10%;
          width: 37%;
          top: 2%;
          z-index: 5; } }
  .main-content .personInfo {
    width: 100%;
    background-color: #D7EAF9;
    position: relative;
    margin-top: 5%; }
    .main-content .personInfo .form-content {
      width: 100%;
      padding: 0 10%;
      position: relative; }
      @media (max-width: 639px) {
        .main-content .personInfo .form-content {
          padding: 0 5%; } }
      .main-content .personInfo .form-content .lineImg {
        display: block;
        width: 100%;
        height: auto; }
        @media (max-width: 639px) {
          .main-content .personInfo .form-content .lineImg {
            width: 100%;
            height: auto; } }
      .main-content .personInfo .form-content .tipImg {
        width: auto;
        height: auto;
        position: absolute;
        top: -8%;
        z-index: 10;
        left: 8%; }
        @media (max-width: 639px) {
          .main-content .personInfo .form-content .tipImg {
            width: 80px;
            height: auto;
            left: 6%;
            top: -4%; } }
      .main-content .personInfo .form-content .header {
        width: auto;
        position: absolute;
        left: 19%;
        top: -2%;
        border: 1px dotted #4CADE2;
        background: #D7EAF9;
        border-radius: 10px;
        padding: 10px 30px; }
        @media (max-width: 639px) {
          .main-content .personInfo .form-content .header {
            width: auto;
            left: 20%;
            top: -2%;
            padding: 10px 23px; } }
        .main-content .personInfo .form-content .header p {
          color: #4CADE2;
          font-size: 36px;
          text-align: right; }
          @media (max-width: 639px) {
            .main-content .personInfo .form-content .header p {
              font-size: 16px; } }
      .main-content .personInfo .form-content .link-box {
        background-color: #4CADE2;
        padding: 7% 0; }
        .main-content .personInfo .form-content .link-box .link {
          width: 80%;
          margin: 0 auto; }
          @media (max-width: 639px) {
            .main-content .personInfo .form-content .link-box .link {
              width: 94%; } }
          .main-content .personInfo .form-content .link-box .link p {
            color: #FFFFFF;
            font-size: 35px;
            text-align: left;
            line-height: 200%; }
            @media (max-width: 639px) {
              .main-content .personInfo .form-content .link-box .link p {
                font-size: 16px; } }
    .main-content .personInfo .bgImg_1 {
      position: absolute;
      top: 5%;
      left: 38%;
      z-index: 5; }
      @media (max-width: 639px) {
        .main-content .personInfo .bgImg_1 {
          width: 70%;
          top: 5%;
          left: 20%;
          z-index: 5; } }
  .main-content .special {
    width: 100%;
    background-color: #D7EAF9;
    position: relative;
    margin-top: 6%; }
    .main-content .special .form-content {
      width: 100%;
      padding: 0 10%;
      position: relative; }
      @media (max-width: 639px) {
        .main-content .special .form-content {
          padding: 0 5%; } }
      .main-content .special .form-content .lineImg {
        display: block;
        width: 100%;
        height: auto; }
      .main-content .special .form-content .tipImg {
        width: auto;
        height: auto;
        position: absolute;
        right: 6%;
        top: -12%;
        z-index: 10; }
        @media (max-width: 639px) {
          .main-content .special .form-content .tipImg {
            right: 2%;
            top: -8%;
            width: 80px;
            height: auto; } }
      .main-content .special .form-content .header {
        width: auto;
        position: absolute;
        right: 17%;
        top: -2%;
        border: 1px dotted #4CADE2;
        background: #D7EAF9;
        border-radius: 10px;
        padding: 10px 30px; }
        @media (max-width: 639px) {
          .main-content .special .form-content .header {
            width: auto;
            right: 17%;
            top: -5%;
            padding: 10px; } }
        .main-content .special .form-content .header p {
          color: #4CADE2;
          font-size: 36px; }
          @media (max-width: 639px) {
            .main-content .special .form-content .header p {
              font-size: 16px; } }
      .main-content .special .form-content .link-box {
        background-color: #4CADE2;
        padding: 7% 0; }
        @media (max-width: 639px) {
          .main-content .special .form-content .link-box {
            padding: 7% 0; } }
        .main-content .special .form-content .link-box .link {
          width: 80%;
          margin: 0 auto; }
          @media (max-width: 639px) {
            .main-content .special .form-content .link-box .link {
              width: 94%; } }
          .main-content .special .form-content .link-box .link .link-content {
            color: #FFFFFF;
            font-size: 36px;
            text-align: left; }
            @media (max-width: 639px) {
              .main-content .special .form-content .link-box .link .link-content {
                font-size: 16px; } }
            .main-content .special .form-content .link-box .link .link-content .link-txt {
              color: #FFFFFF;
              font-size: 36px;
              margin-left: 40px; }
              @media (max-width: 639px) {
                .main-content .special .form-content .link-box .link .link-content .link-txt {
                  font-size: 16px;
                  border-bottom: 1px solid #fff;
                  margin-left: 0; } }
          .main-content .special .form-content .link-box .link span {
            color: #FFFFFF;
            font-size: 36px; }
            @media (max-width: 639px) {
              .main-content .special .form-content .link-box .link span {
                font-size: 16px; } }
          .main-content .special .form-content .link-box .link .link-txt {
            color: #FFFFFF;
            font-size: 36px; }
            @media (max-width: 639px) {
              .main-content .special .form-content .link-box .link .link-txt {
                font-size: 16px; } }
    .main-content .special .bgImg_1 {
      position: absolute;
      left: 12%;
      bottom: 5%;
      z-index: 10; }
      @media (max-width: 639px) {
        .main-content .special .bgImg_1 {
          left: 10%;
          bottom: 7%;
          width: 50%; } }
    .main-content .special .bgImg_2 {
      position: absolute;
      right: 12%;
      bottom: 5%;
      z-index: 10; }
      @media (max-width: 639px) {
        .main-content .special .bgImg_2 {
          right: 6%;
          bottom: 8%;
          width: 30%; } }
  .main-content .bottom-bg {
    width: 100%; }
    .main-content .bottom-bg .bt-img {
      width: 100%;
      height: auto; }
      @media (max-width: 639px) {
        .main-content .bottom-bg .bt-img {
          width: 100%;
          height: auto; } }

.main-box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: #f8f8f8;
  opacity: 0.6;
  z-index: 999; }

.main-content {
  width: 100%;
  background: #f8f8f8;
  padding: 18% 0;
  z-index: 1111;
  position: absolute;
  top: 0;
  left: 0;
  margin-bottom: 0 !important; }
  .main-content .main-title {
    color: #333333;
    font-size: 24px;
    margin: 20px auto;
    text-align: center; }
  .main-content .main-subtitle {
    color: #B5B5B7;
    font-size: 16px;
    text-align: center; }
  .main-content .main-browser {
    width: 70%;
    margin: 25px auto; }
    .main-content .main-browser .item-browser {
      float: left;
      width: 33.33%;
      color: skyblue;
      font-size: 24px;
      text-align: center; }

#theme-search, #theme-graph, #theme-search-list {
  background: #223b61;
  margin-bottom: -15px; }
  #theme-search .autocomplete-list, #theme-graph .autocomplete-list, #theme-search-list .autocomplete-list {
    left: 0px !important; }
  #theme-search .no-content, #theme-graph .no-content, #theme-search-list .no-content {
    background: white; }
    #theme-search .no-content img, #theme-graph .no-content img, #theme-search-list .no-content img {
      margin: 0 auto; }
  #theme-search .left, #theme-graph .left, #theme-search-list .left {
    float: left; }
  #theme-search .right, #theme-graph .right, #theme-search-list .right {
    float: right; }
  #theme-search .themeSearchHead, #theme-graph .themeSearchHead, #theme-search-list .themeSearchHead {
    background: url("https://tw.ceair.com/newwebsite/images/themeSearch/bg.png") no-repeat;
    background-size: 100%; }
    #theme-search .themeSearchHead-title, #theme-search .themeSearchHead-detail, #theme-graph .themeSearchHead-title, #theme-graph .themeSearchHead-detail, #theme-search-list .themeSearchHead-title, #theme-search-list .themeSearchHead-detail {
      font-size: 45px;
      text-align: center;
      color: white; }
    #theme-search .themeSearchHead-top, #theme-graph .themeSearchHead-top, #theme-search-list .themeSearchHead-top {
      padding: 9% 0; }
      @media (max-width: 1199px) {
        #theme-search .themeSearchHead-top, #theme-graph .themeSearchHead-top, #theme-search-list .themeSearchHead-top {
          padding: 10% 0; } }
      @media (max-width: 991px) {
        #theme-search .themeSearchHead-top, #theme-graph .themeSearchHead-top, #theme-search-list .themeSearchHead-top {
          padding: 5% 0; } }
      @media (max-width: 639px) {
        #theme-search .themeSearchHead-top, #theme-graph .themeSearchHead-top, #theme-search-list .themeSearchHead-top {
          padding: 2% 0; } }
    #theme-search .themeSearchHead-detail, #theme-graph .themeSearchHead-detail, #theme-search-list .themeSearchHead-detail {
      font-size: 35px; }
    @media (max-width: 639px) {
      #theme-search .themeSearchHead-title, #theme-search .themeSearchHead-detail, #theme-graph .themeSearchHead-title, #theme-graph .themeSearchHead-detail, #theme-search-list .themeSearchHead-title, #theme-search-list .themeSearchHead-detail {
        font-size: 20px; } }
    #theme-search .themeSearchHead-bottom, #theme-graph .themeSearchHead-bottom, #theme-search-list .themeSearchHead-bottom {
      background-color: rgba(4, 9, 12, 0.5); }
      #theme-search .themeSearchHead-bottom .selected-theme, #theme-graph .themeSearchHead-bottom .selected-theme, #theme-search-list .themeSearchHead-bottom .selected-theme {
        height: 45px;
        background: white;
        padding: 10px 25px;
        border-radius: 5px;
        border: none;
        padding-right: 20px;
        color: gray;
        font-size: 18px;
        font-weight: 900;
        position: relative; }
        #theme-search .themeSearchHead-bottom .selected-theme .tagList, #theme-graph .themeSearchHead-bottom .selected-theme .tagList, #theme-search-list .themeSearchHead-bottom .selected-theme .tagList {
          border-top: 5px solid #2e5e9c;
          position: absolute;
          left: 0;
          top: 55px;
          background: white;
          font-size: 14px;
          color: black;
          width: 65%;
          font-weight: normal;
          z-index: 99;
          padding: 20px;
          text-align: center;
          line-height: 2em;
          border-radius: 5px; }
          @media (max-width: 1199px) {
            #theme-search .themeSearchHead-bottom .selected-theme .tagList, #theme-graph .themeSearchHead-bottom .selected-theme .tagList, #theme-search-list .themeSearchHead-bottom .selected-theme .tagList {
              width: 65%; } }
          @media (max-width: 991px) {
            #theme-search .themeSearchHead-bottom .selected-theme .tagList, #theme-graph .themeSearchHead-bottom .selected-theme .tagList, #theme-search-list .themeSearchHead-bottom .selected-theme .tagList {
              width: 100%; } }
          @media (max-width: 639px) {
            #theme-search .themeSearchHead-bottom .selected-theme .tagList, #theme-graph .themeSearchHead-bottom .selected-theme .tagList, #theme-search-list .themeSearchHead-bottom .selected-theme .tagList {
              width: 100%; } }
          #theme-search .themeSearchHead-bottom .selected-theme .tagList:before, #theme-graph .themeSearchHead-bottom .selected-theme .tagList:before, #theme-search-list .themeSearchHead-bottom .selected-theme .tagList:before {
            content: '';
            border-width: 10px 5px 10px 5px;
            border-style: solid;
            border-color: transparent transparent #2e5e9c transparent;
            position: absolute;
            left: 11%;
            bottom: 102%; }
          #theme-search .themeSearchHead-bottom .selected-theme .tagList .closeTag, #theme-graph .themeSearchHead-bottom .selected-theme .tagList .closeTag, #theme-search-list .themeSearchHead-bottom .selected-theme .tagList .closeTag {
            position: absolute;
            right: -35px;
            top: 0;
            background: url("https://tw.ceair.com/newwebsite/images/cross.svg") no-repeat;
            background-size: cover;
            width: 25px;
            height: 25px;
            display: inline-block; }
            #theme-search .themeSearchHead-bottom .selected-theme .tagList .closeTag:hover, #theme-graph .themeSearchHead-bottom .selected-theme .tagList .closeTag:hover, #theme-search-list .themeSearchHead-bottom .selected-theme .tagList .closeTag:hover {
              cursor: pointer; }
          #theme-search .themeSearchHead-bottom .selected-theme .tagList .tag:hover, #theme-graph .themeSearchHead-bottom .selected-theme .tagList .tag:hover, #theme-search-list .themeSearchHead-bottom .selected-theme .tagList .tag:hover {
            cursor: pointer;
            text-decoration: underline;
            color: #d04085; }
        #theme-search .themeSearchHead-bottom .selected-theme .choosetagList .chooseTag, #theme-graph .themeSearchHead-bottom .selected-theme .choosetagList .chooseTag, #theme-search-list .themeSearchHead-bottom .selected-theme .choosetagList .chooseTag {
          font-size: 14px;
          color: black;
          padding: 6px 10px;
          background: #d8d8d8;
          margin-right: 25px;
          font-weight: normal;
          position: relative;
          border-radius: 3px; }
          #theme-search .themeSearchHead-bottom .selected-theme .choosetagList .chooseTag .closeTag, #theme-graph .themeSearchHead-bottom .selected-theme .choosetagList .chooseTag .closeTag, #theme-search-list .themeSearchHead-bottom .selected-theme .choosetagList .chooseTag .closeTag {
            position: absolute;
            right: -20px;
            top: 0;
            background: url("https://tw.ceair.com/newwebsite/images/cross.svg") no-repeat;
            background-size: cover;
            width: 15px;
            height: 15px;
            display: inline-block; }
            #theme-search .themeSearchHead-bottom .selected-theme .choosetagList .chooseTag .closeTag:hover, #theme-graph .themeSearchHead-bottom .selected-theme .choosetagList .chooseTag .closeTag:hover, #theme-search-list .themeSearchHead-bottom .selected-theme .choosetagList .chooseTag .closeTag:hover {
              cursor: pointer; }
      #theme-search .themeSearchHead-bottom .search-input .col-sm-10, #theme-graph .themeSearchHead-bottom .search-input .col-sm-10, #theme-search-list .themeSearchHead-bottom .search-input .col-sm-10 {
        padding-right: 20px; }
        @media (max-width: 639px) {
          #theme-search .themeSearchHead-bottom .search-input .col-sm-10, #theme-graph .themeSearchHead-bottom .search-input .col-sm-10, #theme-search-list .themeSearchHead-bottom .search-input .col-sm-10 {
            padding-right: 0px; } }
      #theme-search .themeSearchHead-bottom .selected-button, #theme-graph .themeSearchHead-bottom .selected-button, #theme-search-list .themeSearchHead-bottom .selected-button {
        border: none;
        height: 45px;
        width: 100%;
        color: white;
        border-radius: 5px;
        background: #d04085;
        text-align: center;
        font-size: 16px; }
        @media (max-width: 639px) {
          #theme-search .themeSearchHead-bottom .selected-button, #theme-graph .themeSearchHead-bottom .selected-button, #theme-search-list .themeSearchHead-bottom .selected-button {
            margin-top: 20px; } }
      #theme-search .themeSearchHead-bottom .citySearch #from_autocomplete_label, #theme-search .themeSearchHead-bottom .citySearch #to_autocomplete_label, #theme-graph .themeSearchHead-bottom .citySearch #from_autocomplete_label, #theme-graph .themeSearchHead-bottom .citySearch #to_autocomplete_label, #theme-search-list .themeSearchHead-bottom .citySearch #from_autocomplete_label, #theme-search-list .themeSearchHead-bottom .citySearch #to_autocomplete_label {
        display: none; }
      #theme-search .themeSearchHead-bottom .citySearch .ui-autocomplete, #theme-graph .themeSearchHead-bottom .citySearch .ui-autocomplete, #theme-search-list .themeSearchHead-bottom .citySearch .ui-autocomplete {
        margin-bottom: 0; }
        #theme-search .themeSearchHead-bottom .citySearch .ui-autocomplete .errorMsgs:before, #theme-graph .themeSearchHead-bottom .citySearch .ui-autocomplete .errorMsgs:before, #theme-search-list .themeSearchHead-bottom .citySearch .ui-autocomplete .errorMsgs:before {
          background: none; }
      #theme-search .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box, #theme-graph .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box, #theme-search-list .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box {
        height: 45px;
        border: none; }
        #theme-search .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input, #theme-graph .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input, #theme-search-list .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input {
          border: none;
          border-radius: 5px;
          padding-left: 25px; }
        #theme-search .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input::-webkit-input-placeholder, #theme-graph .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input::-webkit-input-placeholder, #theme-search-list .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input::-webkit-input-placeholder {
          color: black; }
        #theme-search .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input::-moz-input-placeholder, #theme-graph .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input::-moz-input-placeholder, #theme-search-list .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input::-moz-input-placeholder {
          color: black; }
        #theme-search .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input::-ms-input-placeholder, #theme-graph .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input::-ms-input-placeholder, #theme-search-list .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box input::-ms-input-placeholder {
          color: black; }
        #theme-search .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box:before, #theme-graph .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box:before, #theme-search-list .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box:before {
          background: url(https://tw.ceair.com/newwebsite/images/themeSearch/red-icon.png) no-repeat;
          width: 35px;
          height: 35px;
          right: 9px;
          top: 10%; }
        #theme-search .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box .clearBtn, #theme-graph .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box .clearBtn, #theme-search-list .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box .clearBtn {
          right: 40px !important; }
        #theme-search .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box::before, #theme-graph .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box::before, #theme-search-list .themeSearchHead-bottom .citySearch .ui-autocomplete .ui-autocomplete-box::before {
          -webkit-transform: rotate(0deg);
              -ms-transform: rotate(0deg);
                  transform: rotate(0deg); }
    #theme-search .themeSearchHead-searchbox, #theme-graph .themeSearchHead-searchbox, #theme-search-list .themeSearchHead-searchbox {
      width: 81%;
      padding: 20px 0;
      margin: 0 auto; }
      #theme-search .themeSearchHead-searchbox .search-tab, #theme-graph .themeSearchHead-searchbox .search-tab, #theme-search-list .themeSearchHead-searchbox .search-tab {
        color: white;
        line-height: 50px; }
        #theme-search .themeSearchHead-searchbox .search-tab .select-item, #theme-graph .themeSearchHead-searchbox .search-tab .select-item, #theme-search-list .themeSearchHead-searchbox .search-tab .select-item {
          margin-right: 50px; }
          #theme-search .themeSearchHead-searchbox .search-tab .select-item:hover, #theme-graph .themeSearchHead-searchbox .search-tab .select-item:hover, #theme-search-list .themeSearchHead-searchbox .search-tab .select-item:hover {
            cursor: pointer; }
    #theme-search .themeSearchHead .select-item, #theme-graph .themeSearchHead .select-item, #theme-search-list .themeSearchHead .select-item {
      vertical-align: baseline;
      position: relative; }
      #theme-search .themeSearchHead .select-item .radio-fake, #theme-graph .themeSearchHead .select-item .radio-fake, #theme-search-list .themeSearchHead .select-item .radio-fake {
        display: inline-block;
        background: white;
        border-radius: 50% 50%;
        border: 3px solid white;
        box-shadow: 0 0 0 2px white;
        width: 14px;
        height: 14px;
        margin-top: 2px; }
      #theme-search .themeSearchHead .select-item .select-content, #theme-graph .themeSearchHead .select-item .select-content, #theme-search-list .themeSearchHead .select-item .select-content {
        position: relative;
        top: -2px;
        padding-left: 15px; }
      #theme-search .themeSearchHead .select-item .selected, #theme-graph .themeSearchHead .select-item .selected, #theme-search-list .themeSearchHead .select-item .selected {
        background: #d04085;
        box-shadow: 0 0 0 2px #d04085; }
  #theme-search .themeSearch-content-list, #theme-graph .themeSearch-content-list, #theme-search-list .themeSearch-content-list {
    padding: 5px 0; }
    #theme-search .themeSearch-content-list .getMore, #theme-graph .themeSearch-content-list .getMore, #theme-search-list .themeSearch-content-list .getMore {
      height: 100px;
      position: relative; }
      #theme-search .themeSearch-content-list .getMore .button, #theme-graph .themeSearch-content-list .getMore .button, #theme-search-list .themeSearch-content-list .getMore .button {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        color: white;
        border: 1px solid white;
        padding: 10px 60px; }
        #theme-search .themeSearch-content-list .getMore .button .ico, #theme-graph .themeSearch-content-list .getMore .button .ico, #theme-search-list .themeSearch-content-list .getMore .button .ico {
          text-align: center;
          position: relative;
          -webkit-transform: rotate(90deg) scaleY(2);
              -ms-transform: rotate(90deg) scaleY(2);
                  transform: rotate(90deg) scaleY(2); }
        #theme-search .themeSearch-content-list .getMore .button:hover, #theme-graph .themeSearch-content-list .getMore .button:hover, #theme-search-list .themeSearch-content-list .getMore .button:hover {
          cursor: pointer;
          border-color: #d04085; }
    #theme-search .themeSearch-content-list .theme-item, #theme-graph .themeSearch-content-list .theme-item, #theme-search-list .themeSearch-content-list .theme-item {
      margin-bottom: 50px; }
      #theme-search .themeSearch-content-list .theme-item .theme-title, #theme-graph .themeSearch-content-list .theme-item .theme-title, #theme-search-list .themeSearch-content-list .theme-item .theme-title {
        text-align: center;
        color: #edd491;
        font-size: 34px;
        line-height: 2em;
        background: url("https://tw.ceair.com/newwebsite/images/themeSearch/titlebot.png") no-repeat center bottom;
        margin-bottom: 50px; }
      #theme-search .themeSearch-content-list .theme-item .theme-list .item, #theme-graph .themeSearch-content-list .theme-item .theme-list .item, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item {
        padding: 10px;
        border-radius: 0 0 3px 3px; }
        #theme-search .themeSearch-content-list .theme-item .theme-list .item:hover, #theme-graph .themeSearch-content-list .theme-item .theme-list .item:hover, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item:hover {
          cursor: pointer; }
          #theme-search .themeSearch-content-list .theme-item .theme-list .item:hover img, #theme-graph .themeSearch-content-list .theme-item .theme-list .item:hover img, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item:hover img {
            -webkit-transform: scale(1.2);
                -ms-transform: scale(1.2);
                    transform: scale(1.2); }
        #theme-search .themeSearch-content-list .theme-item .theme-list .item .img-responsive, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .img-responsive, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .img-responsive {
          transition: 1s; }
        #theme-search .themeSearch-content-list .theme-item .theme-list .item .theme-list-img, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .theme-list-img, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .theme-list-img {
          border-radius: 3px;
          position: relative;
          overflow: hidden;
          max-height: 224px; }
          @media (max-width: 1199px) {
            #theme-search .themeSearch-content-list .theme-item .theme-list .item .theme-list-img, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .theme-list-img, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .theme-list-img {
              max-height: 188.6px; } }
          @media (max-width: 991px) {
            #theme-search .themeSearch-content-list .theme-item .theme-list .item .theme-list-img, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .theme-list-img, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .theme-list-img {
              max-height: 125.1px; } }
          @media (max-width: 639px) {
            #theme-search .themeSearch-content-list .theme-item .theme-list .item .theme-list-img, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .theme-list-img, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .theme-list-img {
              max-height: 254.2px; } }
        #theme-search .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top, #theme-search .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-bottom, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-bottom, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-bottom {
          position: absolute;
          width: 100%; }
        #theme-search .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top {
          top: 0;
          color: white;
          padding: 25px 10px;
          border-radius: 3px 3px 0 0; }
          #theme-search .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top .cityTag, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top .cityTag, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top .cityTag {
            border: 1px solid white;
            margin-right: 10px;
            background-color: rgba(4, 9, 12, 0.3);
            border-radius: 9px;
            padding: 0 5px; }
        #theme-search .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-bottom, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-bottom, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-bottom {
          height: 20%;
          bottom: 0;
          background: white;
          padding: 10px;
          border-radius: 0 0 3px 3px; }
        #theme-search .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .theme-list-cover-top {
          height: 75%; }
        #theme-search .themeSearch-content-list .theme-item .theme-list .item .cityName, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .cityName, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .cityName {
          color: black;
          font-size: 18px;
          font-weight: bolder; }
          @media (max-width: 639px) {
            #theme-search .themeSearch-content-list .theme-item .theme-list .item .cityName, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .cityName, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .cityName {
              font-size: 14px; } }
        #theme-search .themeSearch-content-list .theme-item .theme-list .item .price, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .price, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .price {
          font-size: 14px;
          color: #d04085; }
          #theme-search .themeSearch-content-list .theme-item .theme-list .item .price i, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .price i, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .price i {
            font-size: 18px; }
            @media (max-width: 639px) {
              #theme-search .themeSearch-content-list .theme-item .theme-list .item .price i, #theme-graph .themeSearch-content-list .theme-item .theme-list .item .price i, #theme-search-list .themeSearch-content-list .theme-item .theme-list .item .price i {
                font-size: 14px; } }
      #theme-search .themeSearch-content-list .theme-item .themeClass-list .img-responsive, #theme-graph .themeSearch-content-list .theme-item .themeClass-list .img-responsive, #theme-search-list .themeSearch-content-list .theme-item .themeClass-list .img-responsive {
        width: 100%; }
      #theme-search .themeSearch-content-list .theme-item .themeClass-list .theme-item, #theme-graph .themeSearch-content-list .theme-item .themeClass-list .theme-item, #theme-search-list .themeSearch-content-list .theme-item .themeClass-list .theme-item {
        padding: 0 0px 15px 15px;
        position: relative;
        margin-bottom: 0px; }
        #theme-search .themeSearch-content-list .theme-item .themeClass-list .theme-item:hover, #theme-graph .themeSearch-content-list .theme-item .themeClass-list .theme-item:hover, #theme-search-list .themeSearch-content-list .theme-item .themeClass-list .theme-item:hover {
          cursor: pointer; }
      #theme-search .themeSearch-content-list .theme-item .themeClass-list .theme-class-title, #theme-graph .themeSearch-content-list .theme-item .themeClass-list .theme-class-title, #theme-search-list .themeSearch-content-list .theme-item .themeClass-list .theme-class-title {
        position: absolute;
        left: 30px;
        bottom: 20px;
        color: white;
        font-size: 24px;
        max-width: 80%; }
      #theme-search .themeSearch-content-list .theme-item .themeClass-list .getmore, #theme-graph .themeSearch-content-list .theme-item .themeClass-list .getmore, #theme-search-list .themeSearch-content-list .theme-item .themeClass-list .getmore {
        position: absolute;
        color: white;
        font-size: 24px;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        border: 1px solid white;
        padding: 9px; }
    #theme-search .themeSearch-content-list .theme-conditon, #theme-graph .themeSearch-content-list .theme-conditon, #theme-search-list .themeSearch-content-list .theme-conditon {
      line-height: 60px; }
      #theme-search .themeSearch-content-list .theme-conditon .chooseCity, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity {
        position: relative;
        max-width: 388px; }
        #theme-search .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete {
          display: inline-block;
          width: 250px; }
          #theme-search .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete #from_autocomplete_label, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete #from_autocomplete_label, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete #from_autocomplete_label {
            display: none; }
          #theme-search .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box {
            border: none; }
          #theme-search .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box[class*='select-open'] ::before, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box[class*='select-open'] ::before, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box[class*='select-open'] ::before {
            background-color: white; }
          #theme-search .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box[class*='select-open'] .ui-autocomplete-input, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box[class*='select-open'] .ui-autocomplete-input, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box[class*='select-open'] .ui-autocomplete-input {
            color: black;
            background: white; }
          #theme-search .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box::before, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box::before, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-box::before {
            background: url("https://tw.ceair.com/newwebsite/images/themeSearch/down.png") no-repeat scroll right center #223b61; }
          #theme-search .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .select-open::before, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .select-open::before, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .select-open::before {
            background: none; }
          #theme-search .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-input, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-input, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete .ui-autocomplete-input {
            -webkit-appearance: none;
               -moz-appearance: none;
                    appearance: none;
            color: white;
            background: #223b61; }
          #theme-search .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete #from_autocomplete_list, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete #from_autocomplete_list, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .ui-autocomplete #from_autocomplete_list {
            color: black; }
        #theme-search .themeSearch-content-list .theme-conditon .chooseCity .cityList, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .cityList, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .cityList {
          position: absolute;
          background: white;
          left: 0;
          top: 100%;
          z-index: 999;
          overflow-y: auto;
          max-height: 168px; }
        #theme-search .themeSearch-content-list .theme-conditon .chooseCity .city, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .city, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .city {
          line-height: 2em;
          font-size: 14px;
          padding: 0 10px; }
          #theme-search .themeSearch-content-list .theme-conditon .chooseCity .city:hover, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .city:hover, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .city:hover {
            cursor: pointer;
            background: #eee; }
        #theme-search .themeSearch-content-list .theme-conditon .chooseCity .selectedCity, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .selectedCity, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .selectedCity {
          color: white; }
          #theme-search .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .city-title, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .city-title, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .city-title {
            padding-left: 35px;
            background: url("https://tw.ceair.com/newwebsite/images/themeSearch/lcity.png") no-repeat 0px 6px;
            display: inline-block;
            line-height: 50px; }
          #theme-search .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .selCity, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .selCity, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .selCity {
            color: white;
            border: none;
            line-height: 20px; }
          #theme-search .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .select-City, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .select-City, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .select-City {
            color: black;
            border: none;
            padding-left: 10px;
            -webkit-appearance: none;
               -moz-appearance: none;
                    appearance: none;
            padding-right: 14px;
            line-height: 20px; }
          #theme-search .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .active, #theme-graph .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .active, #theme-search-list .themeSearch-content-list .theme-conditon .chooseCity .selectedCity .active {
            -webkit-appearance: none;
               -moz-appearance: none;
                    appearance: none;
            color: white;
            background: url("https://tw.ceair.com/newwebsite/images/themeSearch/down.png") no-repeat scroll right center #223b61; }

#theme-graph .graph-title {
  color: #fff;
  text-align: center;
  line-height: 120px;
  margin-top: 20px; }
#theme-graph .min-price-graph {
  padding-top: 40px; }
#theme-graph hr {
  margin: 0;
  border-top: 1px solid #2A5390; }

.td123 .column.column-over {
  cursor: not-allowed !important;
  background: rgba(150, 150, 150, 0.6) !important; }
  .td123 .column.column-over:hover {
    background: rgba(150, 150, 150, 0.6) !important; }
.td123 .column:hover {
  background: #c83f82 !important; }

.themeTagList {
  color: white; }
  .themeTagList .themeTag-title {
    font-size: 18px;
    color: #d04085;
    font-weight: 900; }
  .themeTagList .themeTag a {
    color: white; }
    .themeTagList .themeTag a:hover {
      cursor: pointer;
      color: #d04085;
      text-decoration: underline; }

#order-meal {
  background: white;
  padding: 20px; }
  #order-meal .noTxt {
    display: none; }
  #order-meal .infoItem {
    margin-bottom: 20px; }
  #order-meal .value {
    font-weight: 600; }
  #order-meal .ui-radio-wrapper {
    position: relative;
    padding: 20px 20px; }
    #order-meal .ui-radio-wrapper .label-image {
      margin-left: 32px; }
      #order-meal .ui-radio-wrapper .label-image img {
        max-width: 50px;
        max-height: 48px; }
    #order-meal .ui-radio-wrapper .label-text {
      position: absolute;
      left: 116px;
      top: 17px;
      font-weight: 600; }
    #order-meal .ui-radio-wrapper .label-txt {
      position: absolute;
      left: 81px;
      top: 42px; }
    #order-meal .ui-radio-wrapper .fake-radio {
      position: absolute;
      top: 27px; }

#meal-ticket {
  background: white;
  padding: 10px; }

#ticket-proof {
  background: white;
  padding: 20px; }
  #ticket-proof .tip {
    line-height: 2em; }
    #ticket-proof .tip-detail {
      padding-left: 20px; }
      #ticket-proof .tip-detail::before {
        background: #E4007F;
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        margin: 8px 15px 0 5px;
        vertical-align: top; }
  #ticket-proof h4 {
    padding-left: 10px;
    line-height: 3em;
    font-size: 14px; }
    #ticket-proof h4::after {
      content: "*";
      color: #E4007F; }
  #ticket-proof .sendWayTitle {
    font-size: 16px; }
    #ticket-proof .sendWayTitle .contents {
      display: none; }
  #ticket-proof #btn-submit {
    float: right; }

/*# sourceMappingURL=main.css.map */