@charset "UTF-8";
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=1fe136d5a24bf66595e0681480026c90)
 * Config saved to config.json and https://gist.github.com/1fe136d5a24bf66595e0681480026c90
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 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;
  line-height: 1.15;
  /* 1 */
  -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; }

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

small {
  font-size: 80%; }

sub,
sup {
  font-size: 85%;
  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 {
  -webkit-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; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-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;
  -webkit-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; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

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

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

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff; }

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

a {
  text-decoration: none; }

a:hover,
a:focus {
  text-decoration: underline; }

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.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

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

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  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; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

@media (min-width: 768px) {
  .container {
    width: 750px; } }

@media (min-width: 992px) {
  .container {
    width: 970px; } }

@media (min-width: 1200px) {
  .container {
    width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0; }

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

.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: 0px;
  padding-left: 15px;
  padding-right: 15px; }

.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-12 {
  width: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .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-12 {
    width: 100%; }
  .col-sm-11 {
    width: 91.66666667%; }
  .col-sm-10 {
    width: 83.33333333%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-8 {
    width: 66.66666667%; }
  .col-sm-7 {
    width: 58.33333333%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-5 {
    width: 41.66666667%; }
  .col-sm-4 {
    width: 33.33333333%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-2 {
    width: 16.66666667%; }
  .col-sm-1 {
    width: 8.33333333%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-pull-11 {
    right: 91.66666667%; }
  .col-sm-pull-10 {
    right: 83.33333333%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-8 {
    right: 66.66666667%; }
  .col-sm-pull-7 {
    right: 58.33333333%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-5 {
    right: 41.66666667%; }
  .col-sm-pull-4 {
    right: 33.33333333%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-2 {
    right: 16.66666667%; }
  .col-sm-pull-1 {
    right: 8.33333333%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-push-11 {
    left: 91.66666667%; }
  .col-sm-push-10 {
    left: 83.33333333%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-8 {
    left: 66.66666667%; }
  .col-sm-push-7 {
    left: 58.33333333%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-5 {
    left: 41.66666667%; }
  .col-sm-push-4 {
    left: 33.33333333%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-2 {
    left: 16.66666667%; }
  .col-sm-push-1 {
    left: 8.33333333%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-offset-12 {
    margin-left: 100%; }
  .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-2 {
    margin-left: 16.66666667%; }
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .col-sm-offset-0 {
    margin-left: 0%; } }

@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-12 {
    width: 100%; }
  .col-md-11 {
    width: 91.66666667%; }
  .col-md-10 {
    width: 83.33333333%; }
  .col-md-9 {
    width: 75%; }
  .col-md-8 {
    width: 66.66666667%; }
  .col-md-7 {
    width: 58.33333333%; }
  .col-md-6 {
    width: 50%; }
  .col-md-5 {
    width: 41.66666667%; }
  .col-md-4 {
    width: 33.33333333%; }
  .col-md-3 {
    width: 25%; }
  .col-md-2 {
    width: 16.66666667%; }
  .col-md-1 {
    width: 8.33333333%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-pull-11 {
    right: 91.66666667%; }
  .col-md-pull-10 {
    right: 83.33333333%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-8 {
    right: 66.66666667%; }
  .col-md-pull-7 {
    right: 58.33333333%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-5 {
    right: 41.66666667%; }
  .col-md-pull-4 {
    right: 33.33333333%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-2 {
    right: 16.66666667%; }
  .col-md-pull-1 {
    right: 8.33333333%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-push-11 {
    left: 91.66666667%; }
  .col-md-push-10 {
    left: 83.33333333%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-8 {
    left: 66.66666667%; }
  .col-md-push-7 {
    left: 58.33333333%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-5 {
    left: 41.66666667%; }
  .col-md-push-4 {
    left: 33.33333333%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-2 {
    left: 16.66666667%; }
  .col-md-push-1 {
    left: 8.33333333%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-offset-12 {
    margin-left: 100%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-0 {
    margin-left: 0%; } }

@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-12 {
    width: 100%; }
  .col-lg-11 {
    width: 91.66666667%; }
  .col-lg-10 {
    width: 83.33333333%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-8 {
    width: 66.66666667%; }
  .col-lg-7 {
    width: 58.33333333%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-5 {
    width: 41.66666667%; }
  .col-lg-4 {
    width: 33.33333333%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-2 {
    width: 16.66666667%; }
  .col-lg-1 {
    width: 8.33333333%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-pull-11 {
    right: 91.66666667%; }
  .col-lg-pull-10 {
    right: 83.33333333%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-8 {
    right: 66.66666667%; }
  .col-lg-pull-7 {
    right: 58.33333333%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-5 {
    right: 41.66666667%; }
  .col-lg-pull-4 {
    right: 33.33333333%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-2 {
    right: 16.66666667%; }
  .col-lg-pull-1 {
    right: 8.33333333%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-push-11 {
    left: 91.66666667%; }
  .col-lg-push-10 {
    left: 83.33333333%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-8 {
    left: 66.66666667%; }
  .col-lg-push-7 {
    left: 58.33333333%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-5 {
    left: 41.66666667%; }
  .col-lg-push-4 {
    left: 33.33333333%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-2 {
    left: 16.66666667%; }
  .col-lg-push-1 {
    left: 8.33333333%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-offset-12 {
    margin-left: 100%; }
  .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .col-lg-offset-0 {
    margin-left: 0%; } }

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table; }

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

/*! jQuery UI - v1.12.1 - 2017-04-19
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, autocomplete.css, menu.css, datepicker.css, selectmenu.css, button.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none; }

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em; }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em; }

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px; }

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0; }

.ui-selectmenu-open {
  display: block; }

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em; }

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0; }

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible; }

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none; }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap; }

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0; }

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px; }

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap; }

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em; }

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget.ui-widget-content {
  /* border: 1px solid #c5c5c5; */ }

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333; }

.ui-widget-content a {
  color: #333333; }

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold; }

.ui-widget-header a {
  color: #333333; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none; }

.ui-visual-focus {
  -webkit-box-shadow: 0 0 3px 1px #5e9ed6;
          box-shadow: 0 0 3px 1px #5e9ed6; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff; }

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620; }

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png"); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png"); }

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png"); }

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png"); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png"); }

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png"); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-caret-1-n {
  background-position: 0 0; }

.ui-icon-caret-1-ne {
  background-position: -16px 0; }

.ui-icon-caret-1-e {
  background-position: -32px 0; }

.ui-icon-caret-1-se {
  background-position: -48px 0; }

.ui-icon-caret-1-s {
  background-position: -65px 0; }

.ui-icon-caret-1-sw {
  background-position: -80px 0; }

.ui-icon-caret-1-w {
  background-position: -96px 0; }

.ui-icon-caret-1-nw {
  background-position: -112px 0; }

.ui-icon-caret-2-n-s {
  background-position: -128px 0; }

.ui-icon-caret-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -65px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -65px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */ }

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666; }

@font-face {
  font-family: 'Roboto Condensed';
  src: url("fonts/RobotoCondensed-Light.eot");
  src: url("fonts/RobotoCondensed-Light.eot?#iefix") format("embedded-opentype"), url("fonts/RobotoCondensed-Light.woff") format("woff"), url("fonts/RobotoCondensed-Light.ttf") format("truetype"), url("fonts/RobotoCondensed-Light.svg#RobotoCondensed-Light") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Condensed';
  src: url("fonts/RobotoCondensed-Bold.eot");
  src: url("fonts/RobotoCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/RobotoCondensed-Bold.woff") format("woff"), url("fonts/RobotoCondensed-Bold.ttf") format("truetype"), url("fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Condensed';
  src: url("fonts/RobotoCondensed-Regular.eot");
  src: url("fonts/RobotoCondensed-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/RobotoCondensed-Regular.woff") format("woff"), url("fonts/RobotoCondensed-Regular.ttf") format("truetype"), url("fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "hkia-fonts";
  src: url("fonts/hkia-fonts.eot");
  src: url("fonts/hkia-fonts.eot?#iefix") format("embedded-opentype"), url("fonts/hkia-fonts.woff") format("woff"), url("fonts/hkia-fonts.ttf") format("truetype"), url("fonts/hkia-fonts.svg#hkia-fonts") format("svg");
  font-weight: normal;
  font-style: normal; }

[data-icon]:before {
  font-family: "hkia-fonts" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before, [class*=" icon-"]:before, .btnSearchCoach.icon-magnifier:after, .doubleQuot:before, .doubleQuot:after, .weatherDetailIcon:before, .weatherIcon .warning:before {
  font-family: "hkia-fonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a.more .end:before, a.more .front:before, a.back .end:before, a.back .front:before, a.document .end:before, a.document .front:before {
  font-family: "hkia-fonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none; }

a.more .end:before, a.more .front:before {
  content: "\e901"; }

a.back .end:before, a.back .front:before {
  content: "\e900"; }

a.document .end:before, a.document .front:before {
  content: "\e90c"; }

[class^="icon-"]:hover:before, [class*=" icon-"]:hover:before, a [class^="icon-"]:before, a [class*=" icon-"]:before, a:hover [class^="icon-"]:before, a:hover [class*=" icon-"]:before {
  text-decoration: none; }

.icon-arrow-back:before {
  content: "\e900"; }

.icon-arrow-more:before {
  content: "\e901"; }

.icon-arrival:before {
  content: "\e902"; }

.icon-back-to-top:before {
  content: "\e903"; }

.icon-bookmark:before {
  content: "\e906"; }

.icon-bookmark-no:before {
  content: "\e908"; }

.icon-date:before {
  content: "\e002"; }

.icon-departure:before {
  content: "\e90a"; }

.icon-email:before {
  content: "\e90b"; }

.icon-external-blue:before {
  content: "\e90c"; }

.icon-fb:before {
  content: "\e90e"; }

.icon-flight-info:before {
  content: "\e90f"; }

.icon-ig:before {
  content: "\e910"; }

.icon-important-notice:before {
  content: "\e911"; }

.icon-important-notice-sign:before {
  content: "\e912"; }

.icon-lang:before {
  content: "\e913"; }

.icon-line:before {
  content: "\e914"; }

.icon-marker-flightinfo:before {
  content: "\e91e"; }

.icon-marker-multi-shop:before {
  content: "\e919"; }

.icon-next:before {
  content: "\e930"; }

.icon-plane-red:before {
  content: "\e91a"; }

.icon-prev:before {
  content: "\e931"; }

.icon-refresh:before {
  content: "\e91b"; }

.icon-telegram:before {
  content: "\e91d"; }

.icon-transport:before {
  content: "\e91f"; }

.icon-twitter:before {
  content: "\e920"; }

/*.icon-weather:before {
  content: "\e921";
}*/
.icon-web:before {
  content: "\e922"; }

.icon-wechat:before {
  content: "\e923"; }

.icon-weibo:before {
  content: "\e924"; }

.icon-whatsapp:before {
  content: "\e925"; }

.icon-yt:before {
  content: "\e926"; }

.icon-lv3-expand:before {
  content: "\e932"; }

.icon-faq:before {
  content: "\e927"; }

.icon-magnifier:before {
  content: "\e917"; }

.icon-lounge:before {
  content: "\e928"; }

.icon-share:before {
  content: "\e929"; }

.icon-opening-hour:before {
  content: "\e000"; }

.icon-area:before {
  content: "\e001"; }

.icon-arrow-down:before {
  content: "\e003"; }

.icon-arrow-up:before {
  content: "\e005"; }

.icon-fax:before {
  content: "\e004"; }

.icon-tel:before {
  content: "\e006"; }

.icon-double-quot-open:before, .doubleQuot:before {
  content: "\e007"; }

.icon-double-quot-close:before, .doubleQuot:after {
  content: "\e008"; }

.icon-check:before {
  content: "\e009"; }

.icon-area:before {
  content: "\e001"; }

.icon-awards:before {
  content: "\e00a"; }

.icon-plane-l:before {
  content: "\e03e"; }

.icon-plane-r:before {
  content: "\e03f"; }

.icon-weather-50:before, .icon.pic50 .weatherIcon:before, .weatherDetailIcon.pic50:before, .weatherDetailIcon.su:before, .weatherDetailIcon.br:before, .weatherDetailIcon.fn:before {
  content: "\e00b"; }

.icon-weather-51:before, .icon.pic51 .weatherIcon:before, .weatherDetailIcon.pic51:before, .weatherDetailIcon.sp:before {
  content: "\e00c"; }

.icon-weather-52:before, .icon.pic52 .weatherIcon:before, .weatherDetailIcon.pic52:before, .weatherDetailIcon.si:before {
  content: "\e00d"; }

.icon-weather-53:before, .icon.pic53 .weatherIcon:before, .weatherDetailIcon.pic53:before, .weatherDetailIcon.is:before {
  content: "\e00f"; }

.icon-weather-54:before, .icon.pic54 .weatherIcon:before, .weatherDetailIcon.pic54:before, .weatherDetailIcon.ss:before {
  content: "\e010"; }

.icon-weather-60:before, .icon.pic60 .weatherIcon:before, .weatherDetailIcon.pic60:before, .weatherDetailIcon.cu:before {
  content: "\e011"; }

.icon-weather-61:before, .icon.pic61 .weatherIcon:before, .weatherDetailIcon.pic61:before, .weatherDetailIcon.ov:before {
  content: "\e012"; }

.icon-weather-62:before, .icon.pic62 .weatherIcon:before, .weatherDetailIcon.pic62:before, .weatherDetailIcon.lr:before {
  content: "\e013"; }

.icon-weather-63:before, .icon.pic63 .weatherIcon:before, .weatherDetailIcon.pic63:before, .weatherDetailIcon.rn:before, .weatherDetailIcon.sh:before, .weatherDetailIcon.de:before {
  content: "\e014"; }

.icon-weather-64:before, .icon.pic64 .weatherIcon:before, .weatherDetailIcon.pic64:before, .weatherDetailIcon.hr:before {
  content: "\e015"; }

.icon-weather-65:before, .icon.pic65 .weatherIcon:before, .weatherDetailIcon.pic65:before, .weatherDetailIcon.ts:before {
  content: "\e016"; }

.icon-weather-70:before, .icon.pic70 .weatherIcon:before, .weatherDetailIcon.pic70:before {
  content: "\e017"; }

.icon-weather-71:before, .icon.pic71 .weatherIcon:before, .weatherDetailIcon.pic71:before {
  content: "\e018"; }

.icon-weather-72:before, .icon.pic72 .weatherIcon:before, .weatherDetailIcon.pic72:before {
  content: "\e019"; }

.icon-weather-73:before, .icon.pic73 .weatherIcon:before, .weatherDetailIcon.pic73:before {
  content: "\e01a"; }

.icon-weather-74:before, .icon.pic74 .weatherIcon:before, .weatherDetailIcon.pic74:before {
  content: "\e01b"; }

.icon-weather-75:before, .icon.pic75 .weatherIcon:before, .weatherDetailIcon.pic75:before {
  content: "\e01c"; }

.icon-weather-76:before, .icon.pic76 .weatherIcon:before, .weatherDetailIcon.pic76:before, .weatherDetailIcon.mc:before {
  content: "\e01d"; }

.icon-weather-77:before, .icon.pic77 .weatherIcon:before, .weatherDetailIcon.pic77:before, .weatherDetailIcon.mf:before {
  content: "\e01e"; }

.icon-weather-80:before, .icon.pic80 .weatherIcon:before, .weatherDetailIcon.pic80:before, .weatherDetailIcon.wd:before {
  content: "\e01f"; }

.icon-weather-81:before, .icon.pic81 .weatherIcon:before, .weatherDetailIcon.pic81:before, .weatherDetailIcon.dr:before {
  content: "\e020"; }

.icon-weather-82:before, .icon.pic82 .weatherIcon:before, .weatherDetailIcon.pic82:before, .weatherDetailIcon.hm:before {
  content: "\e021"; }

.icon-weather-83:before, .icon.pic83 .weatherIcon:before, .weatherDetailIcon.pic83:before, .weatherDetailIcon.fg:before {
  content: "\e022"; }

.icon-weather-84:before, .icon.pic84 .weatherIcon:before, .weatherDetailIcon.pic84:before, .weatherDetailIcon.hz:before {
  content: "\e042"; }

.icon-weather-85:before, .icon.pic85 .weatherIcon:before, .weatherDetailIcon.pic85:before, .weatherDetailIcon.mt:before {
  content: "\e024"; }

.icon-weather-90:before, .icon.pic90 .weatherIcon:before, .weatherDetailIcon.pic90:before {
  content: "\e025"; }

.icon-weather-91:before, .icon.pic91 .weatherIcon:before, .weatherDetailIcon.pic91:before {
  content: "\e026"; }

.icon-weather-92:before, .icon.pic92 .weatherIcon:before, .weatherDetailIcon.pic92:before {
  content: "\e027"; }

.icon-weather-93:before, .icon.pic93 .weatherIcon:before, .weatherDetailIcon.pic93:before {
  content: "\e00e"; }

.weatherDetailIcon.sn:before {
  content: "\e040"; }

.icon-sandstorm:before, .weatherDetailIcon.sm:before {
  content: "\e041"; }

.icon-warning.TCW.standby_signal_no_1:before, .icon.TCW.standby_signal_no_1 .weatherIcon:before, .warning.TCW.standby_signal_no_1:before {
  content: "\e02b"; }

.icon-warning.TCW.strong_wind_signal_no_3:before, .icon.TCW.strong_wind_signal_no_3 .weatherIcon:before, .warning.TCW.strong_wind_signal_no_3:before {
  content: "\e02c"; }

.icon-warning.TCW.no_8_northeast_gale_or_storm_signal:before, .icon.TCW.no_8_northeast_gale_or_storm_signal .weatherIcon:before, .warning.TCW.no_8_northeast_gale_or_storm_signal:before {
  content: "\e02d"; }

.icon-warning.TCW.no_8_northwest_gale_or_storm_signal:before, .icon.TCW.no_8_northwest_gale_or_storm_signal .weatherIcon:before, .warning.TCW.no_8_northwest_gale_or_storm_signal:before {
  content: "\e02e"; }

.icon-warning.TCW.no_8_southeast_gale_or_storm_signal:before, .icon.TCW.no_8_southeast_gale_or_storm_signal .weatherIcon:before, .warning.TCW.no_8_southeast_gale_or_storm_signal:before {
  content: "\e02f"; }

.icon-warning.TCW.no_8_southwest_gale_or_storm_signal:before, .icon.TCW.no_8_southwest_gale_or_storm_signal .weatherIcon:before, .warning.TCW.no_8_southwest_gale_or_storm_signal:before {
  content: "\e030"; }

.icon-warning.TCW.increasing_gale_or_storm_signal_no_9:before, .icon.TCW.increasing_gale_or_storm_signal_no_9 .weatherIcon:before, .warning.TCW.increasing_gale_or_storm_signal_no_9:before {
  content: "\e031"; }

.icon-warning.TCW.hurricane_signal_no_10:before, .icon.TCW.hurricane_signal_no_10 .weatherIcon:before, .warning.TCW.hurricane_signal_no_10:before {
  content: "\e032"; }

.icon-warning.RWS.black:before, .icon.RWS.black .weatherIcon:before, .warning.RWS.black:before {
  content: "\e033";
  color: #000; }

.icon-warning.RWS.red:before, .icon.RWS.red .weatherIcon:before, .warning.RWS.red:before {
  content: "\e034";
  color: #ED4569; }

.icon-warning.RWS.amber:before, .icon.RWS.amber .weatherIcon:before, .warning.RWS.amber:before {
  content: "\e035";
  color: #FEA82D; }

.icon-warning.FDW.red:before, .icon.FDW.red .weatherIcon:before, .warning.FDW.red:before {
  content: "\e028";
  color: #ED4569; }

.icon-warning.FDW.yellow:before, .icon.FDW.yellow .weatherIcon:before, .warning.FDW.yellow:before {
  content: "\e029";
  color: #FEA82D; }

.icon-warning.SAF:before, .icon.SAF .weatherIcon:before, .warning.SAF:before {
  content: "\e02a";
  color: #29AAE3; }

.icon-warning.FRW:before, .icon.FRW .weatherIcon:before, .warning.FRW:before {
  content: "\e039";
  color: #29AAE3; }

.icon-warning.LSW:before, .icon.LSW .weatherIcon:before, .warning.LSW:before {
  content: "\e037";
  color: #C69C6C; }

.icon-warning.SMS:before, .icon.SMS .weatherIcon:before, .warning.SMS:before {
  content: "\e038";
  color: #29AAE3; }

.icon-warning.TSW:before, .icon.TSW .weatherIcon:before, .warning.TSW:before {
  content: "\e036";
  color: #FEA82D; }

.icon-warning.TNW:before, .icon.TNW .weatherIcon:before, .warning.TNW:before {
  content: "\e03c"; }

.icon-warning.CWW:before, .icon.CWW .weatherIcon:before, .warning.CWW:before {
  content: "\e03b";
  color: #29AAE3; }

.icon-warning.VHW:before, .icon.VHW .weatherIcon:before, .warning.VHW:before {
  content: "\e03a";
  color: #ED4569; }

.icon-warning.PTC:before, .icon.PTC .weatherIcon:before, .warning.PTC:before {
  content: "\e03d"; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Magnific Popup CSS */
.mfp-iframe-scaler,
.mfp-inline-scaler {
  background: #0b0b0b; }

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
  max-width: 900px; }

.mfp-ajax-cur {
  cursor: progress; }

/*.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }*/
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
  background: url("../img/common/loader.gif") no-repeat center;
  text-indent: -5000px;
  min-width: 60px;
  min-height: 60px; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
          box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation; }

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

.mfp-close {
  width: 40px;
  height: 40px;
  line-height: 44px;
  position: absolute;
  top: 0 !important;
  right: -40px !important;
  text-decoration: none;
  text-align: center;
  color: transparent !important;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
  text-indent: -5000px;
  background: url("../img/common/icon/pop-up-close.png") no-repeat right 0;
  display: block; }

/* #popup-with-video
{
  button.mfp-close {
    width: 40px;
    height: 40px;
    line-height: 44px;
    position: absolute;
    top: 0px !important;
    right: auto !important;
    left: 91%;
    text-decoration: none;
    text-align: center;  
    color: transparent !important;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; 
    text-indent: -5000px;
    background: url($iconImgPath + 'pop-up-close.png') no-repeat right 0;
    display: block;

    @include break-point('mobile', $medium-breakpoint) {	
      top: -40px !important;
      left: auto;
      right: 9% !important;
    }
  }
} */
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1; }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #FFF; }

.mfp-image-holder .mfp-close,
.mfp-inline-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-inline-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

.mfp-inline-scaler .kalturaPlayer {
  width: 100%;
  height: 0;
  overflow: visible;
  padding-top: 56.25%;
  position: relative; }

.mfp-inline-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

/**
 * Simple fade transition,
 */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8; }

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

.mfp-iframe-scaler,
.mfp-inline-scaler {
  overflow: visible; }

.videoYtTitle,
.videoYtDesc {
  position: relative;
  background-color: #FFF;
  font-weight: 300;
  padding: 0 40px 22px 40px;
  line-height: 160%;
  display: none; }

.videoYtTitle {
  font-size: 2.4rem;
  color: #000000;
  padding-top: 22px;
  padding-bottom: 22px;
  line-height: 140%; }

.mfp-bg.outdated {
  background: #000;
  opacity: .5; }

.outdated .mfp-inline-holder .mfp-content {
  width: auto; }

.outdatedPopup {
  max-width: 540px;
  width: 100%;
  padding: 40px 100px 20px 100px;
  text-align: center;
  background-color: #FFF; }
  .outdatedPopup .outdatedLogo {
    width: 150px;
    margin: 0 auto;
    padding: 0 0 40px 0; }
  .outdatedPopup h2 {
    font-size: 45px;
    padding-bottom: 5px;
    color: #3D51E4; }
  .outdatedPopup p {
    font-weight: 300;
    font-size: 2rem;
    padding-bottom: 40px; }
  .outdatedPopup .langTc h2, .outdatedPopup .langTc p, .outdatedPopup .langSc h2, .outdatedPopup .langSc p {
    font-weight: 400;
    font-family: "Roboto Condensed", "MHei", STXihei, 微軟正黑體, Arial, PMingLiU, Arial, sans-serif, Verdana, Helvetica; }
  .outdatedPopup ul {
    font-size: 2.4rem;
    font-weight: 300; }
    .outdatedPopup ul a {
      color: #000000;
      text-decoration: underline; }
      .outdatedPopup ul a:hover {
        color: #3D51E4; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

@media (max-width: 767px) {
  body:after {
    content: "mobile";
    display: none; }
  .mfp-inline-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
    top: -40px !important;
    right: 0 !important; } }

/* Important Notice */
/* #main {margin-top:68px;} */
body.noticeOpened #importantNotice {
  display: block; }

#importantNotice {
  display: none;
  height: 0;
  background: #FFAA00;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out; }
  #importantNotice .importantNoticeInner {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 20px 0 20px 0;
    overflow: hidden;
    position: relative; }
  #importantNotice .btnClose {
    position: absolute;
    display: block;
    top: 20px;
    right: 20px;
    width: 22px;
    height: 22px;
    z-index: 1;
    font-size: 0; }
    #importantNotice .btnClose:before, #importantNotice .btnClose:after {
      content: '';
      border-top: #333 2px solid;
      width: 28px;
      height: 1px;
      position: absolute;
      top: 10px;
      left: -3px; }
    #importantNotice .btnClose:before {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    #importantNotice .btnClose:after {
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg); }
  #importantNotice .title {
    top: 20px;
    left: 0;
    padding-left: 60px;
    color: #333;
    position: absolute;
    font-size: 18px; }
    #importantNotice .title:before {
      display: block;
      position: absolute;
      top: -7px;
      left: 20px;
      width: 27px;
      height: 28px;
      background-size: 100% auto;
      font-size: 27px; }
  #importantNotice ul {
    font-weight: 300;
    margin-left: 200px;
    font-size: 18px; }
    #importantNotice ul li {
      position: relative;
      margin-bottom: 20px; }
      #importantNotice ul li:last-child {
        margin-bottom: 0; }
      #importantNotice ul li a {
        display: inline-block;
        border-left: #333 1px solid;
        padding-left: 20px;
        padding-right: 240px;
        color: #212121;
        line-height: 140%;
        text-decoration: underline; }
      #importantNotice ul li .time {
        position: absolute;
        top: 4px;
        right: 70px;
        font-size: 14px; }

/* End of Important Notice */
@media (max-width: 991px) {
  body:after {
    content: "tablet portrait";
    display: none; }
  /* Important Notice */
  #importantNotice {
    font-size: 1.6rem; }
    #importantNotice .importantNoticeInner {
      max-width: 1440px; }
    #importantNotice .btnClose {
      width: 18px;
      height: 18px; }
      #importantNotice .btnClose:before, #importantNotice .btnClose:after {
        width: 24px;
        top: 8px; }
    #importantNotice .title {
      position: relative;
      top: 0;
      padding-left: 50px;
      padding-right: 25px;
      padding-bottom: 18px;
      font-size: 16px; }
      #importantNotice .title:before {
        width: 20px;
        height: 21px;
        top: -3px;
        font-size: 20px; }
    #importantNotice ul {
      font-size: 16px;
      margin-left: 20px;
      margin-right: 25px; }
      #importantNotice ul li {
        margin-bottom: 10px; }
        #importantNotice ul li:last-child {
          margin-bottom: 0; }
        #importantNotice ul li a {
          padding-left: 10px;
          padding-right: 0; }
        #importantNotice ul li .time {
          position: static;
          display: block;
          padding-left: 10px;
          font-size: 14px; }
  /* End of Important Notice */ }

@media (min-width: 992px) {
  .navContainer .navPos .btnImportantNotice {
    display: none !important; } }

/* Navigation */
header.mini .headerContainer {
  position: fixed;
  top: -60px;
  border-bottom: #E5E5E5 1px solid;
  -webkit-transition: margin-top 0.1s ease-out;
  transition: margin-top 0.1s ease-out; }
  header.mini .headerContainer #navigation {
    margin-left: 115px;
    margin-right: 115px; }
    header.mini .headerContainer #navigation > ul > li > a {
      padding-left: 14px;
      padding-right: 14px; }
  header.mini .headerContainer .miniSearchBox {
    display: block;
    top: 0;
    right: 61px; }
  header.mini .headerContainer .navContainer .logo {
    padding: 7px 15px; }
    header.mini .headerContainer .navContainer .logo a {
      width: 87px;
      height: 45px;
      text-indent: -9999px;
      background: url("/iwov-resources/image/common/logo_small.png") no-repeat center center;
      background-size: 100% auto; }
  header.mini .headerContainer .navContainer .topbarRight .btnImportantNotice {
    display: none !important; }
  header.mini .headerContainer .navContainer .topbar {
    height: auto;
    margin: 0;
    top: 0;
    right: 0; }
    header.mini .headerContainer .navContainer .topbar ul.sitenav {
      display: none; }
    header.mini .headerContainer .navContainer .topbar ul.weatherAndTime, header.mini .headerContainer .navContainer .topbar ul.mobileWeatherAndTime {
      display: none; }
    header.mini .headerContainer .navContainer .topbar ul.tools li.navFb, header.mini .headerContainer .navContainer .topbar ul.tools li.navIg, header.mini .headerContainer .navContainer .topbar ul.tools li.navLang, header.mini .headerContainer .navContainer .topbar ul.tools li.toolFont {
      display: none; }
    header.mini .headerContainer .navContainer .topbar ul.tools li.navBookmark {
      position: absolute; }
      header.mini .headerContainer .navContainer .topbar ul.tools li.navBookmark > a {
        background-color: #5163E7;
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center; }
      header.mini .headerContainer .navContainer .topbar ul.tools li.navBookmark .num {
        top: 10px; }

header.aniNav .headerContainer {
  margin-top: 60px; }

.headerContainer {
  width: 100%;
  background: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 111; }

.mobileNav {
  display: none; }

.navContainer {
  max-width: 1440px;
  margin: 0 auto; }
  .navContainer .navPos {
    position: relative; }
  .navContainer a {
    text-decoration: none; }
    .navContainer a:hover {
      text-decoration: none; }
  .navContainer .btnImportantNotice {
    float: left;
    display: none;
    color: #FFF;
    padding-left: 40px;
    padding-right: 20px;
    border-right: #5163E7 1px solid;
    position: relative;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out; }
    .navContainer .btnImportantNotice:hover {
      color: #B2BAF4; }
    .navContainer .btnImportantNotice::before {
      display: block;
      position: absolute;
      left: 10px;
      top: 9px;
      width: 21px;
      height: 21px;
      background: #FFAA00;
      background-size: 3px 13px;
      color: #333;
      font-size: 14px;
      padding-left: 3px;
      border-radius: 50%; }
    .navContainer .btnImportantNotice.mobile {
      display: none; }
  .navContainer .logo {
    padding: 15px 20px;
    position: absolute; }
    .navContainer .logo a {
      display: block;
      width: 135px; }
  .navContainer .topbar {
    margin: 0 0 0 175px;
    height: 40px;
    line-height: 40px;
    background-color: #3D51E4;
    font-size: 1.4rem;
    color: #FFF; }
    .navContainer .topbar .btnCloseMobileMenu {
      display: none; }
    .navContainer .topbar .topbarRight {
      float: right;
      position: relative; }
    .navContainer .topbar ul.sitenav {
      float: left; }
      .navContainer .topbar ul.sitenav li {
        float: left;
        border-right: #5163E7 1px solid; }
      .navContainer .topbar ul.sitenav a {
        position: relative;
        display: block;
        color: #FFF;
        width: 125px;
        text-align: center;
        -webkit-transition: background-color 0.3s ease-out;
        transition: background-color 0.3s ease-out; }
        .navContainer .topbar ul.sitenav a:before {
          content: '';
          display: block;
          position: absolute;
          bottom: -7px;
          left: 50%;
          width: 0;
          height: 0;
          margin-left: -7px;
          border-style: solid;
          border-width: 0 7px 7px 7px;
          border-color: transparent transparent #FFF transparent;
          opacity: 1;
          -webkit-transition: bottom 0.3s ease-out;
          transition: bottom 0.3s ease-out; }
        .navContainer .topbar ul.sitenav a.current {
          background-color: #2A47B1; }
          .navContainer .topbar ul.sitenav a.current:before {
            bottom: 0; }
    .navContainer .topbar ul.tools {
      float: left;
      padding-right: 54px; }
      .navContainer .topbar ul.tools a {
        display: block; }
      .navContainer .topbar ul.tools li.navFb a, .navContainer .topbar ul.tools li.navIg a {
        padding-left: 10px;
        padding-right: 10px;
        height: 40px;
        font-size: 0; }
        .navContainer .topbar ul.tools li.navFb a:before, .navContainer .topbar ul.tools li.navIg a:before {
          font-size: 16px;
          color: #FFF;
          line-height: 40px;
          display: block;
          -webkit-transition: color 0.3s ease-out;
          transition: color 0.3s ease-out; }
        .navContainer .topbar ul.tools li.navFb a:hover:before, .navContainer .topbar ul.tools li.navIg a:hover:before {
          color: #B2BAF4; }
      .navContainer .topbar ul.tools li.navFb {
        margin-left: 5px;
        margin-right: 5px; }
        .navContainer .topbar ul.tools li.navFb a {
          width: 29px; }
          .navContainer .topbar ul.tools li.navFb a.icon:before, .navContainer .topbar ul.tools li.navFb a.icon:after {
            background-size: 9px auto; }
      .navContainer .topbar ul.tools li.navIg a {
        width: 38px; }
        .navContainer .topbar ul.tools li.navIg a.icon:before, .navContainer .topbar ul.tools li.navIg a.icon:after {
          background-size: 18px auto; }
      .navContainer .topbar ul.tools li.navLang, .navContainer .topbar ul.tools li.toolFont, .navContainer .topbar ul.tools li.navBookmark {
        position: relative;
        border-left: #5163E7 1px solid; }
        .navContainer .topbar ul.tools li.navLang > a, .navContainer .topbar ul.tools li.toolFont > a, .navContainer .topbar ul.tools li.navBookmark > a {
          color: #FFF;
          padding-left: 20px;
          padding-right: 20px; }
      .navContainer .topbar ul.tools li.navLang, .navContainer .topbar ul.tools li.toolFont {
        margin-right: -4px; }
        .navContainer .topbar ul.tools li.navLang.expand > a, .navContainer .topbar ul.tools li.toolFont.expand > a {
          background: #2A47B1; }
          .navContainer .topbar ul.tools li.navLang.expand > a:after, .navContainer .topbar ul.tools li.toolFont.expand > a:after {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
        .navContainer .topbar ul.tools li.navLang.expand .toolDropdown, .navContainer .topbar ul.tools li.toolFont.expand .toolDropdown {
          height: 110px; }
        .navContainer .topbar ul.tools li.navLang > a, .navContainer .topbar ul.tools li.toolFont > a {
          min-width: 75px;
          padding-left: 15px;
          padding-right: 15px;
          text-align: right;
          -webkit-transition: background 0.3s ease-out;
          transition: background 0.3s ease-out; }
          .navContainer .topbar ul.tools li.navLang > a:hover, .navContainer .topbar ul.tools li.toolFont > a:hover {
            background: #2A47B1; }
          .navContainer .topbar ul.tools li.navLang > a:after, .navContainer .topbar ul.tools li.toolFont > a:after {
            content: '';
            display: inline-block;
            width: 0;
            height: 7px;
            border-style: solid;
            border-width: 6px 6px 0 6px;
            border-color: #9EA8F2 transparent transparent transparent;
            margin-left: 10px;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            -webkit-transform-origin: 50% 35%;
            transform-origin: 50% 35%; }
      .navContainer .topbar ul.tools li.navBookmark > a {
        -webkit-transition: background-color 0.3s ease-out;
        transition: background-color 0.3s ease-out; }
        .navContainer .topbar ul.tools li.navBookmark > a.hasBookmark:before {
          background-image: url("../img/common/icon/icon_bookmark_no_star.svg"); }
        .navContainer .topbar ul.tools li.navBookmark > a.hasBookmark .num {
          display: block; }
        .navContainer .topbar ul.tools li.navBookmark > a:hover {
          background-color: #2A47B1; }
        .navContainer .topbar ul.tools li.navBookmark > a .num {
          display: none;
          position: absolute;
          top: 5px;
          right: 12px;
          width: 16px;
          height: 16px;
          background-color: #FF0000;
          color: #FFF;
          font-size: 12px;
          line-height: 16px;
          text-align: center;
          border-radius: 50%; }
    .navContainer .topbar ul li {
      display: inline-block;
      vertical-align: top; }
  .navContainer .toolDropdown {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    background: #2A47B1;
    text-align: right;
    z-index: 2;
    -webkit-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out; }
    .navContainer .toolDropdown .toolIcons {
      padding-top: 10px;
      padding-bottom: 10px; }
    .navContainer .toolDropdown a {
      display: block;
      padding-left: 14px;
      padding-right: 14px;
      line-height: 30px;
      color: #FFF;
      -webkit-transition: background 0.3s ease-out;
      transition: background 0.3s ease-out; }
      .navContainer .toolDropdown a:hover, .navContainer .toolDropdown a.active {
        background: #3D51E4; }

.weatherAndTime, .mobileWeatherAndTime {
  height: 100%;
  overflow: hidden;
  float: left; }
  .weatherAndTime .hasWarning .icon-weather:before, .mobileWeatherAndTime .hasWarning .icon-weather:before {
    display: none !important; }
  .weatherAndTime .icon, .mobileWeatherAndTime .icon {
    margin-left: 20px; }
    .weatherAndTime .icon a, .mobileWeatherAndTime .icon a {
      display: block;
      color: #FFF;
      -webkit-transition: color 0.3s ease-out;
      transition: color 0.3s ease-out; }
      .weatherAndTime .icon a .weatherIcon, .mobileWeatherAndTime .icon a .weatherIcon {
        width: 35px;
        height: 40px;
        overflow: hidden;
        position: relative; }
        .weatherAndTime .icon a .weatherIcon span, .mobileWeatherAndTime .icon a .weatherIcon span {
          font-size: 30px;
          position: absolute;
          /*display: none;*/
          left: 50%;
          top: 50%;
          opacity: 0;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          -webkit-transition: opacity 0.4s ease-out;
          transition: opacity 0.4s ease-out; }
          .weatherAndTime .icon a .weatherIcon span.active, .mobileWeatherAndTime .icon a .weatherIcon span.active {
            opacity: 1; }
          .weatherAndTime .icon a .weatherIcon span.warning.CWW:before, .mobileWeatherAndTime .icon a .weatherIcon span.warning.CWW:before, .weatherAndTime .icon a .weatherIcon span.warning.SAF:before, .mobileWeatherAndTime .icon a .weatherIcon span.warning.SAF:before, .weatherAndTime .icon a .weatherIcon span.warning.FRW:before, .mobileWeatherAndTime .icon a .weatherIcon span.warning.FRW:before, .weatherAndTime .icon a .weatherIcon span.warning.SMS:before, .mobileWeatherAndTime .icon a .weatherIcon span.warning.SMS:before {
            color: #8FF9F3; }
          .weatherAndTime .icon a .weatherIcon span.weatherDesc, .mobileWeatherAndTime .icon a .weatherIcon span.weatherDesc {
            opacity: 1;
            position: absolute;
            clip: rect(1px 1px 1px 1px);
            clip: rect(1px, 1px, 1px, 1px);
            -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
            clip-path: inset(0px 0px 99.9% 99.9%);
            overflow: hidden;
            height: 1px;
            width: 1px;
            padding: 0;
            border: 0;
            top: 50%; }
      .weatherAndTime .icon a .tempTitle, .mobileWeatherAndTime .icon a .tempTitle {
        position: absolute;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
        clip-path: inset(0px 0px 99.9% 99.9%);
        overflow: hidden;
        height: 1px;
        width: 1px;
        padding: 0;
        border: 0;
        top: 50%; }
      .weatherAndTime .icon a:hover, .mobileWeatherAndTime .icon a:hover {
        color: #B2BAF4; }
    .weatherAndTime .icon.topWeather:before, .mobileWeatherAndTime .icon.topWeather:before {
      display: none; }
    .weatherAndTime .icon.topWeather.warning .icon-weather, .mobileWeatherAndTime .icon.topWeather.warning .icon-weather {
      font-size: 26px; }
    .weatherAndTime .icon.topWeather .icon-weather, .mobileWeatherAndTime .icon.topWeather .icon-weather {
      font-size: 35px;
      position: relative; }
      .weatherAndTime .icon.topWeather .icon-weather:before, .mobileWeatherAndTime .icon.topWeather .icon-weather:before {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        overflow: hidden; }
    .weatherAndTime .icon.time:before, .mobileWeatherAndTime .icon.time:before {
      width: 21px;
      height: 21px; }
    .weatherAndTime .icon.time .timeTitle, .mobileWeatherAndTime .icon.time .timeTitle {
      position: absolute;
      clip: rect(1px 1px 1px 1px);
      clip: rect(1px, 1px, 1px, 1px);
      -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
      clip-path: inset(0px 0px 99.9% 99.9%);
      overflow: hidden;
      height: 1px;
      width: 1px;
      padding: 0;
      border: 0;
      top: 50%; }
    .weatherAndTime .icon .iconTxt, .mobileWeatherAndTime .icon .iconTxt {
      display: inline-block;
      line-height: 40px; }

#navigation .mobileWeatherAndTime .weatherIcon {
  width: 32px;
  height: 31px; }

.mobileWeatherAndTime .icon.topWeather a {
  color: #000000; }
  .mobileWeatherAndTime .icon.topWeather a .weatherIcon span {
    font-size: 28px; }
  .mobileWeatherAndTime .icon.topWeather a:hover {
    color: #000000; }
  .mobileWeatherAndTime .icon.topWeather a .icon-weather {
    font-size: 42px;
    color: #003263; }

.no-touchevents .navContainer .topbar ul.sitenav a:hover {
  background-color: #2A47B1; }
  .no-touchevents .navContainer .topbar ul.sitenav a:hover:before {
    bottom: 0; }

#navigation {
  margin: 0 0 0 175px;
  height: 60px;
  /* Weather Icons */
  /* End of Weather Icons */ }
  #navigation > ul {
    display: block;
    text-align: center; }
    #navigation > ul > li {
      display: inline-block;
      padding: 0 10px; }
      #navigation > ul > li > a {
        display: block;
        color: #000000;
        line-height: 60px;
        padding: 0 18px;
        position: relative;
        /* &.navFlights:before {
					border-color:$section-color-flights;
				}
				&.navPassenger:before {
					border-color:$section-color-passenger;
				}
				&.navTransport:before {
					border-color:$section-color-transport;
				}
				&.navShopDine:before {
					border-color:$section-color-shop-dine;
				}
				&.navRelaxFun:before {
					border-color:$section-color-relax-fun;
				}
				&.navMap:before {
					border-color:$section-color-map;
				} */ }
        #navigation > ul > li > a:before {
          display: block;
          content: '';
          width: 0;
          height: 4px;
          position: absolute;
          bottom: 0;
          left: 0;
          border-bottom: 4px #FFF solid;
          -webkit-transition: width 0.2s ease-out;
          transition: width 0.2s ease-out; }
        #navigation > ul > li > a:hover:before, #navigation > ul > li > a.current:before {
          width: 100%; }
      #navigation > ul > li:nth-child(1) > a:before {
        border-color: #01E1BF; }
      #navigation > ul > li:nth-child(2) > a:before {
        border-color: #FF397B; }
      #navigation > ul > li:nth-child(3) > a:before {
        border-color: #8700F5; }
      #navigation > ul > li:nth-child(4) > a:before {
        border-color: #FB5501; }
      #navigation > ul > li:nth-child(5) > a:before {
        border-color: #0040FF; }
      #navigation > ul > li:nth-child(6) > a:before {
        border-color: #FEC76C; }
      #navigation > ul > li.expand a:before {
        width: 100%; }
      #navigation > ul > li.expand .subnav {
        bottom: 0%; }
  #navigation .weatherIcon {
    width: 26px;
    height: 25px; }
  #navigation .weatherAndTime, #navigation .mobileWeatherAndTime {
    display: none; }
    #navigation .weatherAndTime .icon:before, #navigation .mobileWeatherAndTime .icon:before {
      width: 25px;
      height: 25px; }
    #navigation .weatherAndTime .icon .iconTxt, #navigation .mobileWeatherAndTime .icon .iconTxt {
      line-height: 65px; }

.navContainer .miniSearchBox {
  top: 40px;
  right: 0;
  width: auto;
  border-bottom: none;
  padding-bottom: 0; }
  .navContainer .miniSearchBox .searchBoxPlaceHolder {
    width: 327px; }
  .navContainer .miniSearchBox .btnOpenSearch {
    width: 60px;
    height: 60px;
    top: 0;
    right: 1px;
    background-color: #FFF;
    text-align: center;
    font-size: 22px; }
    .navContainer .miniSearchBox .btnOpenSearch:before {
      line-height: 60px; }
    .navContainer .miniSearchBox .btnOpenSearch span {
      font-size: 0; }
  .navContainer .miniSearchBox .searchBoxBtn {
    top: 0;
    right: 0;
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center; }
    .navContainer .miniSearchBox .searchBoxBtn:before {
      line-height: 56px; }
    .navContainer .miniSearchBox .searchBoxBtn span {
      font-size: 0; }
  .navContainer .miniSearchBox .btnClose {
    display: none;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 22px;
    height: 22px;
    z-index: 1; }
    .navContainer .miniSearchBox .btnClose:before, .navContainer .miniSearchBox .btnClose:after {
      content: '';
      border-top: #032733 2px solid;
      width: 28px;
      height: 1px;
      position: absolute;
      top: 10px;
      left: -3px; }
    .navContainer .miniSearchBox .btnClose:before {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .navContainer .miniSearchBox .btnClose:after {
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg); }
    .navContainer .miniSearchBox .btnClose span {
      font-size: 0; }
  .navContainer .miniSearchBox .miniSearch {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 1;
    float: right;
    top: 69px;
    right: 0;
    width: 328px;
    background: #2D4059;
    height: 60px;
    border-bottom: #01E1BF 4px solid;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
    .navContainer .miniSearchBox .miniSearch:before {
      content: '';
      display: block;
      position: absolute;
      top: -7px;
      right: 24px;
      width: 0;
      height: 0;
      margin-left: -7px;
      border-style: solid;
      border-width: 0 7px 7px 7px;
      border-color: transparent transparent #2D4059 transparent;
      opacity: 1; }
    .navContainer .miniSearchBox .miniSearch.submitted:after {
      content: '';
      position: absolute;
      right: 0;
      top: 0;
      width: 56px;
      height: 56px; }
    .navContainer .miniSearchBox .miniSearch.on {
      width: 233px;
      padding-left: 50px; }
    .navContainer .miniSearchBox .miniSearch .searchInput {
      width: 100%;
      background: transparent;
      color: #FFF;
      font-size: 1.8rem;
      line-height: 59px;
      height: 59px;
      padding-left: 22px;
      padding-bottom: 0; }
    .navContainer .miniSearchBox .miniSearch .searchBoxBtn {
      color: #FFF; }
  .navContainer .miniSearchBox.expand .btnGroup .btnOpenSearch {
    display: none; }
  .navContainer .miniSearchBox.expand .btnGroup .btnClose {
    display: block; }
  .navContainer .miniSearchBox.expand .miniSearch {
    opacity: 1;
    visibility: visible; }

.subnavContainer {
  position: absolute;
  width: 100%;
  left: 0;
  display: none;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out; }

.subnav {
  width: 100%;
  background-color: #F6F1EF;
  position: absolute;
  left: 0;
  text-align: left;
  display: block;
  bottom: 100%;
  overflow: hidden;
  -webkit-transition: bottom 0.3s ease-out;
  transition: bottom 0.3s ease-out; }
  .subnav .inner {
    display: table;
    width: 926px;
    margin: 40px auto 40px auto; }
    .subnav .inner > * {
      display: table-cell;
      vertical-align: top; }
    .subnav .inner .title {
      width: 271px;
      font-size: 3.6rem;
      font-weight: 300;
      border-right: #E5E5E5 1px solid;
      line-height: 140%;
      padding-top: 7px; }
    .subnav .inner > ul {
      width: 347px;
      font-weight: 300; }
      .subnav .inner > ul a {
        display: block;
        color: #000000;
        padding: 8px 35px; }
        .subnav .inner > ul a:hover {
          text-decoration: underline; }
    .subnav .inner .promotion {
      width: 308px; }
      .subnav .inner .promotion .promoBanner a {
        width: 308px;
        position: relative;
        display: block; }
        .subnav .inner .promotion .promoBanner a:before {
          content: '';
          position: absolute;
          width: 100%;
          height: 100%;
          opacity: 0;
          background-color: #FFF;
          -webkit-transition: opacity 0.3s ease-out;
          transition: opacity 0.3s ease-out; }
        .subnav .inner .promotion .promoBanner a:hover:before {
          opacity: 0.1; }
        .subnav .inner .promotion .promoBanner a img {
          max-width: 308px; }
      .subnav .inner .promotion a {
        color: #000000; }
        .subnav .inner .promotion a:hover {
          text-decoration: underline; }
      .subnav .inner .promotion .promoTitle {
        display: block;
        padding: 15px 0 5px 0; }
      .subnav .inner .promotion .promoDesc {
        display: block;
        font-size: 1.6rem;
        font-weight: 300;
        line-height: 150%; }

/* End of Navigation */
@media (max-width: 1200px) {
  .sizeL #navigation > ul > li > a {
    padding-left: 10px;
    padding-right: 10px; }
  .sizeM #navigation > ul > li > a {
    padding-left: 8px;
    padding-right: 8px; } }

@media (max-width: 1120px) {
  body:after {
    content: "desktop";
    display: none; }
  .sizeL #navigation > ul > li > a {
    padding-left: 3px;
    padding-right: 3px; }
  #navigation > ul > li > a {
    padding-left: 4px;
    padding-right: 4px; }
  .navContainer .topbar ul.sitenav a {
    width: 102px; }
  .navContainer .topbar ul.tools li.navFb, .navContainer .topbar ul.tools li.navIg {
    margin-right: 0; }
    .navContainer .topbar ul.tools li.navFb a, .navContainer .topbar ul.tools li.navIg a {
      padding-left: 8px;
      padding-right: 8px; }
  .navContainer .topbar ul.tools li.navLang > a, .navContainer .topbar ul.tools li.toolFont > a {
    min-width: 60px;
    padding-left: 10px;
    padding-right: 10px; }
  .weatherAndTime .icon, .mobileWeatherAndTime .icon {
    margin-left: 10px; }
  header.mini .headerContainer #navigation > ul > li > a {
    padding-left: 5px;
    padding-right: 5px; } }

@media (max-width: 1024px) {
  .sizeL #navigation > ul > li > a {
    padding-left: 0;
    padding-right: 0; }
  .sizeM #navigation > ul > li > a {
    padding-left: 5px;
    padding-right: 5px; } }

/* Style for Tablet portrait */
/* End of Style for Tablet portrait */
/* Style for Mobile */
@media (max-width: 414px) {
  body:after {
    content: "mobile";
    display: none; } }

/* End of Style for Mobile */
/* Footer */
footer {
  position: relative;
  background: #3D51E4;
  color: #FFF;
  padding: 40px 0 30px 0; }
  footer .socialMedia {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 30px; }
    footer .socialMedia li {
      min-width: 40px;
      display: inline-block;
      padding: 0 20px 20px 20px;
      vertical-align: top; }
      footer .socialMedia li a {
        display: block;
        width: 60px;
        height: 60px;
        font-size: 0;
        border-radius: 50%;
        background-color: #FFF;
        border: #FFF 2px solid;
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: 100% auto;
        -webkit-transition: background-color 0.3s ease-out;
        transition: background-color 0.3s ease-out; }
        footer .socialMedia li a.iconFb {
          background-image: url("../img/common/icon/icon_fb_footer.png"); }
        footer .socialMedia li a.iconIg {
          background-image: url("../img/common/icon/icon_ig_footer.png"); }
        footer .socialMedia li a.iconYt {
          background-image: url("../img/common/icon/icon_yt_footer.png"); }
        footer .socialMedia li a.iconWeibo {
          background-image: url("../img/common/icon/icon_weibo_footer.png"); }
        footer .socialMedia li a.iconTwitter {
          background-image: url("../img/common/icon/icon_twitter_footer.png"); }
        footer .socialMedia li a.iconWeChat {
          background-image: url("../img/common/icon/icon_wechat_footer.png"); }
        footer .socialMedia li a:hover {
          background-color: transparent;
          background-position: 0 -93px; }
  footer .footerNav {
    padding-bottom: 50px; }
    footer .footerNav .logo a {
      display: block;
      width: 80%; }
    footer .footerNav dl {
      font-size: 1.6rem; }
      footer .footerNav dl a {
        color: #FFF; }
      footer .footerNav dl dt {
        font-weight: 700;
        padding-bottom: 20px; }
      footer .footerNav dl dd {
        font-weight: 300;
        padding-bottom: 3px; }
  footer .terms {
    border-top: #5163E7 1px solid;
    padding: 12px 0 0 0;
    text-align: center;
    line-height: 160%; }
    footer .terms a {
      font-size: 1.6rem;
      font-weight: 300;
      color: #FFF;
      padding: 0 5px; }
    footer .terms .copyright {
      padding-top: 10px;
      font-size: 1.4rem; }

/* End of Footer */
html, body {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-text-size-adjust: none; }

body {
  width: 100%;
  min-width: 320px;
  height: 100%;
  font-weight: 400; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  outline: 0; }

a {
  text-decoration: none;
  cursor: pointer; }

table, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  vertical-align: top; }

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

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

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

abbr, acronym {
  border: 0; }

input, select, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0px; }

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

img {
  max-width: 100%; }

p {
  margin: 0;
  padding: 0; }

a {
  text-decoration: none; }

@font-face {
  font-family: 'Roboto Condensed';
  src: url("fonts/RobotoCondensed-Light.eot");
  src: url("fonts/RobotoCondensed-Light.eot?#iefix") format("embedded-opentype"), url("fonts/RobotoCondensed-Light.woff") format("woff"), url("fonts/RobotoCondensed-Light.ttf") format("truetype"), url("fonts/RobotoCondensed-Light.svg#RobotoCondensed-Light") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Condensed';
  src: url("fonts/RobotoCondensed-Bold.eot");
  src: url("fonts/RobotoCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/RobotoCondensed-Bold.woff") format("woff"), url("fonts/RobotoCondensed-Bold.ttf") format("truetype"), url("fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Condensed';
  src: url("fonts/RobotoCondensed-Regular.eot");
  src: url("fonts/RobotoCondensed-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/RobotoCondensed-Regular.woff") format("woff"), url("fonts/RobotoCondensed-Regular.ttf") format("truetype"), url("fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

.ui-datepicker {
  width: 17em;
  padding: 0;
  margin: 0;
  font-size: 0.8em; }
  .ui-datepicker .ui-datepicker-header {
    background: #3D51E4;
    border: none;
    padding: 0;
    height: 40px;
    line-height: 40px; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
      color: #ffffff;
      height: 40px;
      line-height: 40px;
      /* margin-left: 1em; */
      font-weight: 300; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-current {
      width: 21px;
      height: 21px;
      position: absolute;
      top: 13px;
      left: 67%; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-current .ui-icon-home {
        display: none;
        width: 21px;
        height: 21px;
        top: 0px;
        left: 0px;
        background-position: 0 0;
        background-image: url("../img/common/icon_today.png"); }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
      margin-right: 5px; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 0 6px 6px;
        border-color: transparent transparent transparent #9ea8f2;
        position: absolute;
        top: 11px;
        left: 11px; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
      margin-left: 5px; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        border-color: transparent #9ea8f2 transparent transparent;
        position: absolute;
        top: 11px;
        left: 11px; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
      margin-top: 3px;
      width: 25px;
      height: 25px;
      border: 0;
      background: none;
      background-image: none;
      top: 0px;
      right: 0px; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
        width: 25px;
        height: 25px;
        background-image: none; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover {
        top: 0px;
        right: 0px;
        border: 0;
        background: none; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-next.hover {
        top: 0px;
        right: 0px;
        width: 25px;
        height: 25px;
        background: none;
        border: 0; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
      top: 0px;
      left: 0px; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.hover {
        left: 0px; }
  .ui-datepicker th {
    padding: .6em .3em;
    text-align: center;
    font-weight: 300;
    border: 0;
    background: #000000;
    color: #ffffff;
    border-left: 1px solid #3D51E4;
    width: 30px;
    text-transform: uppercase; }
  .ui-datepicker .ui-datepicker-calendar {
    background: #000000;
    margin: 0;
    border-bottom: 2px solid #3D51E4;
    border-right: 1px solid #3D51E4; }
    .ui-datepicker .ui-datepicker-calendar td {
      font-weight: 300;
      border-left: 1px solid #3D51E4;
      border-top: 1px solid #3D51E4;
      padding: 3px 1px;
      background: #000000;
      -webkit-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
      .ui-datepicker .ui-datepicker-calendar td .ui-state-default, .ui-datepicker .ui-datepicker-calendar td .ui-widget-content .ui-state-default, .ui-datepicker .ui-datepicker-calendar td .ui-widget-header .ui-state-default, .ui-datepicker .ui-datepicker-calendar td .ui-button, .ui-datepicker .ui-datepicker-calendar td html .ui-button.ui-state-disabled:hover, .ui-datepicker .ui-datepicker-calendar td html .ui-button.ui-state-disabled:active {
        border: none;
        background: transparent;
        font-weight: normal;
        color: #ffffff;
        text-align: center; }
      .ui-datepicker .ui-datepicker-calendar td:hover {
        background: #004A95; }
    .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:first-child {
      color: #FB5501; }
    .ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day {
      background: #3D51E4; }
      .ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a {
        color: #ffffff; }
    .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today {
      background: #ffffff; }
      .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today.ui-datepicker-current-day {
        background: #3D51E4; }
        .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today.ui-datepicker-current-day a {
          color: #ffffff; }
      .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
        color: #000000; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .20;
  filter: Alpha(Opacity=20);
  /* support: IE8 */
  background-image: none; }

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative; }

.jspPane {
  position: absolute; }

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 100%; }

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red;
  display: none; }

.jspCap {
  display: none; }

.jspHorizontalBar .jspCap {
  float: left; }

.jspTrack {
  background: #2A47B1;
  position: relative; }

.jspDrag {
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer; }
  .jspDrag:before {
    content: '';
    display: block;
    width: 4px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #01E1BF;
    border-top: #2A47B1 2px solid;
    border-bottom: #2A47B1 2px solid; }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0; }

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d; }

.jspVerticalBar .jspArrow {
  height: 16px; }

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%; }

.jspVerticalBar .jspArrow:focus {
  outline: none; }

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0; }

.tabContainer.total1 .tabNav {
  display: none; }

.tabContainer.total1 .tabItem > p {
  font-size: 3.6rem; }

.tabContainer.total2 .tabNav li {
  width: 50%; }

.tabContainer.total3 .tabNav li {
  width: 33.33333333%; }

.tabContainer.total4 .tabNav li {
  width: 25%; }

.tabContainer.total5 .tabNav li {
  width: 20%; }

.tabContainer.total6 .tabNav li {
  width: 16.66666666%; }

.tabContainer .tabContent {
  position: relative;
  overflow: hidden;
  opacity: 0; }
  .tabContainer .tabContent:after {
    content: '';
    display: block;
    clear: both; }

.tabContainer .tabNav {
  display: table;
  width: 100%;
  position: relative; }
  .tabContainer .tabNav li {
    cursor: pointer;
    display: table-cell;
    text-align: center;
    background-color: #F2F2F2;
    border-top: #F2F2F2 4px solid;
    line-height: 140%;
    vertical-align: middle;
    padding-left: 0;
    padding-bottom: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
    .tabContainer .tabNav li.current, .tabContainer .tabNav li:hover {
      background-color: #FFF; }
    .tabContainer .tabNav li.disabled {
      cursor: default; }
      .tabContainer .tabNav li.disabled a, .tabContainer .tabNav li.disabled .titleGroup {
        cursor: default; }
        .tabContainer .tabNav li.disabled a:hover, .tabContainer .tabNav li.disabled .titleGroup:hover {
          cursor: default;
          background: #3D51E4; }
    .tabContainer .tabNav li:before {
      display: none; }
    .tabContainer .tabNav li a {
      display: block;
      padding: 11px 5% 15px 5%; }
      .tabContainer .tabNav li a:hover, .tabContainer .tabNav li a:focus {
        text-decoration: none; }

.tabContainer .tabItem {
  padding-top: 30px;
  width: 100%;
  top: 0;
  left: 0;
  /* & > * {
            padding-bottom:0;
        } */ }

.mobileTabContainer {
  display: none; }

@media (max-width: 767px) {
  body:after {
    content: "mobile";
    display: none; }
  .tabContainer.total1 .mobileTabContainer {
    display: none; }
  .tabContainer .tabNav {
    display: none; }
  .tabContainer .tabItem .box img {
    margin-bottom: 20px; }
  .mobileTabContainer {
    display: block;
    margin-left: -20px;
    margin-right: -20px;
    background-color: #F2F2F2;
    padding-left: 20px;
    padding-right: 20px; }
    .mobileTabContainer .hkia_customSelect {
      border-top: #3D51E4 3px solid;
      border-bottom: #CCC 3px solid;
      position: relative; }
      .mobileTabContainer .hkia_customSelect .ui-selectmenu-button.ui-button {
        padding-top: 11px;
        padding-bottom: 11px;
        background-color: #FFF;
        color: #000; }
        .mobileTabContainer .hkia_customSelect .ui-selectmenu-button.ui-button .ui-selectmenu-text:after {
          margin-top: -3px;
          height: 6px;
          border-width: 6px 6px 0 6px;
          border-color: #809299 transparent transparent transparent; } }

/* Form */
.formContainer {
  /* Form fields */
  /* End of Form fields */ }
  .formContainer .errormessages {
    display: none;
    padding: 20px;
    margin-bottom: 20px;
    background: #FFF;
    border: 1px solid red; }
  .formContainer input[type=text], .formContainer input[type=number], .formContainer textarea {
    border: #EEE 1px solid;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 20px; }
    .formContainer input[type=text].error, .formContainer input[type=number].error, .formContainer textarea.error {
      border-color: red; }
  .formContainer textarea {
    height: 130px;
    line-height: 160%; }
  .formContainer select.skinup.error + span {
    border: red 1px solid !important; }
  .formContainer label.error {
    display: block;
    clear: both; }
  .formContainer input textarea {
    display: block;
    height: 130px; }
  .formContainer input[type=radio] {
    opacity: 0;
    position: absolute;
    float: left;
    width: 15px;
    height: 15px; }
    .formContainer input[type=radio] + label {
      margin: 0;
      clear: none;
      display: block;
      padding: 0 35px 0 25px;
      cursor: pointer;
      min-height: 24px; }
      .formContainer input[type=radio] + label:before, .formContainer input[type=radio] + label:after {
        content: '';
        position: absolute;
        top: 12px;
        left: 1px;
        display: block;
        width: 15px;
        height: 16px;
        background-repeat: no-repeat;
        background-size: 100% auto; }
      .formContainer input[type=radio] + label:before {
        background-image: url("../img/common/icon/icon_radio.svg"); }
      .formContainer input[type=radio] + label:after {
        background-image: url("../img/common/icon/icon_radio_on.svg");
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
    .formContainer input[type=radio]:checked + label:before {
      background-position: 0 -48px; }
    .formContainer input[type=radio]:checked + label:after {
      opacity: 1; }
  .formContainer input[type=checkbox] {
    opacity: 0;
    position: absolute;
    float: left;
    width: 15px;
    height: 15px; }
    .formContainer input[type=checkbox] + label {
      margin: 0;
      clear: none;
      display: block;
      padding: 0 35px 0 40px;
      cursor: pointer;
      min-height: 24px; }
      .formContainer input[type=checkbox] + label:before, .formContainer input[type=checkbox] + label:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 0px;
        display: block;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 100% auto; }
      .formContainer input[type=checkbox] + label:before {
        background-image: url("../img/common/icon/icon_checkbox.gif"); }
      .formContainer input[type=checkbox] + label:after {
        background-image: url("../img/common/icon/icon_checkbox_on.gif");
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
    .formContainer input[type=checkbox]:checked + label:before {
      background-position: 0 -48px; }
    .formContainer input[type=checkbox]:checked + label:after {
      opacity: 1; }
  .formContainer dl {
    float: left;
    width: 50%;
    padding-right: 8px;
    clear: both; }
    .formContainer dl:nth-of-type(even) {
      padding-right: 0;
      padding-left: 8px;
      clear: none; }
    .formContainer dl dd {
      padding-bottom: 25px; }
  .formContainer .radioField {
    line-height: 40px; }
    .formContainer .radioField li {
      display: inline-block;
      position: relative; }
      .formContainer .radioField li:last-child label {
        padding-right: 0; }
  .formContainer .checkboxField li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 49%;
    padding-bottom: 20px; }
    @media (max-width: 767px) {
      .formContainer .checkboxField li {
        width: 99%; } }
    .formContainer .checkboxField li:last-child label {
      padding-right: 0; }
    .formContainer .checkboxField li:nth-of-type(odd) {
      clear: both; }
  .formContainer .captchaBox {
    overflow: hidden; }
    .formContainer .captchaBox .captchaImg {
      float: left;
      /* width: 73%;
            max-width: 280px; */ }
      .formContainer .captchaBox .captchaImg img {
        float: left;
        max-width: 280px; }
      .formContainer .captchaBox .captchaImg input[type=text] {
        clear: both;
        margin-top: 7px;
        max-width: 280px; }
    .formContainer .captchaBox .captchaBtn {
      float: left;
      /*  width: 27%; */
      padding-left: 10px; }
      .formContainer .captchaBox .captchaBtn a {
        display: block;
        width: 20px;
        height: 18px;
        background-repeat: no-repeat;
        background-size: 100% auto;
        margin-bottom: 15px; }
        .formContainer .captchaBox .captchaBtn a:last-child {
          margin-bottom: 0; }
    .formContainer .captchaBox .btnRefresh {
      background-image: url("../img/common/icon/icon_form_refresh.png");
      font-size: 0; }
    .formContainer .captchaBox .btnSpeaker {
      background-image: url("../img/common/icon/icon_speaker.png");
      font-size: 0; }
  .formContainer .btnCTABox {
    clear: both;
    padding-top: 30px; }
    .formContainer .btnCTABox a.btnCTA.grey {
      color: #FFF; }
  .formContainer .genericDatepicker {
    position: relative; }
    .formContainer .genericDatepicker:after {
      content: " ";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 9px 9px 0 9px;
      border-color: #BFC8CC transparent transparent transparent;
      position: absolute;
      top: 16px;
      right: 20px;
      -webkit-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
    .formContainer .genericDatepicker .ui-datepicker-trigger {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      /* z-index: 1; */
      opacity: 0; }
    .formContainer .genericDatepicker .ui-datepicker {
      z-index: 10 !important;
      /* width: 100%; */ }

/* End of Form */
@media (max-width: 991px) {
  body:after {
    content: "tablet portrait";
    display: none; }
  .formContainer .btnCTABox {
    padding-top: 5px; } }

@media (max-width: 767px) {
  body:after {
    content: "mobile";
    display: none; }
  .formContainer dl {
    float: none;
    width: 100%;
    padding-right: 0; }
    .formContainer dl:nth-of-type(even) {
      padding-left: 0; }
  .formContainer .captchaBox .captchaImg img {
    width: 85%; }
  .formContainer .captchaBox .captchaBtn {
    width: 15%; } }

header.mini .navBookmark {
  height: 60px; }
  header.mini .navBookmark > a {
    width: 60px;
    height: 60px;
    line-height: 60px; }
    header.mini .navBookmark > a .num {
      top: 10px; }

/* Bookmarked Flight Dropdown */
.navBookmark {
  position: absolute;
  border-left: #5163E7 1px solid;
  display: inline-block;
  vertical-align: top;
  background-color: #3D51E4;
  height: 40px;
  top: 0px;
  right: 0; }
  .navBookmark.expand > a {
    background: #2A47B1; }
  .navBookmark > a {
    display: block;
    color: #FFF;
    padding-left: 20px;
    padding-right: 20px;
    height: 100%;
    line-height: 40px;
    text-align: center;
    -webkit-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .navBookmark > a.hasBookmark:before {
      background-image: url("../img/common/icon/icon_bookmark_no_star.svg"); }
    .navBookmark > a.hasBookmark .num {
      display: block; }
    .navBookmark > a:hover {
      background-color: #2A47B1; }
    .navBookmark > a .txt {
      font-size: 0; }
    .navBookmark > a .num {
      display: none;
      position: absolute;
      top: 5px;
      right: 12px;
      width: 16px;
      height: 16px;
      background-color: #FF0000;
      color: #FFF;
      font-size: 12px;
      line-height: 16px;
      text-align: center;
      border-radius: 50%; }

header.mini .bookmarkedFlightDropdown {
  top: 69px; }
  header.mini .bookmarkedFlightDropdown:before {
    right: 23px; }

.expand .bookmarkedFlightDropdown {
  opacity: 1;
  visibility: visible; }

.bookmarkedFlightDropdown {
  opacity: 0;
  position: absolute;
  color: #FFF;
  width: 404px;
  min-height: 300px;
  top: 49px;
  right: -404px;
  background: #2A47B1;
  visibility: hidden;
  border-bottom: #01E1BF 4px solid;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }
  .bookmarkedFlightDropdown.showLoading {
    position: absolute; }
  .bookmarkedFlightDropdown.show {
    visibility: visible;
    right: 0; }
  .bookmarkedFlightDropdown:before {
    content: '';
    display: block;
    position: absolute;
    top: -7px;
    right: 20px;
    width: 0;
    height: 0;
    margin-left: -7px;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #2A47B1 transparent;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out; }
  .bookmarkedFlightDropdown:after {
    content: '';
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: url($commonImgPath + 'loader.gif') no-repeat center; */ }
  .bookmarkedFlightDropdown.showLoading:after {
    display: block; }
  .bookmarkedFlightDropdown .btnClose {
    position: absolute;
    display: block;
    top: 19px;
    right: 19px;
    width: 22px;
    height: 22px;
    z-index: 1; }
    .bookmarkedFlightDropdown .btnClose:before, .bookmarkedFlightDropdown .btnClose:after {
      content: '';
      border-top: #FFF 2px solid;
      width: 28px;
      height: 1px;
      position: absolute;
      top: 10px;
      left: -3px; }
    .bookmarkedFlightDropdown .btnClose:before {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .bookmarkedFlightDropdown .btnClose:after {
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg); }
    .bookmarkedFlightDropdown .btnClose span {
      position: absolute;
      clip: rect(1px 1px 1px 1px);
      clip: rect(1px, 1px, 1px, 1px);
      -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
      clip-path: inset(0px 0px 99.9% 99.9%);
      overflow: hidden;
      height: 1px;
      width: 1px;
      padding: 0;
      border: 0;
      top: 50%; }
  .bookmarkedFlightDropdown .title {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.8rem;
    line-height: 40px; }
  .bookmarkedFlightDropdown .noBookmark {
    background-color: #2D4059;
    padding-top: 150px;
    min-height: 370px;
    text-align: center; }
  .bookmarkedFlightDropdown .bookmarkedFlights {
    background-color: #2D4059;
    padding-top: 40px;
    padding-bottom: 70px;
    position: relative;
    min-height: 320px; }
    .bookmarkedFlightDropdown .bookmarkedFlights .flightItem {
      padding-left: 40px;
      padding-right: 40px;
      position: relative;
      background: none; }
      .bookmarkedFlightDropdown .bookmarkedFlights .flightItem a.btnDeleteFlight {
        position: absolute;
        width: 19px;
        height: 25px;
        background: url("../img/common/icon/icon_delete.png");
        background-size: 100% auto;
        top: 5px;
        right: 43px;
        z-index: 1; }
        .bookmarkedFlightDropdown .bookmarkedFlights .flightItem a.btnDeleteFlight:hover {
          background-color: transparent; }
      .bookmarkedFlightDropdown .bookmarkedFlights .flightItem h2 {
        color: #FFF;
        position: relative;
        padding-left: 60px;
        padding-bottom: 20px; }
        .bookmarkedFlightDropdown .bookmarkedFlights .flightItem h2:before {
          content: '';
          position: absolute;
          display: block;
          width: 40px;
          height: 20px;
          background-repeat: no-repeat;
          background-size: 100% auto;
          top: 6px;
          left: 0;
          font-size: 39px;
          font-family: 'hkia-fonts' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 20px;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
        .bookmarkedFlightDropdown .bookmarkedFlights .flightItem h2.passenger_departures:before, .bookmarkedFlightDropdown .bookmarkedFlights .flightItem h2.cargo_departures:before {
          content: "\e90a"; }
        .bookmarkedFlightDropdown .bookmarkedFlights .flightItem h2.passenger_arrivals:before, .bookmarkedFlightDropdown .bookmarkedFlights .flightItem h2.cargo_arrivals:before {
          content: "\e902"; }
      .bookmarkedFlightDropdown .bookmarkedFlights .flightItem dl dt, .bookmarkedFlightDropdown .bookmarkedFlights .flightItem dl dd {
        line-height: 180%; }
      .bookmarkedFlightDropdown .bookmarkedFlights .flightItem dl dt {
        color: #01E1BF;
        font-size: 1.4rem; }
      .bookmarkedFlightDropdown .bookmarkedFlights .flightItem dl dd {
        font-size: 2.4rem; }
      .bookmarkedFlightDropdown .bookmarkedFlights .flightItem dl.flightNo {
        float: left;
        width: 90px; }
        .bookmarkedFlightDropdown .bookmarkedFlights .flightItem dl.flightNo dd {
          font-size: 1.8rem;
          font-weight: 300; }
          .bookmarkedFlightDropdown .bookmarkedFlights .flightItem dl.flightNo dd span {
            display: block; }
      .bookmarkedFlightDropdown .bookmarkedFlights .flightItem dl.time dd {
        font-weight: 300; }
      .bookmarkedFlightDropdown .bookmarkedFlights .flightItem .bookmarkedFlightInfo {
        float: left;
        width: 230px;
        padding-bottom: 20px; }
        .bookmarkedFlightDropdown .bookmarkedFlights .flightItem .bookmarkedFlightInfo.flightNotFound dl dd {
          color: rgba(255, 255, 255, 0.3); }
        .bookmarkedFlightDropdown .bookmarkedFlights .flightItem .bookmarkedFlightInfo .notFound {
          padding-left: 28px;
          font-weight: 300;
          line-height: 160%;
          clear: both; }
        .bookmarkedFlightDropdown .bookmarkedFlights .flightItem .bookmarkedFlightInfo dl {
          padding-left: 28px;
          margin-bottom: 10px; }
          .bookmarkedFlightDropdown .bookmarkedFlights .flightItem .bookmarkedFlightInfo dl dd {
            line-height: 140%; }
          .bookmarkedFlightDropdown .bookmarkedFlights .flightItem .bookmarkedFlightInfo dl.date {
            float: left;
            border-left: #96A0AC 1px solid; }
          .bookmarkedFlightDropdown .bookmarkedFlights .flightItem .bookmarkedFlightInfo dl.time {
            float: left; }
          .bookmarkedFlightDropdown .bookmarkedFlights .flightItem .bookmarkedFlightInfo dl.location {
            float: left; }
          .bookmarkedFlightDropdown .bookmarkedFlights .flightItem .bookmarkedFlightInfo dl.status {
            float: none;
            clear: both; }
      .bookmarkedFlightDropdown .bookmarkedFlights .flightItem a.btnCTA {
        clear: both;
        display: table;
        margin-left: auto;
        margin-right: auto;
        font-size: 1.8rem;
        font-weight: 300;
        height: 54px; }
    .bookmarkedFlightDropdown .bookmarkedFlights .slick-dots {
      width: 100%;
      bottom: 15px;
      top: auto;
      left: 0;
      text-align: center; }

/* End of Bookmarked Flight Dropdown */
@media (max-width: 991px) {
  body:after {
    content: "tablet portrait";
    display: none; }
  header.mini .navBookmark, .navBookmark {
    width: 56px;
    height: 65px;
    right: 65px;
    border: none;
    top: -65px; }
    header.mini .navBookmark > a, .navBookmark > a {
      width: 56px;
      height: 65px;
      line-height: 65px; }
      header.mini .navBookmark > a .num, .navBookmark > a .num {
        top: 13px;
        right: 10px; }
  header.mini .bookmarkedFlightDropdown {
    top: 73px; }
    header.mini .bookmarkedFlightDropdown:before {
      right: 86px; }
  .bookmarkedFlightDropdown {
    top: 73px;
    width: 100vw;
    max-width: 500px; }
    .bookmarkedFlightDropdown:before {
      right: 86px; }
    .bookmarkedFlightDropdown.show {
      right: -65px; }
    .bookmarkedFlightDropdown .title {
      padding-left: 20px; }
    .bookmarkedFlightDropdown .bookmarkedFlights, .bookmarkedFlightDropdown .noBookmark {
      min-height: 200px; }
    .bookmarkedFlightDropdown .bookmarkedFlights {
      padding-top: 15px;
      padding-bottom: 50px; }
      .bookmarkedFlightDropdown .bookmarkedFlights .flightItem {
        padding-left: 20px;
        padding-right: 20px; }
        .bookmarkedFlightDropdown .bookmarkedFlights .flightItem a.btnDeleteFlight {
          right: 21px; }
        .bookmarkedFlightDropdown .bookmarkedFlights .flightItem dl.flightNo {
          width: 25%; }
        .bookmarkedFlightDropdown .bookmarkedFlights .flightItem .bookmarkedFlightInfo {
          width: 75%;
          padding-bottom: 0; }
          .bookmarkedFlightDropdown .bookmarkedFlights .flightItem .bookmarkedFlightInfo dl {
            padding-left: 15px;
            margin-bottom: 2px; }
      .bookmarkedFlightDropdown .bookmarkedFlights .slick-dots {
        bottom: 5px; } }

@media (max-width: 374px) {
  body:after {
    content: "mobile";
    display: none; }
  .bookmarkedFlightDropdown .bookmarkedFlights .flightItem dl.flightNo {
    width: 30%; }
  .bookmarkedFlightDropdown .bookmarkedFlights .flightItem .bookmarkedFlightInfo {
    width: 70%; } }

.no-touchevents .updateBar .updateInfo a:hover {
  color: #E80006; }

.no-touchevents .flightInfoTable .loadEarlierBox:hover {
  color: #FFF; }
  .no-touchevents .flightInfoTable .loadEarlierBox:hover:before {
    width: 100%; }

/* Flight Info table */
.flightTableDataContainer .specialAnnouncementContainer {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px; }

.updateBar {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
  overflow: hidden;
  /* height: 75px; */ }
  .updateBar .updateInfo {
    margin-right: 0px;
    margin-top: 0; }
    .updateBar .updateInfo a {
      position: relative;
      color: #000000;
      text-decoration: none;
      -webkit-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
      .updateBar .updateInfo a strong {
        font-weight: 400;
        text-decoration: underline; }
    .updateBar .updateInfo a.refresh {
      margin-right: 0px;
      display: inline-block; }

.tabContainer .tabItem.flightInfoTable, .flightInfoTable {
  position: relative;
  padding-top: 65px; }
  .tabContainer .tabItem.flightInfoTable .resultDataContainerBox, .flightInfoTable .resultDataContainerBox {
    min-height: 300px; }
    .tabContainer .tabItem.flightInfoTable .resultDataContainerBox:after, .flightInfoTable .resultDataContainerBox:after {
      content: '';
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url("../img/common/loader.gif") no-repeat center; }
    .tabContainer .tabItem.flightInfoTable .resultDataContainerBox.showLoading:after, .flightInfoTable .resultDataContainerBox.showLoading:after {
      display: block; }
  .tabContainer .tabItem.flightInfoTable .noResult, .flightInfoTable .noResult {
    min-height: 300px;
    text-align: center;
    padding-top: 130px; }
  .tabContainer .tabItem.flightInfoTable .contentNameBox, .flightInfoTable .contentNameBox {
    width: 100%;
    font-size: 1.4rem;
    line-height: 50px;
    font-weight: 400; }
    .tabContainer .tabItem.flightInfoTable .contentNameBox .leftContentBox, .flightInfoTable .contentNameBox .leftContentBox {
      width: 40%; }
      .tabContainer .tabItem.flightInfoTable .contentNameBox .leftContentBox td, .tabContainer .tabItem.flightInfoTable .contentNameBox .leftContentBox th, .flightInfoTable .contentNameBox .leftContentBox td, .flightInfoTable .contentNameBox .leftContentBox th {
        padding-left: 3%; }
    .tabContainer .tabItem.flightInfoTable .contentNameBox .rightContentBox, .flightInfoTable .contentNameBox .rightContentBox {
      width: 60%; }
    .tabContainer .tabItem.flightInfoTable .contentNameBox .leftContentBox table,
    .tabContainer .tabItem.flightInfoTable .contentNameBox .rightContentBox table, .flightInfoTable .contentNameBox .leftContentBox table,
    .flightInfoTable .contentNameBox .rightContentBox table {
      width: 100%; }
    .tabContainer .tabItem.flightInfoTable .contentNameBox .leftContentBox th, .tabContainer .tabItem.flightInfoTable .contentNameBox .leftContentBox td,
    .tabContainer .tabItem.flightInfoTable .contentNameBox .rightContentBox th,
    .tabContainer .tabItem.flightInfoTable .contentNameBox .rightContentBox td, .flightInfoTable .contentNameBox .leftContentBox th, .flightInfoTable .contentNameBox .leftContentBox td,
    .flightInfoTable .contentNameBox .rightContentBox th,
    .flightInfoTable .contentNameBox .rightContentBox td {
      vertical-align: middle;
      height: 65px;
      line-height: 140%; }
      .tabContainer .tabItem.flightInfoTable .contentNameBox .leftContentBox th.airlineBox, .tabContainer .tabItem.flightInfoTable .contentNameBox .leftContentBox td.airlineBox,
      .tabContainer .tabItem.flightInfoTable .contentNameBox .rightContentBox th.airlineBox,
      .tabContainer .tabItem.flightInfoTable .contentNameBox .rightContentBox td.airlineBox, .flightInfoTable .contentNameBox .leftContentBox th.airlineBox, .flightInfoTable .contentNameBox .leftContentBox td.airlineBox,
      .flightInfoTable .contentNameBox .rightContentBox th.airlineBox,
      .flightInfoTable .contentNameBox .rightContentBox td.airlineBox {
        padding-left: 6.1em; }
    .tabContainer .tabItem.flightInfoTable .contentNameBox .timeBox, .flightInfoTable .contentNameBox .timeBox {
      width: 20%; }
    .tabContainer .tabItem.flightInfoTable .contentNameBox .airlineBox, .flightInfoTable .contentNameBox .airlineBox {
      width: 48%; }
      @media (max-width: 1350px) {
        .tabContainer .tabItem.flightInfoTable .contentNameBox .airlineBox, .flightInfoTable .contentNameBox .airlineBox {
          width: 50%; } }
      @media (max-width: 1200px) {
        .tabContainer .tabItem.flightInfoTable .contentNameBox .airlineBox, .flightInfoTable .contentNameBox .airlineBox {
          width: 52%; } }
      @media (max-width: 1100px) {
        .tabContainer .tabItem.flightInfoTable .contentNameBox .airlineBox, .flightInfoTable .contentNameBox .airlineBox {
          width: 55%; } }
      @media (max-width: 992px) {
        .tabContainer .tabItem.flightInfoTable .contentNameBox .airlineBox, .flightInfoTable .contentNameBox .airlineBox {
          width: 56%; } }
    .tabContainer .tabItem.flightInfoTable .contentNameBox .flightBox, .flightInfoTable .contentNameBox .flightBox {
      width: 32%; }
      @media (max-width: 1350px) {
        .tabContainer .tabItem.flightInfoTable .contentNameBox .flightBox, .flightInfoTable .contentNameBox .flightBox {
          width: 30%; } }
      @media (max-width: 1200px) {
        .tabContainer .tabItem.flightInfoTable .contentNameBox .flightBox, .flightInfoTable .contentNameBox .flightBox {
          width: 28%; } }
      @media (max-width: 1100px) {
        .tabContainer .tabItem.flightInfoTable .contentNameBox .flightBox, .flightInfoTable .contentNameBox .flightBox {
          width: 25%; } }
      @media (max-width: 992px) {
        .tabContainer .tabItem.flightInfoTable .contentNameBox .flightBox, .flightInfoTable .contentNameBox .flightBox {
          width: 24%; } }
    .tabContainer .tabItem.flightInfoTable .contentNameBox .originBox, .flightInfoTable .contentNameBox .originBox {
      width: 25%; }
    .tabContainer .tabItem.flightInfoTable .contentNameBox .gateBox, .flightInfoTable .contentNameBox .gateBox {
      width: 16%; }
    .tabContainer .tabItem.flightInfoTable .contentNameBox .hallBox, .flightInfoTable .contentNameBox .hallBox {
      width: 14%; }
    .tabContainer .tabItem.flightInfoTable .contentNameBox .beltBox, .flightInfoTable .contentNameBox .beltBox {
      width: 14%; }
    .tabContainer .tabItem.flightInfoTable .contentNameBox .destBox, .flightInfoTable .contentNameBox .destBox {
      width: 22%; }
    .tabContainer .tabItem.flightInfoTable .contentNameBox .terminalBox, .flightInfoTable .contentNameBox .terminalBox {
      width: 12%; }
    .tabContainer .tabItem.flightInfoTable .contentNameBox .checkInBox, .flightInfoTable .contentNameBox .checkInBox {
      width: 12%; }
    .tabContainer .tabItem.flightInfoTable .contentNameBox .transferBox, .flightInfoTable .contentNameBox .transferBox {
      width: 13%;
      padding-right: 10px; }
  .tabContainer .tabItem.flightInfoTable .loadEarlierBox, .flightInfoTable .loadEarlierBox {
    min-width: 200px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    display: none;
    height: 54px;
    line-height: 54px;
    text-align: center;
    background-color: #01E1BF;
    color: #000000;
    text-decoration: none;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
    .tabContainer .tabItem.flightInfoTable .loadEarlierBox:before, .flightInfoTable .loadEarlierBox:before {
      content: '';
      width: 0;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: #3D51E4;
      overflow: hidden;
      -webkit-transition: width 0.2s ease-out;
      transition: width 0.2s ease-out; }
    .tabContainer .tabItem.flightInfoTable .loadEarlierBox span, .flightInfoTable .loadEarlierBox span {
      position: relative; }
  .tabContainer .tabItem.flightInfoTable .loadMore, .flightInfoTable .loadMore {
    display: none; }
  .tabContainer .tabItem.flightInfoTable .loadMoreBox, .flightInfoTable .loadMoreBox {
    width: 200px;
    display: block;
    margin: 30px auto;
    height: 54px;
    line-height: 54px;
    text-align: center;
    background: #01E1BF;
    color: #002633; }
  .tabContainer .tabItem.flightInfoTable .resultDataBox table, .flightInfoTable .resultDataBox table {
    width: 100%; }
  .tabContainer .tabItem.flightInfoTable .resultDataBox tr, .flightInfoTable .resultDataBox tr {
    margin: 10px 0px; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox tr.tableHeader, .flightInfoTable .resultDataBox tr.tableHeader {
      position: absolute;
      opacity: 0;
      height: 0;
      overflow: hidden; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox tr .noFlight, .flightInfoTable .resultDataBox tr .noFlight {
      text-align: center; }
  .tabContainer .tabItem.flightInfoTable .resultDataBox .data, .flightInfoTable .resultDataBox .data {
    background-color: #F2F2F2; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .data.even, .flightInfoTable .resultDataBox .data.even {
      background-color: #FBFBFB; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .data.cancelled .rightContentBox .statusData, .flightInfoTable .resultDataBox .data.cancelled .rightContentBox .statusData {
      color: #FF0000; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .data.cancelled .rightContentBox .bookmarkData .bookmarkBtn, .flightInfoTable .resultDataBox .data.cancelled .rightContentBox .bookmarkData .bookmarkBtn {
      display: none; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .data.bookmarkAdded .bookmarkBtn, .flightInfoTable .resultDataBox .data.bookmarkAdded .bookmarkBtn {
      color: #F25144; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .data.bookmarkAdded .rightContentBox .bookmarkData .bookmarkBtn, .flightInfoTable .resultDataBox .data.bookmarkAdded .rightContentBox .bookmarkData .bookmarkBtn {
      color: #F25144; }
  .tabContainer .tabItem.flightInfoTable .resultDataBox .displayDate td, .flightInfoTable .resultDataBox .displayDate td {
    background-color: #CCC;
    padding: 17px 0px 9px 15px;
    line-height: 40px;
    height: 74px; }
  .tabContainer .tabItem.flightInfoTable .resultDataBox .contentBox, .flightInfoTable .resultDataBox .contentBox {
    width: 100%; }
  .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox, .flightInfoTable .resultDataBox .leftContentBox {
    position: relative;
    width: 40%;
    padding: 17px 0px 9px 0px; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox td, .flightInfoTable .resultDataBox .leftContentBox td {
      padding-left: 3%;
      line-height: 40px; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox .timeData, .flightInfoTable .resultDataBox .leftContentBox .timeData {
      width: 12%; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox .airlineData, .flightInfoTable .resultDataBox .leftContentBox .airlineData {
      width: 48%; }
      .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox .airlineData .icon img, .flightInfoTable .resultDataBox .leftContentBox .airlineData .icon img {
        width: 50px;
        display: block;
        position: absolute;
        top: 0px;
        left: 0px; }
      .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox .airlineData li, .flightInfoTable .resultDataBox .leftContentBox .airlineData li {
        position: relative;
        min-height: 48px; }
      .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox .airlineData span, .flightInfoTable .resultDataBox .leftContentBox .airlineData span {
        margin-left: 70px;
        margin-right: 20px;
        display: inline-block;
        line-height: 140%;
        width: 40%;
        vertical-align: top;
        padding-top: 7px; }
        .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox .airlineData span.flightNo, .flightInfoTable .resultDataBox .leftContentBox .airlineData span.flightNo {
          width: 25%;
          margin-left: 0;
          margin-right: 0; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox .flightData, .flightInfoTable .resultDataBox .leftContentBox .flightData {
      width: 32%; }
      .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox .flightData li, .flightInfoTable .resultDataBox .leftContentBox .flightData li {
        height: 48px; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox .bookmarkBtn, .flightInfoTable .resultDataBox .leftContentBox .bookmarkBtn {
      display: none; }
  .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox, .flightInfoTable .resultDataBox .rightContentBox {
    width: 60%;
    padding: 22px 0 4px 0; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox a, .flightInfoTable .resultDataBox .rightContentBox a {
      color: #000000;
      text-decoration: underline;
      -webkit-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox a:hover, .flightInfoTable .resultDataBox .rightContentBox a:hover {
        color: #E80006; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .timeData, .flightInfoTable .resultDataBox .rightContentBox .timeData {
      width: 0%;
      display: none; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .originData, .flightInfoTable .resultDataBox .rightContentBox .originData {
      width: 25%; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .gateData, .flightInfoTable .resultDataBox .rightContentBox .gateData {
      width: 16%; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .parkingData, .flightInfoTable .resultDataBox .rightContentBox .parkingData {
      width: 16%; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .hallData, .flightInfoTable .resultDataBox .rightContentBox .hallData {
      width: 14%; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .beltData, .flightInfoTable .resultDataBox .rightContentBox .beltData {
      width: 14%; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .destData, .flightInfoTable .resultDataBox .rightContentBox .destData {
      width: 22%; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .terminalData, .flightInfoTable .resultDataBox .rightContentBox .terminalData {
      width: 12%; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .checkInData, .flightInfoTable .resultDataBox .rightContentBox .checkInData {
      width: 12%; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .transferData, .flightInfoTable .resultDataBox .rightContentBox .transferData {
      width: 13%; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .originData ul,
    .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .destData ul, .flightInfoTable .resultDataBox .rightContentBox .originData ul,
    .flightInfoTable .resultDataBox .rightContentBox .destData ul {
      padding-right: 10px; }
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .originData ul li,
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .destData ul li, .flightInfoTable .resultDataBox .rightContentBox .originData ul li,
      .flightInfoTable .resultDataBox .rightContentBox .destData ul li {
        height: 48px; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .checkInData,
    .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .transferData,
    .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .gateData,
    .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .hallData,
    .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .beltData, .flightInfoTable .resultDataBox .rightContentBox .checkInData,
    .flightInfoTable .resultDataBox .rightContentBox .transferData,
    .flightInfoTable .resultDataBox .rightContentBox .gateData,
    .flightInfoTable .resultDataBox .rightContentBox .hallData,
    .flightInfoTable .resultDataBox .rightContentBox .beltData {
      position: relative; }
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .checkInData a, .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .checkInData .icon-marker-flightinfo,
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .transferData a,
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .transferData .icon-marker-flightinfo,
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .gateData a,
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .gateData .icon-marker-flightinfo,
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .hallData a,
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .hallData .icon-marker-flightinfo,
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .beltData a,
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .beltData .icon-marker-flightinfo, .flightInfoTable .resultDataBox .rightContentBox .checkInData a, .flightInfoTable .resultDataBox .rightContentBox .checkInData .icon-marker-flightinfo,
      .flightInfoTable .resultDataBox .rightContentBox .transferData a,
      .flightInfoTable .resultDataBox .rightContentBox .transferData .icon-marker-flightinfo,
      .flightInfoTable .resultDataBox .rightContentBox .gateData a,
      .flightInfoTable .resultDataBox .rightContentBox .gateData .icon-marker-flightinfo,
      .flightInfoTable .resultDataBox .rightContentBox .hallData a,
      .flightInfoTable .resultDataBox .rightContentBox .hallData .icon-marker-flightinfo,
      .flightInfoTable .resultDataBox .rightContentBox .beltData a,
      .flightInfoTable .resultDataBox .rightContentBox .beltData .icon-marker-flightinfo {
        display: inline-block;
        position: relative;
        text-decoration: none;
        vertical-align: top; }
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .checkInData a::before, .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .checkInData .icon-marker-flightinfo::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .transferData a::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .transferData .icon-marker-flightinfo::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .gateData a::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .gateData .icon-marker-flightinfo::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .hallData a::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .hallData .icon-marker-flightinfo::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .beltData a::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .beltData .icon-marker-flightinfo::before, .flightInfoTable .resultDataBox .rightContentBox .checkInData a::before, .flightInfoTable .resultDataBox .rightContentBox .checkInData .icon-marker-flightinfo::before,
        .flightInfoTable .resultDataBox .rightContentBox .transferData a::before,
        .flightInfoTable .resultDataBox .rightContentBox .transferData .icon-marker-flightinfo::before,
        .flightInfoTable .resultDataBox .rightContentBox .gateData a::before,
        .flightInfoTable .resultDataBox .rightContentBox .gateData .icon-marker-flightinfo::before,
        .flightInfoTable .resultDataBox .rightContentBox .hallData a::before,
        .flightInfoTable .resultDataBox .rightContentBox .hallData .icon-marker-flightinfo::before,
        .flightInfoTable .resultDataBox .rightContentBox .beltData a::before,
        .flightInfoTable .resultDataBox .rightContentBox .beltData .icon-marker-flightinfo::before {
          position: absolute;
          top: 50%;
          left: 0px;
          -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
          font-size: 21px;
          color: #7D8F97; }
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .checkInData a span, .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .checkInData .icon-marker-flightinfo span,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .transferData a span,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .transferData .icon-marker-flightinfo span,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .gateData a span,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .gateData .icon-marker-flightinfo span,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .hallData a span,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .hallData .icon-marker-flightinfo span,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .beltData a span,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .beltData .icon-marker-flightinfo span, .flightInfoTable .resultDataBox .rightContentBox .checkInData a span, .flightInfoTable .resultDataBox .rightContentBox .checkInData .icon-marker-flightinfo span,
        .flightInfoTable .resultDataBox .rightContentBox .transferData a span,
        .flightInfoTable .resultDataBox .rightContentBox .transferData .icon-marker-flightinfo span,
        .flightInfoTable .resultDataBox .rightContentBox .gateData a span,
        .flightInfoTable .resultDataBox .rightContentBox .gateData .icon-marker-flightinfo span,
        .flightInfoTable .resultDataBox .rightContentBox .hallData a span,
        .flightInfoTable .resultDataBox .rightContentBox .hallData .icon-marker-flightinfo span,
        .flightInfoTable .resultDataBox .rightContentBox .beltData a span,
        .flightInfoTable .resultDataBox .rightContentBox .beltData .icon-marker-flightinfo span {
          margin-left: 25px;
          text-decoration: underline;
          vertical-align: top; }
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .checkInData .icon-marker-flightinfo + .icon-marker-flightinfo:before,
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .transferData .icon-marker-flightinfo + .icon-marker-flightinfo:before,
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .gateData .icon-marker-flightinfo + .icon-marker-flightinfo:before,
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .hallData .icon-marker-flightinfo + .icon-marker-flightinfo:before,
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .beltData .icon-marker-flightinfo + .icon-marker-flightinfo:before, .flightInfoTable .resultDataBox .rightContentBox .checkInData .icon-marker-flightinfo + .icon-marker-flightinfo:before,
      .flightInfoTable .resultDataBox .rightContentBox .transferData .icon-marker-flightinfo + .icon-marker-flightinfo:before,
      .flightInfoTable .resultDataBox .rightContentBox .gateData .icon-marker-flightinfo + .icon-marker-flightinfo:before,
      .flightInfoTable .resultDataBox .rightContentBox .hallData .icon-marker-flightinfo + .icon-marker-flightinfo:before,
      .flightInfoTable .resultDataBox .rightContentBox .beltData .icon-marker-flightinfo + .icon-marker-flightinfo:before {
        content: "/";
        font-size: 1.8rem;
        font-family: "Roboto Condensed", Arial, sans-serif, Verdana, Helvetica;
        color: #000;
        position: static;
        margin-left: 5px;
        margin-right: 5px;
        line-height: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); }
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .checkInData .icon-marker-flightinfo + .icon-marker-flightinfo span,
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .transferData .icon-marker-flightinfo + .icon-marker-flightinfo span,
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .gateData .icon-marker-flightinfo + .icon-marker-flightinfo span,
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .hallData .icon-marker-flightinfo + .icon-marker-flightinfo span,
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .beltData .icon-marker-flightinfo + .icon-marker-flightinfo span, .flightInfoTable .resultDataBox .rightContentBox .checkInData .icon-marker-flightinfo + .icon-marker-flightinfo span,
      .flightInfoTable .resultDataBox .rightContentBox .transferData .icon-marker-flightinfo + .icon-marker-flightinfo span,
      .flightInfoTable .resultDataBox .rightContentBox .gateData .icon-marker-flightinfo + .icon-marker-flightinfo span,
      .flightInfoTable .resultDataBox .rightContentBox .hallData .icon-marker-flightinfo + .icon-marker-flightinfo span,
      .flightInfoTable .resultDataBox .rightContentBox .beltData .icon-marker-flightinfo + .icon-marker-flightinfo span {
        margin-left: 0; }
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .checkInData div.icon-marker-flightinfo span,
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .transferData div.icon-marker-flightinfo span,
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .gateData div.icon-marker-flightinfo span,
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .hallData div.icon-marker-flightinfo span,
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .beltData div.icon-marker-flightinfo span, .flightInfoTable .resultDataBox .rightContentBox .checkInData div.icon-marker-flightinfo span,
      .flightInfoTable .resultDataBox .rightContentBox .transferData div.icon-marker-flightinfo span,
      .flightInfoTable .resultDataBox .rightContentBox .gateData div.icon-marker-flightinfo span,
      .flightInfoTable .resultDataBox .rightContentBox .hallData div.icon-marker-flightinfo span,
      .flightInfoTable .resultDataBox .rightContentBox .beltData div.icon-marker-flightinfo span {
        text-decoration: none; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .statusData, .flightInfoTable .resultDataBox .rightContentBox .statusData {
      padding-bottom: 18px;
      /* width: 20%; */ }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .statusData.cancelled, .flightInfoTable .resultDataBox .rightContentBox .statusData.cancelled {
      color: red; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .bookmarkData, .flightInfoTable .resultDataBox .rightContentBox .bookmarkData {
      width: 7%;
      text-align: center;
      padding-top: 3px; }
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .bookmarkData .bookmarkBtn, .flightInfoTable .resultDataBox .rightContentBox .bookmarkData .bookmarkBtn {
        overflow: hidden;
        background-position: 0 0;
        display: block;
        margin: 0 auto;
        position: relative;
        text-decoration: none;
        color: #7D8F97;
        font-size: 24px;
        margin-top: -7px;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .bookmarkData .bookmarkBtn:hover, .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .bookmarkData .bookmarkBtn.selected, .flightInfoTable .resultDataBox .rightContentBox .bookmarkData .bookmarkBtn:hover, .flightInfoTable .resultDataBox .rightContentBox .bookmarkData .bookmarkBtn.selected {
          color: #F25144; }
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .bookmarkData .bookmarkBtn.disabled, .flightInfoTable .resultDataBox .rightContentBox .bookmarkData .bookmarkBtn.disabled {
          opacity: 0.3;
          cursor: default; }
          .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .bookmarkData .bookmarkBtn.disabled:hover, .flightInfoTable .resultDataBox .rightContentBox .bookmarkData .bookmarkBtn.disabled:hover {
            color: #7D8F97; }
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .bookmarkData .bookmarkBtn span, .flightInfoTable .resultDataBox .rightContentBox .bookmarkData .bookmarkBtn span {
          font-size: 0; }
  .tabContainer .tabItem.flightInfoTable.cargoTable .leftContentBox, .flightInfoTable.cargoTable .leftContentBox {
    width: 55.2%; }
  .tabContainer .tabItem.flightInfoTable.cargoTable .rightContentBox, .flightInfoTable.cargoTable .rightContentBox {
    width: 44.8%; }
  .tabContainer .tabItem.flightInfoTable.cargoTable .contentNameBox .timeBox, .flightInfoTable.cargoTable .contentNameBox .timeBox {
    width: 20%; }
  .tabContainer .tabItem.flightInfoTable.cargoTable .contentNameBox td.airlineBox, .flightInfoTable.cargoTable .contentNameBox td.airlineBox {
    width: 36%;
    padding-left: 5.2em; }
  .tabContainer .tabItem.flightInfoTable.cargoTable .contentNameBox .flightBox, .flightInfoTable.cargoTable .contentNameBox .flightBox {
    width: 32%; }
  .tabContainer .tabItem.flightInfoTable.cargoTable .contentNameBox .originBox, .flightInfoTable.cargoTable .contentNameBox .originBox {
    width: 45%; }
  .tabContainer .tabItem.flightInfoTable.cargoTable .contentNameBox .destBox, .flightInfoTable.cargoTable .contentNameBox .destBox {
    width: 45%; }
  .tabContainer .tabItem.flightInfoTable.cargoTable .contentNameBox .leftContentBox th.airlineBox, .flightInfoTable.cargoTable .contentNameBox .leftContentBox th.airlineBox {
    padding-left: 5.2rem;
    width: 36%; }
  .tabContainer .tabItem.flightInfoTable.cargoTable .resultDataBox .leftContentBox, .flightInfoTable.cargoTable .resultDataBox .leftContentBox {
    width: 55.2%; }
  .tabContainer .tabItem.flightInfoTable.cargoTable .resultDataBox .rightContentBox, .flightInfoTable.cargoTable .resultDataBox .rightContentBox {
    width: 44.8%; }
    .tabContainer .tabItem.flightInfoTable.cargoTable .resultDataBox .rightContentBox .destData, .flightInfoTable.cargoTable .resultDataBox .rightContentBox .destData {
      width: 45%; }
    .tabContainer .tabItem.flightInfoTable.cargoTable .resultDataBox .rightContentBox .bookmarkData, .flightInfoTable.cargoTable .resultDataBox .rightContentBox .bookmarkData {
      width: 9.3%; }

/* End of Flight Info table */
@media (max-width: 1024px) {
  .flightTableDataContainer .specialAnnouncementContainer {
    padding-left: 40px;
    padding-right: 40px; }
  .updateBar {
    padding-left: 40px;
    padding-right: 40px; } }

@media (max-width: 991px) {
  body:after {
    content: "tablet portrait";
    display: none; }
  .flightTableDataContainer .specialAnnouncementContainer {
    padding-left: 20px;
    padding-right: 20px; }
  .updateBar {
    padding-left: 20px;
    padding-right: 20px; }
    .updateBar + .configBox {
      margin-top: 20px; }
  /* Flight Info table */
  .tabContainer .tabItem.flightInfoTable, .flightInfoTable {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0; }
    .tabContainer .tabItem.flightInfoTable .fixTableHeader, .flightInfoTable .fixTableHeader {
      display: none; }
    .tabContainer .tabItem.flightInfoTable .contentNameBox, .flightInfoTable .contentNameBox {
      display: none; }
    .tabContainer .tabItem.flightInfoTable .loadEarlierBox, .flightInfoTable .loadEarlierBox {
      margin-top: 20px;
      height: 50px;
      line-height: 50px; }
    .tabContainer .tabItem.flightInfoTable .resultDataBox, .flightInfoTable .resultDataBox {
      width: 100%; }
      .tabContainer .tabItem.flightInfoTable .resultDataBox.ani, .flightInfoTable .resultDataBox.ani {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1; }
      .tabContainer .tabItem.flightInfoTable .resultDataBox tr.tableHeader, .flightInfoTable .resultDataBox tr.tableHeader {
        display: none; }
      .tabContainer .tabItem.flightInfoTable .resultDataBox .displayDate td, .flightInfoTable .resultDataBox .displayDate td {
        padding: 0 0px 0 10px;
        line-height: 50px;
        height: 50px;
        border-top: 15px #FFF solid;
        border-bottom: 15px #FFF solid; }
      .tabContainer .tabItem.flightInfoTable .resultDataBox .contentBox, .flightInfoTable .resultDataBox .contentBox {
        width: 100%; }
      .tabContainer .tabItem.flightInfoTable .resultDataBox .spacer, .flightInfoTable .resultDataBox .spacer {
        width: 100%;
        height: 10px;
        margin: 10px 0px; }
      .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox, .flightInfoTable .resultDataBox .leftContentBox {
        width: 27%;
        padding-left: 20px; }
        .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox .timeData, .flightInfoTable .resultDataBox .leftContentBox .timeData {
          width: 0%;
          display: none; }
        .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox .airlineData, .flightInfoTable .resultDataBox .leftContentBox .airlineData {
          width: 20%;
          min-width: 45px;
          padding-left: 0; }
          .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox .airlineData span, .flightInfoTable .resultDataBox .leftContentBox .airlineData span {
            display: none; }
            .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox .airlineData span.flightNo, .flightInfoTable .resultDataBox .leftContentBox .airlineData span.flightNo {
              display: inline-block;
              margin-left: 60px;
              width: 45%; }
          .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox .airlineData ul, .flightInfoTable .resultDataBox .leftContentBox .airlineData ul {
            padding-bottom: 10px; }
          .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox .airlineData li, .flightInfoTable .resultDataBox .leftContentBox .airlineData li {
            height: auto; }
        .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox .flightData, .flightInfoTable .resultDataBox .leftContentBox .flightData {
          width: 80%; }
          .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox .flightData li, .flightInfoTable .resultDataBox .leftContentBox .flightData li {
            height: auto; }
        .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox .bookmarkBtn, .flightInfoTable .resultDataBox .leftContentBox .bookmarkBtn {
          overflow: hidden;
          background-position: 0 0;
          display: block;
          margin: 0 auto;
          bottom: 25px;
          left: 5%;
          text-decoration: none;
          color: #7D8F97;
          font-size: 24px;
          -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out; }
          .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox .bookmarkBtn.selected, .flightInfoTable .resultDataBox .leftContentBox .bookmarkBtn.selected {
            color: #F25144; }
          .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox .bookmarkBtn.disabled, .flightInfoTable .resultDataBox .leftContentBox .bookmarkBtn.disabled {
            opacity: 0.3;
            cursor: default; }
          .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox .bookmarkBtn span, .flightInfoTable .resultDataBox .leftContentBox .bookmarkBtn span {
            font-size: 0; }
      .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox, .flightInfoTable .resultDataBox .rightContentBox {
        width: 57%;
        padding-right: 6%;
        padding-bottom: 22px; }
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox td, .flightInfoTable .resultDataBox .rightContentBox td {
          text-align: right;
          border-left: 1px solid #DCDCDC;
          position: relative; }
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .originData ul,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .destData ul, .flightInfoTable .resultDataBox .rightContentBox .originData ul,
        .flightInfoTable .resultDataBox .rightContentBox .destData ul {
          padding-right: 0; }
          .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .originData ul li,
          .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .destData ul li, .flightInfoTable .resultDataBox .rightContentBox .originData ul li,
          .flightInfoTable .resultDataBox .rightContentBox .destData ul li {
            height: auto; }
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .timeData,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .originData,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .gateData,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .parkingData,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .hallData,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .beltData,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .statusData,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .destData,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .terminalData,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .checkInData,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .transferData,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .bookmarkData, .flightInfoTable .resultDataBox .rightContentBox .timeData,
        .flightInfoTable .resultDataBox .rightContentBox .originData,
        .flightInfoTable .resultDataBox .rightContentBox .gateData,
        .flightInfoTable .resultDataBox .rightContentBox .parkingData,
        .flightInfoTable .resultDataBox .rightContentBox .hallData,
        .flightInfoTable .resultDataBox .rightContentBox .beltData,
        .flightInfoTable .resultDataBox .rightContentBox .statusData,
        .flightInfoTable .resultDataBox .rightContentBox .destData,
        .flightInfoTable .resultDataBox .rightContentBox .terminalData,
        .flightInfoTable .resultDataBox .rightContentBox .checkInData,
        .flightInfoTable .resultDataBox .rightContentBox .transferData,
        .flightInfoTable .resultDataBox .rightContentBox .bookmarkData {
          font-weight: 400; }
          .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .timeData::before,
          .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .originData::before,
          .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .gateData::before,
          .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .parkingData::before,
          .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .hallData::before,
          .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .beltData::before,
          .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .statusData::before,
          .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .destData::before,
          .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .terminalData::before,
          .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .checkInData::before,
          .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .transferData::before,
          .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .bookmarkData::before, .flightInfoTable .resultDataBox .rightContentBox .timeData::before,
          .flightInfoTable .resultDataBox .rightContentBox .originData::before,
          .flightInfoTable .resultDataBox .rightContentBox .gateData::before,
          .flightInfoTable .resultDataBox .rightContentBox .parkingData::before,
          .flightInfoTable .resultDataBox .rightContentBox .hallData::before,
          .flightInfoTable .resultDataBox .rightContentBox .beltData::before,
          .flightInfoTable .resultDataBox .rightContentBox .statusData::before,
          .flightInfoTable .resultDataBox .rightContentBox .destData::before,
          .flightInfoTable .resultDataBox .rightContentBox .terminalData::before,
          .flightInfoTable .resultDataBox .rightContentBox .checkInData::before,
          .flightInfoTable .resultDataBox .rightContentBox .transferData::before,
          .flightInfoTable .resultDataBox .rightContentBox .bookmarkData::before {
            content: attr(data-text);
            display: block;
            position: absolute;
            left: 20px;
            font-weight: 300; }
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .timeData,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .originData,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .gateData,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .parkingData,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .hallData,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .beltData,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .statusData,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .destData,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .terminalData,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .checkInData,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .transferData, .flightInfoTable .resultDataBox .rightContentBox .timeData,
        .flightInfoTable .resultDataBox .rightContentBox .originData,
        .flightInfoTable .resultDataBox .rightContentBox .gateData,
        .flightInfoTable .resultDataBox .rightContentBox .parkingData,
        .flightInfoTable .resultDataBox .rightContentBox .hallData,
        .flightInfoTable .resultDataBox .rightContentBox .beltData,
        .flightInfoTable .resultDataBox .rightContentBox .statusData,
        .flightInfoTable .resultDataBox .rightContentBox .destData,
        .flightInfoTable .resultDataBox .rightContentBox .terminalData,
        .flightInfoTable .resultDataBox .rightContentBox .checkInData,
        .flightInfoTable .resultDataBox .rightContentBox .transferData {
          width: 100%;
          display: block;
          padding-bottom: 6px;
          float: left; }
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .bookmarkData, .flightInfoTable .resultDataBox .rightContentBox .bookmarkData {
          width: 0%;
          display: none; }
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .terminalData::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .checkInData::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .transferData::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .gateData::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .parkingData::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .hallData::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .beltData::before, .flightInfoTable .resultDataBox .rightContentBox .terminalData::before,
        .flightInfoTable .resultDataBox .rightContentBox .checkInData::before,
        .flightInfoTable .resultDataBox .rightContentBox .transferData::before,
        .flightInfoTable .resultDataBox .rightContentBox .gateData::before,
        .flightInfoTable .resultDataBox .rightContentBox .parkingData::before,
        .flightInfoTable .resultDataBox .rightContentBox .hallData::before,
        .flightInfoTable .resultDataBox .rightContentBox .beltData::before {
          background-image: none; }
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .terminalData a::before, .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .terminalData .icon-marker-flightinfo::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .checkInData a::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .checkInData .icon-marker-flightinfo::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .transferData a::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .transferData .icon-marker-flightinfo::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .gateData a::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .gateData .icon-marker-flightinfo::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .parkingData a::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .parkingData .icon-marker-flightinfo::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .hallData a::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .hallData .icon-marker-flightinfo::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .beltData a::before,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .beltData .icon-marker-flightinfo::before, .flightInfoTable .resultDataBox .rightContentBox .terminalData a::before, .flightInfoTable .resultDataBox .rightContentBox .terminalData .icon-marker-flightinfo::before,
        .flightInfoTable .resultDataBox .rightContentBox .checkInData a::before,
        .flightInfoTable .resultDataBox .rightContentBox .checkInData .icon-marker-flightinfo::before,
        .flightInfoTable .resultDataBox .rightContentBox .transferData a::before,
        .flightInfoTable .resultDataBox .rightContentBox .transferData .icon-marker-flightinfo::before,
        .flightInfoTable .resultDataBox .rightContentBox .gateData a::before,
        .flightInfoTable .resultDataBox .rightContentBox .gateData .icon-marker-flightinfo::before,
        .flightInfoTable .resultDataBox .rightContentBox .parkingData a::before,
        .flightInfoTable .resultDataBox .rightContentBox .parkingData .icon-marker-flightinfo::before,
        .flightInfoTable .resultDataBox .rightContentBox .hallData a::before,
        .flightInfoTable .resultDataBox .rightContentBox .hallData .icon-marker-flightinfo::before,
        .flightInfoTable .resultDataBox .rightContentBox .beltData a::before,
        .flightInfoTable .resultDataBox .rightContentBox .beltData .icon-marker-flightinfo::before {
          left: -4px;
          font-size: 15px; }
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .terminalData a span, .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .terminalData .icon-marker-flightinfo span,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .checkInData a span,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .checkInData .icon-marker-flightinfo span,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .transferData a span,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .transferData .icon-marker-flightinfo span,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .gateData a span,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .gateData .icon-marker-flightinfo span,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .parkingData a span,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .parkingData .icon-marker-flightinfo span,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .hallData a span,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .hallData .icon-marker-flightinfo span,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .beltData a span,
        .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox .beltData .icon-marker-flightinfo span, .flightInfoTable .resultDataBox .rightContentBox .terminalData a span, .flightInfoTable .resultDataBox .rightContentBox .terminalData .icon-marker-flightinfo span,
        .flightInfoTable .resultDataBox .rightContentBox .checkInData a span,
        .flightInfoTable .resultDataBox .rightContentBox .checkInData .icon-marker-flightinfo span,
        .flightInfoTable .resultDataBox .rightContentBox .transferData a span,
        .flightInfoTable .resultDataBox .rightContentBox .transferData .icon-marker-flightinfo span,
        .flightInfoTable .resultDataBox .rightContentBox .gateData a span,
        .flightInfoTable .resultDataBox .rightContentBox .gateData .icon-marker-flightinfo span,
        .flightInfoTable .resultDataBox .rightContentBox .parkingData a span,
        .flightInfoTable .resultDataBox .rightContentBox .parkingData .icon-marker-flightinfo span,
        .flightInfoTable .resultDataBox .rightContentBox .hallData a span,
        .flightInfoTable .resultDataBox .rightContentBox .hallData .icon-marker-flightinfo span,
        .flightInfoTable .resultDataBox .rightContentBox .beltData a span,
        .flightInfoTable .resultDataBox .rightContentBox .beltData .icon-marker-flightinfo span {
          margin-left: 15px; }
    .tabContainer .tabItem.flightInfoTable.cargoTable .resultDataBox .leftContentBox, .flightInfoTable.cargoTable .resultDataBox .leftContentBox {
      width: 27%; }
    .tabContainer .tabItem.flightInfoTable.cargoTable .resultDataBox .rightContentBox, .flightInfoTable.cargoTable .resultDataBox .rightContentBox {
      width: 57%; }
      .tabContainer .tabItem.flightInfoTable.cargoTable .resultDataBox .rightContentBox .destData, .flightInfoTable.cargoTable .resultDataBox .rightContentBox .destData {
        width: 100%; }
  /* End of Flight Info table */ }

@media (max-width: 600px) {
  body:after {
    content: "mobile";
    display: none; }
  .flightInfoTable .resultDataBox .leftContentBox .flightData li {
    margin-left: 10px; }
  .flightInfoTable {
    padding: 0; } }

@media (max-width: 500px) {
  body:after {
    content: "mobile";
    display: none; }
  .flightInfoTable .resultDataBox .leftContentBox .flightData li {
    margin-left: 0px; }
  .flightInfoTable .loadEarlierBox {
    max-width: 200px; }
  .flightInfoTable .resultDataBox .data {
    font-size: 1.4rem; }
  .flightInfoTable .resultDataBox .leftContentBox {
    width: 35%;
    padding-left: 3%; }
    .flightInfoTable .resultDataBox .leftContentBox .flightData {
      padding-left: 12%; }
  .flightInfoTable .resultDataBox .rightContentBox {
    width: 52%; }
    .flightInfoTable .resultDataBox .rightContentBox .destData ul {
      padding-left: 100px; }
    .flightInfoTable .resultDataBox .rightContentBox .statusData {
      padding-left: 80px; }
  .flightInfoTable.cargoTable .resultDataBox .leftContentBox {
    width: 30%; }
  .tabContainer .tabItem.flightInfoTable .resultDataBox .leftContentBox, .flightInfoTable .resultDataBox .leftContentBox {
    width: 35%;
    padding-left: 3%; }
  .tabContainer .tabItem.flightInfoTable .resultDataBox .rightContentBox, .flightInfoTable .resultDataBox .rightContentBox {
    width: 52%; } }

.formsContainer.historicalForm {
  min-height: 300px; }
  .formsContainer.historicalForm.submitted {
    min-height: 0; }
  .formsContainer.historicalForm input[type=text], .formsContainer.historicalForm .ui-selectmenu-button.ui-button {
    border-color: #BBB; }
  .formsContainer.historicalForm button.btnCTA {
    line-height: 54px; }
  .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .checkInData a,
  .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .checkInData .icon-marker-flightinfo,
  .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .transferData a,
  .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .transferData .icon-marker-flightinfo,
  .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .gateData a,
  .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .gateData .icon-marker-flightinfo,
  .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .parkingData a,
  .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .parkingData .icon-marker-flightinfo,
  .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .hallData a,
  .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .hallData .icon-marker-flightinfo,
  .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .beltData a,
  .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .beltData .icon-marker-flightinfo {
    pointer-events: none; }
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .checkInData a:before,
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .checkInData .icon-marker-flightinfo:before,
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .transferData a:before,
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .transferData .icon-marker-flightinfo:before,
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .gateData a:before,
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .gateData .icon-marker-flightinfo:before,
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .parkingData a:before,
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .parkingData .icon-marker-flightinfo:before,
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .hallData a:before,
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .hallData .icon-marker-flightinfo:before,
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .beltData a:before,
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .beltData .icon-marker-flightinfo:before {
      pointer-events: none !important; }
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .checkInData a span,
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .checkInData .icon-marker-flightinfo span,
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .transferData a span,
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .transferData .icon-marker-flightinfo span,
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .gateData a span,
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .gateData .icon-marker-flightinfo span,
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .parkingData a span,
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .parkingData .icon-marker-flightinfo span,
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .hallData a span,
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .hallData .icon-marker-flightinfo span,
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .beltData a span,
    .formsContainer.historicalForm + .resultTable .flightInfoTable .resultDataBox .rightContentBox .beltData .icon-marker-flightinfo span {
      text-decoration: none; }

.resultTable {
  display: none;
  margin-top: 40px;
  padding-top: 45px;
  border-top: #E5E5E5 1px solid; }
  .resultTable .noResult {
    display: none; }
  .resultTable .flightInfoTable {
    padding-top: 0; }
    .resultTable .flightInfoTable .flightType {
      margin-bottom: 50px; }
    .resultTable .flightInfoTable .resultDataContainerBox {
      min-height: 0; }
    .resultTable .flightInfoTable .flightInfoTableResult {
      position: relative;
      padding-top: 65px; }
  .resultTable .fixTableHeader.fixed .flightTableHeader {
    padding-left: 80px;
    padding-right: 80px; }
  .resultTable .fixTableHeader .flightTableHeader {
    padding-left: 0;
    padding-right: 0; }

.flightHeader {
  background-color: #2D4059;
  color: #FFF;
  padding-left: 1.2%;
  height: 65px;
  line-height: 65px; }

@media (max-width: 1024px) {
  .configBox {
    padding-left: 40px;
    padding-right: 40px; }
  .resultTable .fixTableHeader.fixed .flightTableHeader {
    padding-left: 40px;
    padding-right: 40px; } }

@media (max-width: 991px) {
  body:after {
    content: "tablet portrait";
    display: none; }
  .configBox {
    padding-left: 20px;
    padding-right: 20px; }
  .formsContainer.historicalForm {
    min-height: 410px; }
    .formsContainer.historicalForm button.btnCTA {
      width: 47%;
      min-width: 0; }
  .resultTable .flightInfoTable .flightInfoTableResult {
    padding-top: 0; } }

/* Small Facilites Icon */
.icon {
  /* Helpful Icons */
  /* Family Assistance */
  /* Rest and Lounges */
  /* Passenger Assistance */
  /* Baggage */
  /* Phones, Internet and Charging Facilities */
  /* Business Services */
  /* Special Assistance */
  /* Special Needs Access */
  /* End of Helpful Icons */ }
  .icon.HMS:before {
    background-image: url("../img/common/icon/facilities/small/health-services.png"); }
  .icon.PRC:before {
    background-image: url("../img/common/icon/facilities/small/police-reporting-centres.png"); }
  .icon.BSR:before {
    background-image: url("../img/common/icon/facilities/small/baby-stroller-rental.png"); }
  .icon.CTVL:before {
    background-image: url("../img/common/icon/facilities/small/children-play-areas.png"); }
  .icon.NR:before {
    background-image: url("../img/common/icon/facilities/small/nursing-room.png"); }
  .icon.RL:before {
    background-image: url("../img/common/icon/facilities/small/resting-lounge.png"); }
  .icon.RC:before {
    background-image: url("../img/common/icon/facilities/small/relaxation-corner.png"); }
  .icon.PPL:before {
    background-image: url("../img/common/icon/facilities/small/pay-in-lounges.png"); }
  .icon.SF:before {
    background-image: url("../img/common/icon/facilities/small/shower-facilities.png"); }
  .icon.AL:before {
    background-image: url("../img/common/icon/facilities/small/airline-lounges.png"); }
  .icon.AA:before {
    background-image: url("../img/common/icon/facilities/small/airport-ambassador.png"); }
  .icon.APM:before {
    background-image: url("../img/common/icon/facilities/small/automated-people-mover.png"); }
  .icon.EV:before {
    background-image: url("../img/common/icon/facilities/small/electric-vehicles.png"); }
  .icon.FVC:before {
    background-image: url("../img/common/icon/facilities/small/e-channel.png"); }
  .icon.HTB:before {
    background-image: url("../img/common/icon/facilities/small/hktb.png"); }
  .icon.HTAC:before {
    background-image: url("../img/common/icon/facilities/small/hotel-travel-agent-counters.png"); }
  .icon.CSHK:before {
    background-image: url("../img/common/icon/facilities/small/china-travel-service.png"); }
  .icon.CCH:before {
    background-image: url("../img/common/icon/facilities/small/courtesy-channel.png"); }
  .icon.ACS:before {
    background-image: url("../img/common/icon/facilities/small/airport-courier-service.png"); }
  .icon.CSC:before {
    background-image: url("../img/common/icon/facilities/small/customer-services.png"); }
  .icon.MTO:before {
    background-image: url("../img/common/icon/facilities/small/macau-government-tourist-office.png"); }
  .icon.MAS:before {
    background-image: url("../img/common/icon/facilities/small/meet-assist-service.png"); }
  .icon.MBS:before {
    background-image: url("../img/common/icon/facilities/small/money-exchange.png"); }
  .icon.SCI:before {
    background-image: url("../img/common/icon/facilities/small/self-check-in.png"); }
  .icon.SDS:before {
    background-image: url("../img/common/icon/facilities/small/self-bag-drop.png"); }
  .icon.SL:before {
    background-image: url("../img/common/icon/facilities/small/smoking-lounge.png"); }
  .icon.TIC:before {
    background-image: url("../img/common/icon/facilities/small/travel-industry-council.png"); }
  .icon.DWF:before {
    background-image: url("../img/common/icon/facilities/small/water-facilities.png"); }
  .icon.PK:before {
    background-image: url("../img/common/icon/facilities/small/photo-kiosks.png"); }
  .icon.PO:before {
    background-image: url("../img/common/icon/facilities/small/post-office.png"); }
  .icon.PR:before {
    background-image: url("../img/common/icon/facilities/small/prayer-room.png"); }
  .icon.LLF:before {
    background-image: url("../img/common/icon/facilities/small/lost-and-found.png"); }
  .icon.BS:before {
    background-image: url("../img/common/icon/facilities/small/baggage-storage.png"); }
  .icon.BPD:before {
    background-image: url("../img/common/icon/facilities/small/baggage-pick-up.png"); }
  .icon.BMG:before {
    background-image: url("../img/common/icon/facilities/small/baggage-measuring-gauges.png"); }
  .icon.BWS:before {
    background-image: url("../img/common/icon/facilities/small/baggage-packing-wrapping-service.png"); }
  .icon.BPS:before {
    background-image: url("../img/common/icon/facilities/small/baggage-porter-service.png"); }
  .icon.SLT:before {
    background-image: url("../img/common/icon/facilities/small/smart-luggage-tag.png"); }
  .icon.BRS:before {
    background-image: url("../img/common/icon/facilities/small/battery-recharges-service.png"); }
  .icon.CF:before {
    background-image: url("../img/common/icon/facilities/small/charging-facilities.png"); }
  .icon.HCP:before {
    background-image: url("../img/common/icon/facilities/small/help-courtesy-phones.png"); }
  .icon.PP:before {
    background-image: url("../img/common/icon/facilities/small/public-phones.png"); }
  .icon.SIMWF:before {
    background-image: url("../img/common/icon/facilities/small/sim-card.png"); }
  .icon.WIA:before {
    background-image: url("../img/common/icon/facilities/small/wifi-internet-access.png"); }
  .icon.AWTCBC:before {
    background-image: url("../img/common/icon/facilities/small/airport-world-trade-centre.png"); }
  .icon.CCD:before {
    background-image: url("../img/common/icon/facilities/small/conveyance-of-documents.png"); }
  .icon.HLS:before {
    background-image: url("../img/common/icon/facilities/small/hire-of-labour-service.png"); }
  .icon.HPS:before {
    background-image: url("../img/common/icon/facilities/small/hire-of-professional-service.png"); }
  .icon.FS:before {
    background-image: url("../img/common/icon/facilities/small/facsimile-service.png"); }
  .icon.PSS:before {
    background-image: url("../img/common/icon/facilities/small/printing.png"); }
  .icon.CC:before {
    background-image: url("../img/common/icon/facilities/small/caring-corner.png"); }
  .icon.SNS:before {
    background-image: url("../img/common/icon/facilities/small/special-needs.png"); }
  .icon.UMS:before {
    background-image: url("../img/common/icon/facilities/small/unaccompanied-minors-service.png"); }
  .icon.WS:before {
    background-image: url("../img/common/icon/facilities/small/wheelchair-service.png"); }
  .icon.AS:before {
    background-image: url("../img/common/icon/facilities/small/airport-security.png"); }
  .icon.SNA:before {
    background-image: url("../img/common/icon/facilities/small/special-needs-access.png"); }

/* End of Small Facilites Icon */
.no-touchevents .component.facilitiesIcon .icon:hover:before {
  background-position: 50% 82.5%;
  background-color: #FFF; }

.component.facilitiesIcon {
  padding-top: 60px; }
  .component.facilitiesIcon .icon {
    display: block;
    text-align: center;
    margin-bottom: 50px;
    line-height: 140%;
    /* Helpful Icons */
    /* Family Assistance */
    /* Rest and Lounges */
    /* Passenger Assistance */
    /* Baggage */
    /* Phones, Internet and Charging Facilities */
    /* Business Services */
    /* Special Assistance */
    /* Special Needs Access */
    /* End of Helpful Icons */ }
    .component.facilitiesIcon .icon:before {
      content: '';
      display: block;
      width: 80%;
      height: 0;
      border: #FFF 4px solid;
      padding-top: calc(80% - 8px);
      margin-bottom: 30px;
      margin-left: auto;
      margin-right: auto;
      background-repeat: no-repeat;
      background-position: 50% -4px;
      background-size: calc(100% + 8px) auto;
      border-radius: 50%;
      -webkit-transition: background-color 0.3s ease-out;
      transition: background-color 0.3s ease-out; }
    .component.facilitiesIcon .icon.PA:before {
      background-color: #DD3075;
      border-color: #DD3075; }
    .component.facilitiesIcon .icon.RNL:before {
      background-color: #7420BB;
      border-color: #7420BB; }
    .component.facilitiesIcon .icon.BS:before {
      background-color: #41CCA3;
      border-color: #41CCA3; }
    .component.facilitiesIcon .icon.PICF:before {
      background-color: #498A19;
      border-color: #498A19; }
    .component.facilitiesIcon .icon.BA:before {
      background-color: #3A61E7;
      border-color: #3A61E7; }
    .component.facilitiesIcon .icon.SA:before {
      background-color: #3840A7;
      border-color: #3840A7; }
    .component.facilitiesIcon .icon.EA:before {
      background-color: #CC5025;
      border-color: #CC5025; }
    .component.facilitiesIcon .icon.FA:before {
      background-color: #C99310;
      border-color: #C99310; }
    .component.facilitiesIcon .icon.SNA:before {
      background-color: #4935A5;
      border-color: #4935A5; }
    .component.facilitiesIcon .icon.HMS:before {
      background-image: url("../img/common/icon/facilities/health-services.png"); }
    .component.facilitiesIcon .icon.PRC:before {
      background-image: url("../img/common/icon/facilities/police-reporting-centres.png"); }
    .component.facilitiesIcon .icon.BSR:before {
      background-image: url("../img/common/icon/facilities/baby-stroller-rental.png"); }
    .component.facilitiesIcon .icon.CTVL:before {
      background-image: url("../img/common/icon/facilities/children-play-areas.png"); }
    .component.facilitiesIcon .icon.NR:before {
      background-image: url("../img/common/icon/facilities/nursing-room.png"); }
    .component.facilitiesIcon .icon.RL:before {
      background-image: url("../img/common/icon/facilities/resting-lounge.png"); }
    .component.facilitiesIcon .icon.RC:before {
      background-image: url("../img/common/icon/facilities/relaxation-corner.png"); }
    .component.facilitiesIcon .icon.PPL:before {
      background-image: url("../img/common/icon/facilities/pay-in-lounges.png"); }
    .component.facilitiesIcon .icon.SF:before {
      background-image: url("../img/common/icon/facilities/shower-facilities.png"); }
    .component.facilitiesIcon .icon.AL:before {
      background-image: url("../img/common/icon/facilities/airline-lounges.png"); }
    .component.facilitiesIcon .icon.AS:before {
      background-image: url("../img/common/icon/facilities/airport-security.png"); }
    .component.facilitiesIcon .icon.AA:before {
      background-image: url("../img/common/icon/facilities/airport-ambassador.png"); }
    .component.facilitiesIcon .icon.APM:before {
      background-image: url("../img/common/icon/facilities/automated-people-mover.png"); }
    .component.facilitiesIcon .icon.EV:before {
      background-image: url("../img/common/icon/facilities/electric-vehicles.png"); }
    .component.facilitiesIcon .icon.FVC:before {
      background-image: url("../img/common/icon/facilities/e-channel.png"); }
    .component.facilitiesIcon .icon.HTB:before {
      background-image: url("../img/common/icon/facilities/hktb.png"); }
    .component.facilitiesIcon .icon.HTAC:before {
      background-image: url("../img/common/icon/facilities/hotel-travel-agent-counters.png"); }
    .component.facilitiesIcon .icon.CSHK:before {
      background-image: url("../img/common/icon/facilities/china-travel-service.png"); }
    .component.facilitiesIcon .icon.CCH:before {
      background-image: url("../img/common/icon/facilities/courtesy-channel.png"); }
    .component.facilitiesIcon .icon.ACS:before {
      background-image: url("../img/common/icon/facilities/airport-courier-service.png"); }
    .component.facilitiesIcon .icon.CSC:before {
      background-image: url("../img/common/icon/facilities/customer-services.png"); }
    .component.facilitiesIcon .icon.MTO:before {
      background-image: url("../img/common/icon/facilities/macau-government-tourist-office.png"); }
    .component.facilitiesIcon .icon.MAS:before {
      background-image: url("../img/common/icon/facilities/meet-assist-service.png"); }
    .component.facilitiesIcon .icon.MBS:before {
      background-image: url("../img/common/icon/facilities/money-exchange.png"); }
    .component.facilitiesIcon .icon.SCI:before {
      background-image: url("../img/common/icon/facilities/self-check-in.png"); }
    .component.facilitiesIcon .icon.SDS:before {
      background-image: url("../img/common/icon/facilities/self-bag-drop.png"); }
    .component.facilitiesIcon .icon.SL:before {
      background-image: url("../img/common/icon/facilities/smoking-lounge.png"); }
    .component.facilitiesIcon .icon.TIC:before {
      background-image: url("../img/common/icon/facilities/travel-industry-council.png"); }
    .component.facilitiesIcon .icon.DWF:before {
      background-image: url("../img/common/icon/facilities/water-facilities.png"); }
    .component.facilitiesIcon .icon.PK:before {
      background-image: url("../img/common/icon/facilities/photo-kiosks.png"); }
    .component.facilitiesIcon .icon.PO:before {
      background-image: url("../img/common/icon/facilities/post-office.png"); }
    .component.facilitiesIcon .icon.PR:before {
      background-image: url("../img/common/icon/facilities/prayer-room.png"); }
    .component.facilitiesIcon .icon.LLF:before {
      background-image: url("../img/common/icon/facilities/lost-and-found.png"); }
    .component.facilitiesIcon .icon.BS:before {
      background-image: url("../img/common/icon/facilities/baggage-storage.png"); }
    .component.facilitiesIcon .icon.BPD:before {
      background-image: url("../img/common/icon/facilities/baggage-pick-up.png"); }
    .component.facilitiesIcon .icon.BMG:before {
      background-image: url("../img/common/icon/facilities/baggage-measuring-gauges.png"); }
    .component.facilitiesIcon .icon.BWS:before {
      background-image: url("../img/common/icon/facilities/baggage-packing-wrapping-service.png"); }
    .component.facilitiesIcon .icon.BPS:before {
      background-image: url("../img/common/icon/facilities/baggage-porter-service.png"); }
    .component.facilitiesIcon .icon.SLT:before {
      background-image: url("../img/common/icon/facilities/smart-luggage-tag.png"); }
    .component.facilitiesIcon .icon.BRS:before {
      background-image: url("../img/common/icon/facilities/battery-recharges-service.png"); }
    .component.facilitiesIcon .icon.CF:before {
      background-image: url("../img/common/icon/facilities/charging-facilities.png"); }
    .component.facilitiesIcon .icon.HCP:before {
      background-image: url("../img/common/icon/facilities/help-courtesy-phones.png"); }
    .component.facilitiesIcon .icon.PP:before {
      background-image: url("../img/common/icon/facilities/public-phones.png"); }
    .component.facilitiesIcon .icon.SIMWF:before {
      background-image: url("../img/common/icon/facilities/sim-card.png"); }
    .component.facilitiesIcon .icon.WIA:before {
      background-image: url("../img/common/icon/facilities/wifi-internet-access.png"); }
    .component.facilitiesIcon .icon.BS.AWTCBC:before {
      background-image: url("../img/common/icon/facilities/airport-world-trade-centre.png"); }
    .component.facilitiesIcon .icon.BS.CCD:before {
      background-image: url("../img/common/icon/facilities/conveyance-of-documents.png"); }
    .component.facilitiesIcon .icon.BS.HLS:before {
      background-image: url("../img/common/icon/facilities/hire-of-labour-service.png"); }
    .component.facilitiesIcon .icon.BS.HPS:before {
      background-image: url("../img/common/icon/facilities/hire-of-professional-service.png"); }
    .component.facilitiesIcon .icon.BS.FS:before {
      background-image: url("../img/common/icon/facilities/facsimile-service.png"); }
    .component.facilitiesIcon .icon.BS.PSS:before {
      background-image: url("../img/common/icon/facilities/printing.png"); }
    .component.facilitiesIcon .icon.CC:before {
      background-image: url("../img/common/icon/facilities/caring-corner.png"); }
    .component.facilitiesIcon .icon.SNS:before {
      background-image: url("../img/common/icon/facilities/special-needs.png"); }
    .component.facilitiesIcon .icon.UMS:before {
      background-image: url("../img/common/icon/facilities/unaccompanied-minors-service.png"); }
    .component.facilitiesIcon .icon.WS:before {
      background-image: url("../img/common/icon/facilities/wheelchair-service.png"); }
    .component.facilitiesIcon .icon.AS:before {
      background-image: url("../img/common/icon/facilities/airport-security.png"); }
    .component.facilitiesIcon .icon.SNAIcon:before {
      background-image: url("../img/common/icon/facilities/special-needs-access.png"); }

@media (max-width: 991px) {
  body:after {
    content: "tablet portrait";
    display: none; }
  .component.facilitiesIcon {
    padding-top: 40px; } }

@media (max-width: 414px) {
  body:after {
    content: "mobile";
    display: none; }
  .component.facilitiesIcon {
    padding-top: 20px; }
    .component.facilitiesIcon .icon {
      margin-bottom: 20px; }
      .component.facilitiesIcon .icon:before {
        width: 100%;
        border-width: 2px;
        padding-top: calc(100% - 4px);
        margin-bottom: 10px;
        background-position: 50% -2px;
        background-size: calc(100% + 4px) auto; } }

.smartbanner-show {
  margin-top: 90px; }

.smartbanner-show {
  display: block; }

/** Default **/
#smartbanner, #smartbanner2 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 85px;
  line-height: 85px;
  font-family: 'Helvetica Neue', sans-serif;
  background: #f4f4f4;
  z-index: 9998;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  -webkit-text-size-adjust: none;
  padding-top: 0px; }

.smartbanner-container {
  margin: 0 auto;
  /*white-space: nowrap;*/ }

.smartbanner-close {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 5px;
  font-family: 'ArialRoundedMTBold', Arial;
  font-size: 20px;
  text-align: center;
  color: #888;
  text-decoration: none;
  border: 0;
  border-radius: 14px;
  -webkit-font-smoothing: subpixel-antialiased; }

.smartbanner-close:active,
.smartbanner-close:hover {
  color: #aaa; }

.smartbanner-icon {
  display: inline-block;
  vertical-align: middle;
  width: 57px;
  /*height: 57px;*/
  margin-right: 12px;
  background-size: cover;
  border-radius: 10px;
  line-height: 1;
  /*background-image:*/ }

.smartbanner-info {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  font-size: 11px;
  line-height: 1.2em;
  font-weight: bold; }

.smartbanner-title {
  width: 50%;
  font-size: 13px;
  line-height: 18px; }

.smartbanner-button {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 24px;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background-color: #666;
  padding: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  text-decoration: none; }

.smartbanner-button:active,
.smartbanner-button:hover {
  color: #aaa; }

/** iOS **/
.smartbanner-ios {
  background: #f4f4f4;
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#cdcdcd));
  background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  line-height: 80px; }

.smartbanner-ios .smartbanner-close {
  border: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: #888;
  text-shadow: 0 1px 0 white; }

.smartbanner-ios .smartbanner-close:active,
.smartbanner-ios .smartbanner-close:hover {
  color: #aaa; }

.smartbanner-ios .smartbanner-icon {
  background: rgba(0, 0, 0, 0.6);
  background-size: cover;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }

.smartbanner-ios .smartbanner-info {
  color: #6a6a6a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

.smartbanner-ios .smartbanner-title {
  color: #4d4d4d;
  font-weight: bold; }

.smartbanner-ios .smartbanner-button {
  padding: 0 10px;
  min-width: 10%;
  color: #6a6a6a;
  background: #efefef;
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#dcdcdc));
  background: linear-gradient(to bottom, #efefef, #dcdcdc);
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
          box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset; }

.smartbanner-ios .smartbanner-button:active,
.smartbanner-ios .smartbanner-button:hover {
  background: #dcdcdc;
  background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#efefef));
  background: linear-gradient(to bottom, #dcdcdc, #efefef); }

/** Android **/
.smartbanner-android {
  background: #3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);
  -webkit-box-shadow: inset 0 4px 0 #88b131;
          box-shadow: inset 0 4px 0 #88b131;
  line-height: 82px; }

.smartbanner-android .smartbanner-close {
  border: 0;
  width: 17px;
  height: 17px;
  line-height: 17px;
  margin-right: 7px;
  color: #b1b1b3;
  background: #1c1e21;
  text-shadow: 0 1px 1px #000;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3); }

.smartbanner-android .smartbanner-close:active,
.smartbanner-android .smartbanner-close:hover {
  color: #eee; }

.smartbanner-android .smartbanner-icon {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none; }

.smartbanner-android .smartbanner-info {
  color: #ccc;
  text-shadow: 0 1px 2px #000; }

.smartbanner-android .smartbanner-title {
  color: #fff;
  font-weight: bold; }

.smartbanner-android .smartbanner-button {
  min-width: 12%;
  color: #d1d1d1;
  padding: 0;
  background: none;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc;
          box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc; }

.smartbanner-android .smartbanner-button:active,
.smartbanner-android .smartbanner-button:hover {
  background: none; }

.smartbanner-android .smartbanner-button-text {
  text-align: center;
  display: block;
  padding: 0 10px;
  background: #42b6c9;
  background: -webkit-gradient(linear, left top, left bottom, from(#42b6c9), to(#39a9bb));
  background: linear-gradient(to bottom, #42b6c9, #39a9bb);
  text-transform: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none; }

.smartbanner-android .smartbanner-button-text:active,
.smartbanner-android .smartbanner-button-text:hover {
  background: #2ac7e1; }

/** Windows **/
.smartbanner-windows {
  background: #f4f4f4;
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#cdcdcd));
  background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  line-height: 80px; }

.smartbanner-windows .smartbanner-close {
  border: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: #888;
  text-shadow: 0 1px 0 white; }

.smartbanner-windows .smartbanner-close:active,
.smartbanner-windows .smartbanner-close:hover {
  color: #aaa; }

.smartbanner-windows .smartbanner-icon {
  background: rgba(0, 0, 0, 0.6);
  background-size: cover;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }

.smartbanner-windows .smartbanner-info {
  color: #6a6a6a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

.smartbanner-windows .smartbanner-title {
  color: #4d4d4d;
  font-weight: bold; }

.smartbanner-windows .smartbanner-button {
  padding: 0 10px;
  min-width: 10%;
  color: #6a6a6a;
  background: #efefef;
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#dcdcdc));
  background: linear-gradient(to bottom, #efefef, #dcdcdc);
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
          box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset; }

.smartbanner-windows .smartbanner-button:active,
.smartbanner-windows .smartbanner-button:hover {
  background: #dcdcdc;
  background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#efefef));
  background: linear-gradient(to bottom, #dcdcdc, #efefef); }

.categoriesBox {
  margin-top: 30px;
  margin-bottom: 40px; }
  .categoriesBox .listNameBox {
    width: 100%;
    height: 70px;
    display: none;
    font-size: 1.4rem;
    line-height: 70px;
    font-weight: 400; }
    .categoriesBox .listNameBox span {
      display: inline-block; }
    .categoriesBox .listNameBox .brandBox {
      width: 35%;
      padding-left: 82px; }
    .categoriesBox .listNameBox .locationBox {
      width: 31%; }
    .categoriesBox .listNameBox .hourBox,
    .categoriesBox .listNameBox .dateBox {
      width: 30%; }
    .categoriesBox .listNameBox .nameBox {
      width: 66%;
      padding-left: 82px; }
  .categoriesBox .hide {
    display: none; }
  .categoriesBox.column6 .row .box {
    margin-bottom: 16px; }
  .categoriesBox.shopListing .row .catItem .img {
    padding-bottom: 100%; }
  .categoriesBox .row .box {
    margin-bottom: 40px; }
  .categoriesBox .row .catItem .img {
    width: 100%;
    position: relative;
    background: #F5F6F5; }
    .categoriesBox .row .catItem .img .spacer {
      width: 100%; }
    .categoriesBox .row .catItem .img .logo, .categoriesBox .row .catItem .img .hover_img {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 100%;
      opacity: 1;
      -webkit-transition: opacity 0.8s ease-out;
      transition: opacity 0.8s ease-out; }
    .categoriesBox .row .catItem .img .logo {
      width: auto; }
    .categoriesBox .row .catItem .img .hover_img {
      opacity: 0; }
    .categoriesBox .row .catItem .img:hover .logo {
      opacity: 0; }
    .categoriesBox .row .catItem .img:hover .hover_img {
      opacity: 1; }
  .categoriesBox .row .catItem.logoOnly .img:hover .logo {
    opacity: 1; }
  .categoriesBox.list-mode {
    margin-top: 0; }
    .categoriesBox.list-mode.shopListing .listNameBox .brandBox {
      padding-left: 30px; }
    .categoriesBox.list-mode.shopListing .row .box {
      margin-bottom: 0; }
    .categoriesBox.list-mode.shopListing .row .catItem .img {
      width: 12%;
      height: 75px;
      margin: 0; }
      .categoriesBox.list-mode.shopListing .row .catItem .img img {
        -webkit-transform: translate3d(0, -50%, 0) scale(1);
        transform: translate3d(0, -50%, 0) scale(1);
        left: 20px; }
    .categoriesBox.list-mode.shopListing .row .catItem .title {
      width: 23%; }
    .categoriesBox.list-mode.listingCol2 .row .catItem .title {
      width: 60.4%; }
    .categoriesBox.list-mode .listNameBox {
      display: block; }
    .categoriesBox.list-mode .shopInfo {
      padding-top: 0; }
    .categoriesBox.list-mode .row {
      margin-left: 0;
      margin-right: 0; }
      .categoriesBox.list-mode .row .catItem:nth-child(even) {
        background-color: #FBFBFB; }
      .categoriesBox.list-mode .row .catItem {
        margin: 0;
        width: 100%;
        background-color: #F2F2F2;
        overflow: hidden; }
        .categoriesBox.list-mode .row .catItem a {
          -webkit-text-decoration: under;
                  text-decoration: under; }
        .categoriesBox.list-mode .row .catItem .img,
        .categoriesBox.list-mode .row .catItem .title,
        .categoriesBox.list-mode .row .catItem .address,
        .categoriesBox.list-mode .row .catItem .time,
        .categoriesBox.list-mode .row .catItem .date {
          float: left;
          font-size: 1.8rem;
          padding: 0; }
        .categoriesBox.list-mode .row .catItem .title,
        .categoriesBox.list-mode .row .catItem .address,
        .categoriesBox.list-mode .row .catItem .time,
        .categoriesBox.list-mode .row .catItem .date {
          padding-right: 20px;
          padding-top: 25px;
          padding-bottom: 25px;
          line-height: 140%; }
        .categoriesBox.list-mode .row .catItem .address,
        .categoriesBox.list-mode .row .catItem .time,
        .categoriesBox.list-mode .row .catItem .date {
          padding-left: 30px; }
        .categoriesBox.list-mode .row .catItem .img {
          background: none;
          width: 53px;
          height: 53px;
          overflow: visible;
          margin-top: 11px;
          margin-left: 2px;
          margin-right: 20px; }
          .categoriesBox.list-mode .row .catItem .img .new {
            left: -8px; }
          .categoriesBox.list-mode .row .catItem .img .spacer {
            display: none; }
          .categoriesBox.list-mode .row .catItem .img .logo {
            /*height: 100%;
                        max-width: none;*/
            max-width: 75px; }
          .categoriesBox.list-mode .row .catItem .img .hover_img {
            display: none !important; }
          .categoriesBox.list-mode .row .catItem .img::before {
            display: none; }
          .categoriesBox.list-mode .row .catItem .img:hover {
            border: none; }
            .categoriesBox.list-mode .row .catItem .img:hover .logo {
              opacity: 1; }
          .categoriesBox.list-mode .row .catItem .img img {
            -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); }
        .categoriesBox.list-mode .row .catItem .address {
          width: 31.8%; }
          .categoriesBox.list-mode .row .catItem .address::before {
            top: 20px; }
        .categoriesBox.list-mode .row .catItem .time {
          width: 30%; }
          .categoriesBox.list-mode .row .catItem .time::before {
            top: 23px; }
        .categoriesBox.list-mode .row .catItem .date {
          width: 27%; }
          .categoriesBox.list-mode .row .catItem .date::before {
            top: 22px; }
        .categoriesBox.list-mode .row .catItem .title {
          width: 28.8%;
          padding-right: 20px; }
        .categoriesBox.list-mode .row .catItem .shopInfo li {
          padding-bottom: 0; }

@media (max-width: 991px) {
  body:after {
    content: "tablet portrait";
    display: none; }
  .categoriesBox {
    margin-bottom: 20px; } }

@media (max-width: 767px) {
  body:after {
    content: "mobile";
    display: none; }
  .categoriesBox.column4 .row .box:nth-child(4n + 1) {
    /* clear: none; */ }
  .categoriesBox.column6 .row {
    margin-left: -5px;
    margin-right: -5px; }
    .categoriesBox.column6 .row .box {
      padding-left: 5px;
      padding-right: 5px;
      margin-bottom: 10px; } }

@font-face {
  font-family: 'Roboto Condensed';
  src: url("fonts/RobotoCondensed-Light.eot");
  src: url("fonts/RobotoCondensed-Light.eot?#iefix") format("embedded-opentype"), url("fonts/RobotoCondensed-Light.woff") format("woff"), url("fonts/RobotoCondensed-Light.ttf") format("truetype"), url("fonts/RobotoCondensed-Light.svg#RobotoCondensed-Light") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Condensed';
  src: url("fonts/RobotoCondensed-Bold.eot");
  src: url("fonts/RobotoCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/RobotoCondensed-Bold.woff") format("woff"), url("fonts/RobotoCondensed-Bold.ttf") format("truetype"), url("fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Condensed';
  src: url("fonts/RobotoCondensed-Regular.eot");
  src: url("fonts/RobotoCondensed-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/RobotoCondensed-Regular.woff") format("woff"), url("fonts/RobotoCondensed-Regular.ttf") format("truetype"), url("fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Airline Info table */
html.tc .airlineInfoTable .contentNameBox .leftBox > div.deskBox, html.tc .airlineInfoTable .contentNameBox .leftBox > div.enquiriesBox, html.tc .airlineInfoTable .contentNameBox .rightBox > div.deskBox, html.tc .airlineInfoTable .contentNameBox .rightBox > div.enquiriesBox, html.sc .airlineInfoTable .contentNameBox .leftBox > div.deskBox, html.sc .airlineInfoTable .contentNameBox .leftBox > div.enquiriesBox, html.sc .airlineInfoTable .contentNameBox .rightBox > div.deskBox, html.sc .airlineInfoTable .contentNameBox .rightBox > div.enquiriesBox {
  padding-top: 22px; }

html.tc .airlineInfoTable .contentNameBox .leftBox > div.loungeBox, html.tc .airlineInfoTable .contentNameBox .rightBox > div.loungeBox, html.sc .airlineInfoTable .contentNameBox .leftBox > div.loungeBox, html.sc .airlineInfoTable .contentNameBox .rightBox > div.loungeBox {
  padding-top: 13px; }

html.tc .airlineInfoTable .contentNameBox .rightBox .deskBox, html.sc .airlineInfoTable .contentNameBox .rightBox .deskBox {
  padding-right: 3%; }

html.tc .agentsInfoTable .contentNameBox .enquiriesBox, html.sc .agentsInfoTable .contentNameBox .enquiriesBox {
  padding-top: 22px; }

.airlineInfoTable {
  position: relative;
  padding-top: 65px; }
  .airlineInfoTable .contentNameBox {
    width: 100%;
    height: 100%;
    font-size: 1.4rem;
    font-weight: 400; }
    .airlineInfoTable .contentNameBox .leftBox > div, .airlineInfoTable .contentNameBox .rightBox > div {
      padding-top: 22px; }
      .airlineInfoTable .contentNameBox .leftBox > div.deskBox, .airlineInfoTable .contentNameBox .leftBox > div.enquiriesBox, .airlineInfoTable .contentNameBox .rightBox > div.deskBox, .airlineInfoTable .contentNameBox .rightBox > div.enquiriesBox {
        padding-top: 13px; }
    .airlineInfoTable .contentNameBox .leftBox {
      line-height: 18px;
      width: 49%;
      display: block;
      float: left; }
      .airlineInfoTable .contentNameBox .leftBox .nameBox,
      .airlineInfoTable .contentNameBox .leftBox .codeBox,
      .airlineInfoTable .contentNameBox .leftBox .terminalBox,
      .airlineInfoTable .contentNameBox .leftBox .aisleBox {
        display: inline-block;
        vertical-align: top;
        padding-right: 3%; }
      .airlineInfoTable .contentNameBox .leftBox .nameBox {
        width: 46%;
        padding-left: 15px; }
      .airlineInfoTable .contentNameBox .leftBox .codeBox {
        width: 17.5%; }
      .airlineInfoTable .contentNameBox .leftBox .terminalBox {
        width: 16.5%; }
      .airlineInfoTable .contentNameBox .leftBox .aisleBox {
        width: 16%; }
    .airlineInfoTable .contentNameBox .rightBox {
      line-height: 18px;
      width: 51%;
      display: block;
      float: left; }
      .airlineInfoTable .contentNameBox .rightBox .deskBox,
      .airlineInfoTable .contentNameBox .rightBox .resBox,
      .airlineInfoTable .contentNameBox .rightBox .enquiriesBox,
      .airlineInfoTable .contentNameBox .rightBox .websiteBox,
      .airlineInfoTable .contentNameBox .rightBox .loungeBox {
        display: inline-block;
        vertical-align: top;
        padding-right: 3%; }
      .airlineInfoTable .contentNameBox .rightBox .deskBox {
        width: 21.5%;
        padding-right: 9%; }
      .airlineInfoTable .contentNameBox .rightBox .resBox {
        width: 24.5%; }
      .airlineInfoTable .contentNameBox .rightBox .enquiriesBox {
        width: 24.5%;
        padding-right: 9%; }
      .airlineInfoTable .contentNameBox .rightBox .websiteBox {
        width: 13%; }
      .airlineInfoTable .contentNameBox .rightBox .loungeBox {
        width: 13%;
        padding-right: 0; }
  .airlineInfoTable .loadMoreBox {
    width: 200px;
    display: block;
    margin: 30px auto;
    height: 54px;
    line-height: 54px;
    text-align: center;
    background: #01E1BF;
    color: #002633; }
  .airlineInfoTable .airlineResultDataBox {
    width: 100%;
    float: left;
    margin-bottom: 40px; }
    .airlineInfoTable .airlineResultDataBox .data {
      width: 100%;
      margin: 0px;
      float: left;
      display: inline-block;
      background: #F2F2F2;
      -webkit-transition: background 0.3s ease-out;
      transition: background 0.3s ease-out; }
      .airlineInfoTable .airlineResultDataBox .data a {
        color: #000000;
        text-decoration: underline;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
        .airlineInfoTable .airlineResultDataBox .data a:hover {
          color: #E80006; }
        .airlineInfoTable .airlineResultDataBox .data a.expendBtn {
          display: none; }
      .airlineInfoTable .airlineResultDataBox .data .leftContentBox,
      .airlineInfoTable .airlineResultDataBox .data .rightContentBox {
        z-index: 1;
        -webkit-transition: background 0.3s ease-out;
        transition: background 0.3s ease-out;
        position: relative;
        background: #F2F2F2;
        float: left;
        padding-top: 30px;
        padding-bottom: 30px;
        min-height: 88px; }
        .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox,
        .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox {
          width: 100%; }
      .airlineInfoTable .airlineResultDataBox .data .leftContentBox {
        width: 49%; }
        .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .nameData,
        .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .codeData,
        .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .terminalData,
        .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .aisleData {
          padding-right: 3%;
          display: inline-block;
          vertical-align: top; }
        .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .nameData {
          width: 46%;
          position: relative;
          padding-left: 15px; }
          .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .nameData .icon img {
            width: 50px;
            display: block;
            position: absolute;
            top: -5px;
            left: 0px; }
          .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .nameData span {
            margin-left: 70px;
            display: inline-block; }
        .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .codeData {
          width: 17.5%; }
        .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .terminalData {
          width: 16.5%; }
        .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .aisleData {
          width: 16%; }
        .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .terminalData,
        .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .aisleData {
          position: relative; }
          .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .terminalData::before, .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .terminalData::after,
          .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .aisleData::before,
          .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .aisleData::after {
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            position: absolute;
            top: -4px;
            left: 0; }
          .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .terminalData::before,
          .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .aisleData::before {
            font-size: 21px;
            color: #7D8F97; }
          .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .terminalData a:first-child span,
          .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .aisleData a:first-child span {
            margin-left: 27px; }
      .airlineInfoTable .airlineResultDataBox .data .rightContentBox {
        width: 51%; }
        .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .deskData,
        .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .resData,
        .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .enquiriesData,
        .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .websiteData,
        .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .loungeData {
          padding-right: 3%;
          display: inline-block;
          vertical-align: top; }
        .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .deskData {
          width: 21.5%;
          position: relative; }
          .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .deskData::before, .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .deskData::after {
            position: absolute;
            top: -4px;
            left: 0;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out; }
          .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .deskData::before {
            opacity: 1;
            font-size: 21px;
            color: #7D8F97; }
          .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .deskData::after {
            opacity: 0; }
          .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .deskData a:first-child span {
            margin-left: 27px; }
        .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .resData {
          width: 24.5%; }
        .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .enquiriesData {
          width: 24.5%; }
        .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .websiteData {
          width: 13%;
          position: relative; }
          .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .websiteData a {
            display: block;
            width: 25px;
            height: 25px;
            cursor: pointer;
            font-size: 25px;
            color: #7D8F97;
            text-decoration: none;
            margin-left: 13px; }
            .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .websiteData a:hover {
              color: #CCC; }
            .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .websiteData a span {
              font-size: 0; }
          .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .websiteData a::before,
          .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .websiteData a::after {
            position: absolute;
            top: -6px;
            left: 0;
            display: block;
            width: 25px;
            height: 25px;
            cursor: pointer;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out; }
        .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .loungeData {
          width: 11%;
          padding-right: 1%;
          position: relative; }
          .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .loungeData a {
            display: block;
            width: 36px;
            height: 25px;
            cursor: pointer;
            font-size: 36px;
            color: #3D51E4;
            text-decoration: none; }
            .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .loungeData a:hover {
              color: #01E1BF; }
            .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .loungeData a span {
              font-size: 0; }
          .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .loungeData a::before,
          .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .loungeData a::after {
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            position: absolute;
            top: -14px;
            left: 3px;
            display: block;
            width: 36px;
            height: 25px;
            cursor: pointer; }
          .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .loungeData a::before {
            opacity: 1; }
    .airlineInfoTable .airlineResultDataBox .loungeContainerBox {
      clear: both;
      width: 100%;
      overflow: visible;
      position: relative; }
    .airlineInfoTable .airlineResultDataBox .loungeBox {
      width: 100%;
      margin: 0;
      padding: 30px 20px;
      position: relative;
      background: #F2F2F2; }
      .airlineInfoTable .airlineResultDataBox .loungeBox .border {
        display: none;
        width: 100%;
        border-top: 1px solid #CECECE; }
      .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .nameBox {
        width: 100%;
        padding: 10px 30px; }
        .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .nameBox .title {
          display: none; }
        .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .nameBox .locationBox,
        .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .nameBox .telBox,
        .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .nameBox .hourBox,
        .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .nameBox .remarksBox,
        .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .nameBox .inforBox {
          display: inline-block;
          vertical-align: top;
          font-size: 1.4rem;
          line-height: 18px;
          font-weight: 400; }
        .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .nameBox .inforBox {
          width: 27%; }
        .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .nameBox .locationBox {
          width: 18%; }
        .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .nameBox .telBox,
        .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .nameBox .hourBox {
          width: 17%; }
        .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .nameBox .remarksBox {
          width: 18%; }
      .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .loungeData {
        width: 100%;
        padding: 26px 30px 20px 30px;
        background-color: white; }
        .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .loungeData .locationData,
        .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .loungeData .telData,
        .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .loungeData .hourData,
        .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .loungeData .remarksData,
        .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .loungeData .inforData {
          display: inline-block;
          vertical-align: top;
          padding-right: 2%; }
        .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .loungeData .inforData {
          width: 27%; }
        .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .loungeData .locationData {
          width: 18%; }
          .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .loungeData .locationData a {
            position: relative;
            text-decoration: none; }
            .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .loungeData .locationData a::before, .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .loungeData .locationData a::after {
              -webkit-transition: all 0.3s ease-out;
              transition: all 0.3s ease-out;
              position: absolute;
              top: -4px;
              left: -3px; }
            .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .loungeData .locationData a::before {
              font-size: 21px;
              color: #7D8F97; }
            .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .loungeData .locationData a span {
              margin-left: 25px;
              display: block;
              text-decoration: underline; }
        .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .loungeData .telData,
        .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .loungeData .hourData {
          width: 17%; }
        .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .loungeData .remarksData {
          width: 18%;
          padding-right: 0; }
          .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .loungeData .remarksData p:last-child {
            padding-bottom: 0; }
    .airlineInfoTable .airlineResultDataBox .data.even {
      background: #FBFBFB; }
      .airlineInfoTable .airlineResultDataBox .data.even .leftContentBox,
      .airlineInfoTable .airlineResultDataBox .data.even .rightContentBox {
        background: #FBFBFB; }
      .airlineInfoTable .airlineResultDataBox .data.even .loungeBox {
        background: #FBFBFB; }
    .airlineInfoTable .airlineResultDataBox .data.open {
      background: #2C4059; }
      .airlineInfoTable .airlineResultDataBox .data.open .leftContentBox,
      .airlineInfoTable .airlineResultDataBox .data.open .rightContentBox {
        background: #2C4059;
        color: #ffffff; }
        .airlineInfoTable .airlineResultDataBox .data.open .leftContentBox a,
        .airlineInfoTable .airlineResultDataBox .data.open .rightContentBox a {
          color: #ffffff; }
        .airlineInfoTable .airlineResultDataBox .data.open .leftContentBox .deskData::after,
        .airlineInfoTable .airlineResultDataBox .data.open .rightContentBox .deskData::after {
          opacity: 1; }
        .airlineInfoTable .airlineResultDataBox .data.open .leftContentBox .loungeData a,
        .airlineInfoTable .airlineResultDataBox .data.open .rightContentBox .loungeData a {
          color: #FFF; }
        .airlineInfoTable .airlineResultDataBox .data.open .leftContentBox .loungeData::before,
        .airlineInfoTable .airlineResultDataBox .data.open .rightContentBox .loungeData::before {
          border-width: 0 11px 9px 11px; }
        .airlineInfoTable .airlineResultDataBox .data.open .leftContentBox .websiteData a,
        .airlineInfoTable .airlineResultDataBox .data.open .rightContentBox .websiteData a {
          text-decoration: none;
          color: #FFF; }
        .airlineInfoTable .airlineResultDataBox .data.open .leftContentBox .contentBox .deskData::before,
        .airlineInfoTable .airlineResultDataBox .data.open .rightContentBox .contentBox .deskData::before {
          color: #FFF; }
        .airlineInfoTable .airlineResultDataBox .data.open .leftContentBox .contentBox .aisleData.icon-marker-flightinfo a + a:before,
        .airlineInfoTable .airlineResultDataBox .data.open .leftContentBox .contentBox .deskData.icon-marker-flightinfo a + a:before,
        .airlineInfoTable .airlineResultDataBox .data.open .rightContentBox .contentBox .aisleData.icon-marker-flightinfo a + a:before,
        .airlineInfoTable .airlineResultDataBox .data.open .rightContentBox .contentBox .deskData.icon-marker-flightinfo a + a:before {
          color: #FFF; }
      .airlineInfoTable .airlineResultDataBox .data.open .loungeContainerBox {
        height: auto; }
        .airlineInfoTable .airlineResultDataBox .data.open .loungeContainerBox:before {
          -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
          content: " ";
          position: absolute;
          top: -9px;
          right: 4.5%;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 11px 9px 11px;
          border-color: transparent transparent #F2F2F2 transparent;
          z-index: 1; }
      .airlineInfoTable .airlineResultDataBox .data.open .loungeBox {
        margin-top: 0%; }
      .airlineInfoTable .airlineResultDataBox .data.open .leftContentBox .terminalData::before,
      .airlineInfoTable .airlineResultDataBox .data.open .leftContentBox .aisleData::before,
      .airlineInfoTable .airlineResultDataBox .data.open .leftContentBox .deskBox::before {
        color: #FFF; }
      .airlineInfoTable .airlineResultDataBox .data.open .rightContentBox::before {
        /*@include transition($airline-icon-effect);
                    content: " ";
                    position: absolute;
                    bottom: 0;
                    right: 9%;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 0 11px 9px 11px;
                    border-color: transparent transparent $flight-location-bg-color transparent;*/ }
    .airlineInfoTable .airlineResultDataBox .data.open.even .loungeContainerBox:before {
      border-color: transparent transparent #FBFBFB transparent; }
  .airlineInfoTable a.loadMore {
    clear: both; }

/* End of Airline Info table */
/* Agents Info table */
.agentsInfoTable {
  position: relative;
  padding-top: 65px; }
  .agentsInfoTable a.loadMore, .agentsInfoTable button.loadMore {
    width: 350px; }
  .agentsInfoTable .contentNameBox {
    width: 100%;
    height: 100%;
    font-size: 1.4rem;
    font-weight: 400; }
    .agentsInfoTable .contentNameBox .leftBox, .agentsInfoTable .contentNameBox .rightBox {
      line-height: 18px;
      display: block;
      float: left; }
    .agentsInfoTable .contentNameBox .leftBox {
      width: 37%; }
    .agentsInfoTable .contentNameBox .rightBox {
      width: 63%; }
    .agentsInfoTable .contentNameBox .nameBox,
    .agentsInfoTable .contentNameBox .codeBox,
    .agentsInfoTable .contentNameBox .terminalBox,
    .agentsInfoTable .contentNameBox .aisleBox,
    .agentsInfoTable .contentNameBox .resBox,
    .agentsInfoTable .contentNameBox .enquiriesBox,
    .agentsInfoTable .contentNameBox .websiteBox {
      display: inline-block;
      vertical-align: top;
      padding-top: 22px; }
    .agentsInfoTable .contentNameBox .nameBox {
      width: 73%;
      padding-left: 15px; }
    .agentsInfoTable .contentNameBox .codeBox {
      width: 25%; }
    .agentsInfoTable .contentNameBox .terminalBox {
      width: 19%; }
    .agentsInfoTable .contentNameBox .aisleBox {
      width: 16%; }
    .agentsInfoTable .contentNameBox .resBox {
      width: 23.5%; }
    .agentsInfoTable .contentNameBox .enquiriesBox {
      width: 23.5%;
      padding-right: 10%;
      padding-top: 13px; }
    .agentsInfoTable .contentNameBox .websiteBox {
      width: 15%; }
  .agentsInfoTable .agentResultDataBox {
    width: 100%; }
    .agentsInfoTable .agentResultDataBox .agentsGroup {
      width: 100%;
      margin-bottom: 60px;
      display: inline-block; }
      .agentsInfoTable .agentResultDataBox .agentsGroup .title {
        padding-left: 15px;
        width: 100%;
        height: 60px;
        line-height: 60px;
        background: #CCCCCC;
        display: inline-block; }
      .agentsInfoTable .agentResultDataBox .agentsGroup .data {
        width: 100%;
        margin: 0px;
        float: left;
        display: inline-block;
        background: #F2F2F2; }
        .agentsInfoTable .agentResultDataBox .agentsGroup .data a {
          color: #000000;
          text-decoration: underline;
          -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out; }
          .agentsInfoTable .agentResultDataBox .agentsGroup .data a:hover {
            color: #E80006; }
        .agentsInfoTable .agentResultDataBox .agentsGroup .data .icon-marker-flightinfo a + a {
          text-decoration: none; }
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .icon-marker-flightinfo a + a:before {
            content: "/";
            font-size: 1.8rem;
            font-family: "Roboto Condensed", Arial, sans-serif, Verdana, Helvetica;
            color: #000;
            position: static;
            margin-left: 5px;
            margin-right: 5px;
            text-decoration: none;
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .icon-marker-flightinfo a + a span {
            margin-left: 0;
            text-decoration: underline; }
        .agentsInfoTable .agentResultDataBox .agentsGroup .data .leftContentBox,
        .agentsInfoTable .agentResultDataBox .agentsGroup .data .rightContentBox {
          -webkit-transition: background 0.3s ease-out;
          transition: background 0.3s ease-out;
          position: relative;
          background: #F2F2F2;
          float: left;
          padding-top: 30px;
          padding-bottom: 30px;
          min-height: 88px; }
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .leftContentBox .contentBox,
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .rightContentBox .contentBox {
            width: 100%; }
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .leftContentBox .expendBtn,
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .rightContentBox .expendBtn {
            display: none; }
        .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .nameData,
        .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .codeData,
        .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .terminalData,
        .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .aisleData,
        .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .resData,
        .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .enquiriesData,
        .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .websiteData {
          display: inline-block;
          vertical-align: top;
          padding-right: 3%; }
        .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .nameData {
          width: 73%;
          position: relative;
          padding-left: 15px; }
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .nameData .icon img {
            width: 50px;
            display: block;
            position: absolute;
            top: -5px;
            left: 0px; }
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .nameData span {
            margin-left: 70px;
            display: inline-block; }
        .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .codeData {
          width: 25%; }
        .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .terminalData {
          width: 19%; }
        .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .aisleData {
          width: 16%; }
        .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .resData {
          width: 23.5%; }
        .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .enquiriesData {
          width: 23.5%; }
        .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .websiteData {
          width: 14%;
          position: relative; }
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .websiteData a {
            display: block;
            width: 25px;
            height: 25px;
            cursor: pointer;
            font-size: 25px;
            color: #7D8F97;
            text-decoration: none; }
            .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .websiteData a:hover {
              color: #CCC; }
            .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .websiteData a span {
              font-size: 0; }
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .websiteData a::before,
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .websiteData a::after {
            position: absolute;
            top: -6px;
            left: 13px;
            display: block;
            width: 25px;
            height: 25px;
            cursor: pointer;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out; }
        .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .terminalData,
        .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .aisleData,
        .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .deskData {
          position: relative; }
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .terminalData::before, .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .terminalData::after,
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .aisleData::before,
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .aisleData::after,
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .deskData::before,
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .deskData::after {
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            position: absolute;
            top: -4px;
            left: 0; }
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .terminalData::before,
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .aisleData::before,
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .deskData::before {
            font-size: 21px;
            color: #7D8F97; }
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .terminalData a:first-child span,
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .aisleData a:first-child span,
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .contentBox .deskData a:first-child span {
            margin-left: 27px; }
        .agentsInfoTable .agentResultDataBox .agentsGroup .data .leftContentBox {
          width: 37%; }
        .agentsInfoTable .agentResultDataBox .agentsGroup .data .rightContentBox {
          width: 63%; }
          .agentsInfoTable .agentResultDataBox .agentsGroup .data .rightContentBox .contentBox .enquiriesData {
            display: inline-block;
            vertical-align: top; }
      .agentsInfoTable .agentResultDataBox .agentsGroup .data.even {
        background: #FBFBFB; }
        .agentsInfoTable .agentResultDataBox .agentsGroup .data.even .leftContentBox,
        .agentsInfoTable .agentResultDataBox .agentsGroup .data.even .rightContentBox {
          background: #FBFBFB; }
        .agentsInfoTable .agentResultDataBox .agentsGroup .data.even .loungeBox {
          background: #FBFBFB; }
      .agentsInfoTable .agentResultDataBox .agentsGroup .data.open .leftContentBox .terminalData::before,
      .agentsInfoTable .agentResultDataBox .agentsGroup .data.open .leftContentBox .aisleData::before {
        color: #FFF; }

/* End of Agents Info table */
.airlineInfoTable .accordionContentDesktop, .agentsInfoTable .accordionContentDesktop {
  display: none; }

.airlineInfoTable .accordionContentMobile, .agentsInfoTable .accordionContentMobile {
  display: block; }

.airlineInfoTable .airlineResultDataBox .loungeContainerBox.accordionContentDesktop.animate, .agentsInfoTable .airlineResultDataBox .loungeContainerBox.accordionContentDesktop.animate {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.5s ease-out;
  transition: height 0.5s ease-out; }

.airlineInfoTable .accordionItemDesktop.open .accordionContentDesktop, .agentsInfoTable .accordionItemDesktop.open .accordionContentDesktop {
  display: block; }

.resultAirlineContent .airlineInfoTable .airlineResultDataBox .data.open .leftContentBox .contentBox .aisleData.icon-marker-flightinfo a + a:before,
.resultAirlineContent .airlineInfoTable .airlineResultDataBox .data.open .rightContentBox .contentBox .deskData.icon-marker-flightinfo a + a:before {
  color: #FFF; }

.resultAirlineContent .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .aisleData.icon-marker-flightinfo a + a,
.resultAirlineContent .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .deskData.icon-marker-flightinfo a + a {
  text-decoration: none; }
  .resultAirlineContent .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .aisleData.icon-marker-flightinfo a + a:before,
  .resultAirlineContent .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .deskData.icon-marker-flightinfo a + a:before {
    content: "/";
    font-size: 1.8rem;
    font-family: "Roboto Condensed", Arial, sans-serif, Verdana, Helvetica;
    color: #000;
    position: static;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 1; }
  .resultAirlineContent .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .aisleData.icon-marker-flightinfo a + a span,
  .resultAirlineContent .airlineInfoTable .airlineResultDataBox .data .rightContentBox .contentBox .deskData.icon-marker-flightinfo a + a span {
    text-decoration: underline; }

@media (max-width: 1024px) {
  html.tc .airlineInfoTable .contentNameBox .leftBox > div.codeBox, html.tc .airlineInfoTable .contentNameBox .rightBox > div.codeBox, html.sc .airlineInfoTable .contentNameBox .leftBox > div.codeBox, html.sc .airlineInfoTable .contentNameBox .rightBox > div.codeBox {
    padding-top: 13px; } }

@media (max-width: 991px) {
  body:after {
    content: "tablet portrait";
    display: none; }
  .airlineInfoTable, .agentsInfoTable {
    padding-top: 50px; }
    .airlineInfoTable .fixTableHeader.fixed .flightTableHeader, .agentsInfoTable .fixTableHeader.fixed .flightTableHeader {
      padding-left: 20px;
      padding-right: 20px; }
    .airlineInfoTable .resultDataContainerBox .data .hiddenBox, .agentsInfoTable .resultDataContainerBox .data .hiddenBox {
      width: 100%;
      overflow: visible; }
    .airlineInfoTable .accordionContentDesktop, .agentsInfoTable .accordionContentDesktop {
      display: block; }
    .airlineInfoTable .accordionItemMobile.open .accordionContentMobile, .agentsInfoTable .accordionItemMobile.open .accordionContentMobile {
      display: block; }
    .airlineInfoTable .accordionContentMobile, .agentsInfoTable .accordionContentMobile {
      display: none;
      height: auto; }
      .airlineInfoTable .accordionContentMobile.animate, .agentsInfoTable .accordionContentMobile.animate {
        height: 0;
        overflow: hidden;
        -webkit-transition: height 0.5s ease-out;
        transition: height 0.5s ease-out; }
    .airlineInfoTable .resultDataContainerBox .data .accordionContentMobile.animate, .agentsInfoTable .resultDataContainerBox .data .accordionContentMobile.animate {
      overflow: hidden; }
    .airlineInfoTable .airlineResultDataBox.ani, .agentsInfoTable .airlineResultDataBox.ani {
      -webkit-transform: translate3d(0, 0, 0) scale(1);
      transform: translate3d(0, 0, 0) scale(1);
      opacity: 1; }
    .airlineInfoTable .airlineResultDataBox .data.open .leftContentBox .websiteData a, .airlineInfoTable .airlineResultDataBox .data.open .leftContentBox .websiteData a:hover,
    .airlineInfoTable .airlineResultDataBox .data.open .rightContentBox .websiteData a,
    .airlineInfoTable .airlineResultDataBox .data.open .rightContentBox .websiteData a:hover, .agentsInfoTable .airlineResultDataBox .data.open .leftContentBox .websiteData a, .agentsInfoTable .airlineResultDataBox .data.open .leftContentBox .websiteData a:hover,
    .agentsInfoTable .airlineResultDataBox .data.open .rightContentBox .websiteData a,
    .agentsInfoTable .airlineResultDataBox .data.open .rightContentBox .websiteData a:hover {
      color: #7D8F97; }
    .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .aisleData::before,
    .airlineInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .terminalData::before, .agentsInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .aisleData::before,
    .agentsInfoTable .airlineResultDataBox .data .leftContentBox .contentBox .terminalData::before {
      top: 0px;
      font-size: 15px; }
  .agentsInfoTable a.loadMore, .agentsInfoTable button.loadMore {
    width: auto; }
  .agentsInfoTable .contentNameBox {
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 50px;
    width: 100%; }
    .agentsInfoTable .contentNameBox .leftBox, .agentsInfoTable .contentNameBox .rightBox {
      float: none;
      display: inline-block; }
    .agentsInfoTable .contentNameBox .leftBox {
      width: 100%; }
    .agentsInfoTable .contentNameBox .rightBox {
      display: none; }
    .agentsInfoTable .contentNameBox .nameBox,
    .agentsInfoTable .contentNameBox .codeBox,
    .agentsInfoTable .contentNameBox .terminalBox,
    .agentsInfoTable .contentNameBox .aisleBox,
    .agentsInfoTable .contentNameBox .resBox,
    .agentsInfoTable .contentNameBox .enquiriesBox,
    .agentsInfoTable .contentNameBox .websiteBox {
      padding-top: 0; }
    .agentsInfoTable .contentNameBox .enquiriesBox {
      display: none; }
    .agentsInfoTable .contentNameBox .terminalBox {
      width: 25%; }
    .agentsInfoTable .contentNameBox .nameBox {
      width: 52%; }
    .agentsInfoTable .contentNameBox .aisleBox {
      width: 15%; }
  .airlineInfoTable .contentNameBox {
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 50px; }
    .airlineInfoTable .contentNameBox .rightBox > div, .airlineInfoTable .contentNameBox .leftBox > div {
      padding-top: 0; }
    .airlineInfoTable .contentNameBox .rightBox {
      display: none; }
    .airlineInfoTable .contentNameBox .leftBox {
      width: 100%;
      float: none;
      display: inline-block;
      /* padding-left: 3.5%; */ }
      .airlineInfoTable .contentNameBox .leftBox .nameBox {
        padding-left: 10px; }
      .airlineInfoTable .contentNameBox .leftBox .codeBox {
        display: none; }
      .airlineInfoTable .contentNameBox .leftBox .terminalBox {
        width: 20%; }
      .airlineInfoTable .contentNameBox .leftBox .aisleBox {
        width: 20%; }
  .agentsInfoTable .agentDataContainerBox .agentResultDataBox.ani {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1; }
  .agentsInfoTable .agentDataContainerBox .agentResultDataBox .agentsGroup {
    margin-bottom: 30px; }
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .agentsGroup .title {
      padding-left: 3.5%; }
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .agentsGroup .data .rightContentBox .contentBox .terminalData::before,
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .agentsGroup .data .rightContentBox .contentBox .aisleData::before,
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .agentsGroup .data .rightContentBox .contentBox .resData::before {
      left: 0px;
      top: 0;
      font-size: 15px; }
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .agentsGroup .data .rightContentBox .contentBox .terminalData::after,
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .agentsGroup .data .rightContentBox .contentBox .aisleData::after,
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .agentsGroup .data .rightContentBox .contentBox .resData::after {
      font-size: 1.4rem;
      font-weight: 400;
      content: attr(data-text);
      position: absolute;
      top: -25px;
      left: 0%;
      width: auto; }
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .agentsGroup .data .rightContentBox .contentBox .terminalData a:first-child span,
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .agentsGroup .data .rightContentBox .contentBox .aisleData a:first-child span {
      margin-left: 21px; }
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .agentsGroup .data .rightContentBox .contentBox .terminalData,
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .agentsGroup .data .rightContentBox .contentBox .aisleData,
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .agentsGroup .data .rightContentBox .contentBox .resData,
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .agentsGroup .data .rightContentBox .contentBox .enquiriesData,
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .agentsGroup .data .rightContentBox .contentBox .websiteData {
      position: relative;
      margin-top: 30px;
      margin-bottom: 20px;
      width: 49%;
      padding-left: 0%; }
  .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data .leftContentBox {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    min-height: 50px; }
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data .leftContentBox .contentBox .nameData {
      width: 52%;
      padding-left: 70px; }
      .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data .leftContentBox .contentBox .nameData span {
        margin-left: 0px; }
      .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data .leftContentBox .contentBox .nameData .icon img {
        width: 45px;
        left: -60px; }
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data .leftContentBox .contentBox .terminalData {
      width: 25%; }
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data .leftContentBox .contentBox .aisleData {
      width: 15%; }
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data .leftContentBox .expendBtn {
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      right: 4%;
      top: 21px;
      cursor: pointer; }
      .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data .leftContentBox .expendBtn span {
        font-size: 0; }
      .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data .leftContentBox .expendBtn::before {
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        content: " ";
        display: block;
        position: absolute;
        top: 8px;
        left: 0%;
        width: 18px;
        height: 2px;
        background-color: #000000; }
      .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data .leftContentBox .expendBtn::after {
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        content: " ";
        display: block;
        position: absolute;
        top: 0%;
        left: 8px;
        width: 2px;
        height: 18px;
        background-color: #000000; }
  .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data .hiddenBox {
    width: 100%;
    overflow: hidden; }
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data .hiddenBox .hiddenContainerBox {
      width: 100%; }
  .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data .rightContentBox {
    width: 100%;
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px; }
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data .rightContentBox .contentBox .enquiriesData,
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data .rightContentBox .contentBox .websiteData {
      position: relative;
      margin-top: 30px;
      margin-bottom: 20px;
      width: 49%;
      padding-left: 0%; }
      .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data .rightContentBox .contentBox .enquiriesData::after,
      .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data .rightContentBox .contentBox .websiteData::after {
        font-size: 1.4rem;
        font-weight: 400;
        content: attr(data-text);
        position: absolute;
        top: -25px;
        left: 0%; }
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data .rightContentBox .contentBox .enquiriesData {
      clear: both; }
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data .rightContentBox .contentBox .websiteData {
      top: 0;
      left: 0; }
  .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data.open .hiddenBox .hiddenContainerBox {
    margin-top: 0%; }
  .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data.open .leftContentBox {
    color: #ffffff;
    background: #2C4059; }
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data.open .leftContentBox a {
      color: #ffffff; }
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data.open .leftContentBox .expendBtn::before {
      background-color: #ffffff; }
    .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data.open .leftContentBox .expendBtn::after {
      top: 50%;
      width: 2px;
      height: 0px;
      background-color: #ffffff; }
  .agentsInfoTable .agentDataContainerBox .agentResultDataBox .data.open .rightContentBox {
    padding-top: 20px;
    padding-bottom: 10px; }
  .airlineInfoTable .resultDataContainerBox .data .leftContentBox {
    width: 100%;
    padding-bottom: 30px; }
    .airlineInfoTable .resultDataContainerBox .data .leftContentBox .contentBox .codeData {
      display: none; }
    .airlineInfoTable .resultDataContainerBox .data .leftContentBox .contentBox .terminalData {
      width: 20%; }
    .airlineInfoTable .resultDataContainerBox .data .leftContentBox .contentBox .aisleData {
      width: 20%; }
    .airlineInfoTable .resultDataContainerBox .data .leftContentBox .contentBox .terminalData a:first-child span,
    .airlineInfoTable .resultDataContainerBox .data .leftContentBox .contentBox .aisleData a:first-child span {
      margin-left: 21px; }
    .airlineInfoTable .resultDataContainerBox .data .leftContentBox .contentBox .nameData {
      width: 46%;
      position: relative;
      padding-left: 70px; }
      .airlineInfoTable .resultDataContainerBox .data .leftContentBox .contentBox .nameData span {
        margin-left: 0px; }
      .airlineInfoTable .resultDataContainerBox .data .leftContentBox .contentBox .nameData .icon img {
        width: 45px;
        left: -60px; }
      .airlineInfoTable .resultDataContainerBox .data .leftContentBox .contentBox .nameData::after {
        content: attr(data-text);
        padding-top: 5px;
        display: inline-block; }
    .airlineInfoTable .resultDataContainerBox .data .leftContentBox .expendBtn {
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      right: 4%;
      top: 22px;
      cursor: pointer; }
      .airlineInfoTable .resultDataContainerBox .data .leftContentBox .expendBtn span {
        font-size: 0; }
      .airlineInfoTable .resultDataContainerBox .data .leftContentBox .expendBtn::before {
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        content: " ";
        display: block;
        position: absolute;
        top: 8px;
        left: 0%;
        width: 18px;
        height: 2px;
        background-color: #000000; }
      .airlineInfoTable .resultDataContainerBox .data .leftContentBox .expendBtn::after {
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        content: " ";
        display: block;
        position: absolute;
        top: 0%;
        left: 8px;
        width: 2px;
        height: 18px;
        background-color: #000000; }
  .airlineInfoTable .resultDataContainerBox .data .rightContentBox {
    width: 100%;
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px; }
    .airlineInfoTable .resultDataContainerBox .data .rightContentBox .contentBox .loungeData {
      display: none; }
    .airlineInfoTable .resultDataContainerBox .data .rightContentBox .contentBox .deskData,
    .airlineInfoTable .resultDataContainerBox .data .rightContentBox .contentBox .resData,
    .airlineInfoTable .resultDataContainerBox .data .rightContentBox .contentBox .enquiriesData,
    .airlineInfoTable .resultDataContainerBox .data .rightContentBox .contentBox .websiteData {
      position: relative;
      margin-top: 30px;
      margin-bottom: 20px;
      width: 49%;
      padding-left: 0%; }
      .airlineInfoTable .resultDataContainerBox .data .rightContentBox .contentBox .deskData::after,
      .airlineInfoTable .resultDataContainerBox .data .rightContentBox .contentBox .resData::after,
      .airlineInfoTable .resultDataContainerBox .data .rightContentBox .contentBox .enquiriesData::after,
      .airlineInfoTable .resultDataContainerBox .data .rightContentBox .contentBox .websiteData::after {
        font-size: 1.4rem;
        font-weight: 400;
        content: attr(data-text);
        position: absolute;
        top: -25px;
        left: 0%; }
    .airlineInfoTable .resultDataContainerBox .data .rightContentBox .contentBox .deskData::before {
      left: 0px;
      top: 0;
      font-size: 15px; }
    .airlineInfoTable .resultDataContainerBox .data .rightContentBox .contentBox .deskData::after {
      font-size: 1.4rem;
      font-weight: 400;
      content: attr(data-text);
      position: absolute;
      top: -25px;
      left: 0%;
      width: auto; }
    .airlineInfoTable .resultDataContainerBox .data .rightContentBox .contentBox .deskData a:first-child span {
      margin-left: 21px; }
    .airlineInfoTable .resultDataContainerBox .data .rightContentBox .contentBox .enquiriesData {
      clear: both; }
    .airlineInfoTable .resultDataContainerBox .data .rightContentBox .contentBox .websiteData a::before {
      position: relative;
      top: 0px;
      left: 0px; }
  .airlineInfoTable .resultDataContainerBox .data .leftContentBox,
  .airlineInfoTable .resultDataContainerBox .data .rightContentBox {
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 78px; }
  .airlineInfoTable .resultDataContainerBox .data .loungeBox {
    padding-top: 0;
    padding-bottom: 20px;
    margin-top: 0; }
    .airlineInfoTable .resultDataContainerBox .data .loungeBox .border {
      display: block; }
    .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .nameBox {
      padding: 20px 0px 10px 0px; }
      .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .nameBox .title {
        width: 100%;
        display: block;
        font-weight: 400; }
      .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .nameBox .locationBox,
      .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .nameBox .telBox,
      .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .nameBox .hourBox,
      .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .nameBox .remarksBox,
      .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .nameBox .inforBox {
        display: none; }
    .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .loungeData {
      padding: 20px 15px 5px 15px; }
      .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .loungeData .locationData,
      .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .loungeData .telData,
      .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .loungeData .hourData,
      .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .loungeData .remarksData,
      .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .loungeData .inforData {
        width: 49%;
        margin-bottom: 25px;
        margin-top: 25px;
        position: relative; }
        .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .loungeData .locationData::before,
        .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .loungeData .telData::before,
        .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .loungeData .hourData::before,
        .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .loungeData .remarksData::before,
        .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .loungeData .inforData::before {
          content: attr(data-text);
          padding-top: 5px;
          display: block;
          position: absolute;
          top: -30px;
          left: 0%;
          font-size: 1.4rem;
          font-weight: 400; }
      .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .loungeData .inforData {
        width: 100%; }
      .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .loungeData .telData,
      .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .loungeData .remarksData {
        clear: both; }
      .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .loungeData .locationData a::before {
        font-size: 15px;
        top: 0;
        left: 0; }
      .airlineInfoTable .resultDataContainerBox .data .loungeBox .contentBox .loungeData .locationData a span {
        margin-left: 21px; }
  .airlineInfoTable .resultDataContainerBox .data.open .hiddenBox .hiddenContainerBox {
    margin-top: 0%; }
  .airlineInfoTable .resultDataContainerBox .data.open .rightContentBox {
    color: #000000;
    background: #F2F2F2; }
    .airlineInfoTable .resultDataContainerBox .data.open .rightContentBox a {
      color: #000000; }
    .airlineInfoTable .resultDataContainerBox .data.open .rightContentBox .contentBox .deskData::before {
      color: #7D8F97; }
    .airlineInfoTable .resultDataContainerBox .data.open .rightContentBox .contentBox .deskData::after {
      background-image: none; }
  .airlineInfoTable .resultDataContainerBox .data.open .leftContentBox .expendBtn::before {
    background-color: #ffffff; }
  .airlineInfoTable .resultDataContainerBox .data.open .leftContentBox .expendBtn::after {
    top: 50%;
    width: 2px;
    height: 0px;
    background-color: #ffffff; }
  .airlineInfoTable .resultDataContainerBox .data.even.open .rightContentBox {
    background: #FBFBFB; } }

@media (max-width: 767px) {
  body:after {
    content: "mobile";
    display: none; }
  .airlineInfoTable .resultDataContainerBox .data .leftContentBox .nameData {
    width: 44%; }
  .airlineInfoTable .resultDataContainerBox .data .leftContentBox .terminalData {
    width: 24%; }
  .airlineInfoTable .resultDataContainerBox .data .leftContentBox .aisleData {
    width: 16%; } }

@media print {
  /*
    @page {
        margin-left: 1cm;
        margin-right: 1cm; // Use centimeters or inches, not pixels
    }
    
    img {
      page-break-inside: avoid; // Prevent images from being split up
    }
    */
  .ani {
    opacity: 1 !important;
    -webkit-transform: translate3d(0, 0, 0) scale(1) !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    -webkit-transition: none !important;
    transition: none !important; }
  .component.column3 .img img, .component.column4 .img img, .mainlandCoach.column3 .img img, .mainlandCoach.column4 .img img {
    -webkit-transform: translate3d(0, 0, 0) scale(1) !important;
    transform: translate3d(0, 0, 0) scale(1) !important; }
  #importantNotice,
  .mobileNav,
  .navInner,
  .btnImportantNotice,
  .miniSearchBox,
  .navBookmark,
  footer,
  .searchBox,
  .breadcrumb,
  .lv2menu,
  .lv3menu,
  .backContainer,
  .searchBack,
  .quicklinks,
  .viewAllFlight,
  .topBanner,
  #runwayCanvas,
  .topBanner .homeGallery,
  .configBox .typeBox,
  .filterInputBox,
  .usefulInformation,
  .additionalInfo,
  .facilitiesIcon,
  .floatingAdHocBox,
  .btnShowContent,
  .btnHideContent,
  .airQualityData {
    display: none !important; }
  .filterBox,
  .filterBoxFlight {
    height: auto !important;
    display: inline-block !important; }
    .filterBox:after,
    .filterBoxFlight:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      font-size: 0;
      visibility: hidden; }
  .filterBox,
  .filterBoxFlight {
    display: block !important; }
  .headerContainer,
  .navContainer .logo {
    position: static !important;
    display: block !important;
    height: auto !important;
    margin-bottom: 20px !important; }
    .headerContainer a,
    .navContainer .logo a {
      width: 200px !important; }
  .homeDefault.usefulInformation {
    display: block !important; }
  .component.helpfulIcon .componentInner, .mainlandCoach.helpfulIcon .componentInner {
    padding-top: 35px !important;
    padding-bottom: 10px !important; }
  .component.helpfulIcon .iconList, .mainlandCoach.helpfulIcon .iconList {
    overflow-x: visible !important;
    white-space: normal !important; }
  .col-xs-12 {
    float: none !important; }
  .updateBar, .configBox, .contentContainer,
  .fixTableHeader .flightTableHeader {
    padding-left: 20px !important;
    padding-right: 20px !important; }
  .component, .mainlandCoach {
    padding-left: 20px !important;
    padding-right: 20px !important; }
    .component .componentInner, .mainlandCoach .componentInner {
      padding-left: 20px !important;
      padding-right: 20px !important; }
  .component.column4 .row .box:nth-child(2n+1), .mainlandCoach.column4 .row .box:nth-child(2n+1) {
    clear: both !important; }
  .fixTableHeader.fixed {
    position: absolute !important;
    top: 0 !important;
    border-bottom: none !important; }
  .airlineInfoTable .accordionItemMobile .accordionContentMobile, .agentsInfoTable .accordionItemMobile .accordionContentMobile {
    display: block !important; }
  .airlineInfoTable .resultDataContainerBox .data .leftContentBox, .airlineInfoTable .resultDataContainerBox .data .rightContentBox {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .procedures .steps {
    white-space: normal !important;
    overflow: visible !important; }
  .procedures .steps li a:before, .procedures .steps li a:after, .procedures .steps li .titleGroup:before, .procedures .steps li .titleGroup:after {
    content: ' > ' !important;
    border: none !important;
    right: 0 !important; }
  .accordionItem.open .accordionContent {
    height: auto !important; }
  .accordion .accordionList .accordionContent {
    display: block !important; }
  .accordion .accordionList .accordionItem > a:after {
    height: 0 !important; }
  .bulletList, .html-content ul, .html-content-large ul, .html-content ul, .html-content-large ul, .tenderDetail ul, .jobDetail ul {
    list-style: disc !important;
    margin-left: 20px !important; }
  .bulletList li, .html-content ul li, .html-content-large ul li, .html-content ul li, .html-content-large ul li, .tenderDetail ul li, .jobDetail ul li {
    padding-left: 0 !important; }
    .bulletList li:before, .html-content ul li:before, .html-content-large ul li:before, .html-content ul li:before, .html-content-large ul li:before, .tenderDetail ul li:before, .jobDetail ul li:before {
      display: none !important; }
  .history .textContainer .yearItem:nth-child(1) .text .content-container .title {
    left: 5% !important;
    width: 300px !important; }
  .history .textContainer .yearItem:nth-child(1) .text .content-container .content {
    left: 50% !important; }
  .moreDetailAccordion .moreDetailAccordionItem .moreDetailAccordionContent {
    display: block !important; }
  .performanceslick .slick-arrow,
  .whyAA .adHocSilder .slick-arrow,
  .visitSharing .adHocSilder .slick-arrow {
    display: none !important; }
  .performanceslick .slick-list,
  .whyAA .adHocSilder .slick-list,
  .visitSharing .adHocSilder .slick-list {
    height: auto !important; }
  .performanceslick .slick-track,
  .whyAA .adHocSilder .slick-track,
  .visitSharing .adHocSilder .slick-track {
    width: 100% !important;
    height: auto !important;
    -webkit-transform: none !important;
            transform: none !important; }
    .performanceslick .slick-track .slick-slide,
    .whyAA .adHocSilder .slick-track .slick-slide,
    .visitSharing .adHocSilder .slick-track .slick-slide {
      width: 50% !important; }
  .performanceslick .slick-slide,
  .whyAA .adHocSilder .slick-slide,
  .visitSharing .adHocSilder .slick-slide {
    margin-bottom: 16px !important; }
    .performanceslick .slick-slide:nth-child(2n+1) .infoBox,
    .whyAA .adHocSilder .slick-slide:nth-child(2n+1) .infoBox,
    .visitSharing .adHocSilder .slick-slide:nth-child(2n+1) .infoBox {
      margin-left: 16px !important; }
    .performanceslick .slick-slide.slick-cloned,
    .whyAA .adHocSilder .slick-slide.slick-cloned,
    .visitSharing .adHocSilder .slick-slide.slick-cloned {
      display: none !important; }
  .tabContainer .performanceWrapper {
    padding-bottom: 0 !important; }
  .col-md-5, .col-sm-5 {
    margin-bottom: 20px !important; }
  .ourFoundations .ourFoundationBallPart .ballSpace,
  .ourFoundations .ourFoundationBallPart .bgLine {
    display: none !important; }
  .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper {
    width: 100% !important;
    max-width: 700px !important;
    float: none !important;
    padding-bottom: 0 !important;
    height: auto !important;
    margin: 0 auto 16px auto !important; }
    .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper .allBallWrapper {
      height: auto !important;
      min-height: 0 !important;
      top: 0 !important; }
    .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper .ourFoundationBall {
      -webkit-transform: translate(0, 0) scale(1, 1) !important;
      transform: translate(0, 0) scale(1, 1) !important;
      opacity: 1 !important;
      position: relative !important;
      padding: 0 !important;
      top: 0 !important;
      background-color: transparent !important;
      border-radius: 0 !important;
      height: auto !important; }
    .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper .oFBallOuter, .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper .oFBallInner {
      display: none !important; }
    .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper .ballContent {
      position: static !important;
      -webkit-transform: translate(0, 0) !important;
      transform: translate(0, 0) !important;
      padding: 0 !important;
      width: 100% !important;
      height: auto !important;
      background: transparent !important; }
      .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper .ballContent .ballContentText {
        position: static !important;
        -webkit-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important; }
      .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper .ballContent h3 {
        font-size: 3rem !important;
        padding-bottom: 2% !important; }
      .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper .ballContent h4 {
        display: block !important;
        opacity: 1 !important;
        font-size: 1.6rem !important; }
    .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper ul {
      display: block !important; }
    .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper .smCircle {
      display: block !important;
      opacity: 1 !important; }
  .extra-mile .extraMileBall .bgLine,
  .extra-mile .extraMileBall .ballSpace {
    display: none !important; }
  .extra-mile .extraMileBall .allBallWrapper {
    height: auto !important; }
  .extra-mile .extraMileBall .extraMileBallWrapper,
  .extra-mile .extraMileBall .csvBall {
    position: static !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding-bottom: 0 !important;
    -webkit-transform: scale(1, 1) !important;
    transform: scale(1, 1) !important; }
    .extra-mile .extraMileBall .extraMileBallWrapper .ballContent,
    .extra-mile .extraMileBall .csvBall .ballContent {
      position: static !important;
      -webkit-transform: translate(0, 0) !important;
      transform: translate(0, 0) !important;
      height: auto !important;
      padding: 0 !important;
      border-radius: 0 !important;
      background: transparent !important; }
      .extra-mile .extraMileBall .extraMileBallWrapper .ballContent:before,
      .extra-mile .extraMileBall .csvBall .ballContent:before {
        display: none !important; }
      .extra-mile .extraMileBall .extraMileBallWrapper .ballContent .ballContentText,
      .extra-mile .extraMileBall .csvBall .ballContent .ballContentText {
        width: 100% !important;
        padding: 0 !important;
        position: static !important;
        -webkit-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important; }
        .extra-mile .extraMileBall .extraMileBallWrapper .ballContent .ballContentText h3,
        .extra-mile .extraMileBall .csvBall .ballContent .ballContentText h3 {
          padding-bottom: 10px !important; }
        .extra-mile .extraMileBall .extraMileBallWrapper .ballContent .ballContentText h4,
        .extra-mile .extraMileBall .csvBall .ballContent .ballContentText h4 {
          padding-bottom: 20px !important; }
  .selectBoardDD {
    display: none !important; }
  .hkiaNewsContent .mainReport .mainReportInfo .reportTitle,
  .annualReportContent .mainReport .mainReportInfo .reportTitle,
  .annualReportContent .viewVersionWrapper {
    text-align: center !important; }
  .hkiaNewsContent a.btnCTA,
  .annualReportContent a.loadMore {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important; }
  .weather7dayList {
    overflow: visible !important;
    white-space: normal !important; } }

@media print and (color) {
  /*
    * {
        -webkit-print-color-adjust: exact; 
        print-color-adjust: exact;
    }
    */ }

.clearfix {
  display: inline-block; }

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  font-size: 0;
  visibility: hidden; }

.clearfix {
  display: block; }

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

.verMidMid {
  display: block;
  display: table-cell;
  top: 50%;
  vertical-align: middle;
  width: 100%; }

.verMidIn {
  display: block;
  position: relative;
  top: -50%;
  width: 100%; }

/*html, body {font-size:$primary-size; font-family:$font-stack;}*/
html, body, .ui-widget, input.searchInput {
  font-family: "Roboto Condensed", Arial, sans-serif, Verdana, Helvetica; }

html.tc, html.sc {
  font-family: "Roboto Condensed", "MHei", STXihei, 微軟正黑體, Arial, PMingLiU, Arial, sans-serif, Verdana, Helvetica; }
  html.tc body, html.tc .ui-widget, html.sc body, html.sc .ui-widget {
    font-family: "Roboto Condensed", "MHei", STXihei, 微軟正黑體, Arial, PMingLiU, Arial, sans-serif, Verdana, Helvetica;
    font-weight: 400; }
    html.tc body .passenger .title, html.tc body .photoPopup .mfp-title, html.tc body #popup-with-video .videoTitle, html.tc body #popup-with-video .videoDesc, html.tc body .page404Wrapper .page404 h2, html.tc body .page404Wrapper .page404 p, html.tc body .airQualityItem .airQualityDesc h4, html.tc body .annualReportContent .mainReport .mainReportInfo .reportTitle, html.tc body .annualReportContent a.viewVersion, html.tc body .annualReportContent a.btnCTA span, html.tc body .annualReportDetailContent .reportDetailTop .reportInfo a.more, html.tc body .annualReportDetailContent .reportDetailTop .reportInfo a.external, html.tc body .annualReportDetailContent .reportDetaiList, html.tc body .bookmarkedFlightDropdown .bookmarkedFlights .flightItem dl.flightNo dd, html.tc body .bookmarkedFlightDropdown .bookmarkedFlights .flightItem dl.time dd, html.tc body .bookmarkedFlightDropdown .bookmarkedFlights .flightItem a.btnCTA, html.tc body section.carbon-management h3, html.tc body section.quick-facts h4, html.tc body section.quick-facts h5, html.tc body section.performance .performanceTxt h4, html.tc body section.performance .performanceTxt h5, html.tc body .carbonReduction .quoteTxtWrapper .doubleQuot, html.tc body .extra-mile .extraMileBall .extraMileBallWrapper .ballContent .ballContentText h3, html.tc body .extra-mile .extraMileBall .extraMileBallWrapper .ballContent .ballContentText h4, html.tc body .extra-mile .extraMileBall .csvBall .ballContent .ballContentText h3, html.tc body .extra-mile .extraMileBall .csvBall .ballContent .ballContentText h4, html.tc body .configBox p, html.tc body .filterBox .filterInputBox .filterInputTxt, html.tc body .filterBox .filterSelectBox select, html.tc body .filterBox .filterSelectBox .calendar, html.tc body .shopFilter .categoryOverlayBox a, html.tc body .ui-datepicker .ui-datepicker-header .ui-datepicker-title, html.tc body .ui-datepicker th, html.tc body .ui-datepicker .ui-datepicker-calendar td, html.tc body .environmentMag h3, html.tc body .environmentMagIcon .iconDesc h4, html.tc body .reportListingWrapper .reportListing .reportItem .reportLink, html.tc body .subnav .inner .title, html.tc body .subnav .inner > ul, html.tc body .subnav .inner .promotion .promoDesc, html.tc body .hkiaNewsContent .mainReport .mainReportInfo .reportTitle, html.tc body .hkiaNewsContent a.viewVersion, html.tc body .hkiaNewsContent a.btnCTA span, html.tc body .newsList, html.tc body .newsSubscription h3, html.tc body #importantNotice ul, html.tc body .videoYtTitle, html.tc body .videoYtDesc, html.tc body .ourApproachIntro .middleIntroWrapper .middleIntro .middleLeftIntro p, html.tc body .ourApproachIntro .middleIntroWrapper .middleIntro .middleRightIntro .ballItem h3, html.tc body .ourApproachIntro .middleIntroWrapper .middleIntro .middleRightIntro .ballItem h4, html.tc body .parkingChargeTable th, html.tc body .tabContainer .performanceWrapper .performanceslick h3 span, html.tc body .tabContainer .performanceWrapper .performanceslick dl dt h5, html.tc body .tabContainer .performanceWrapper .performanceslick dl dd h5, html.tc body .tabContainer .performanceWrapper .performanceslick dl dd h5 span, html.tc body .boardListWrapper .boardListDesc, html.tc body .upcomingContent p, html.tc body .upcomingContent .genericTableBox .genericTable th, html.tc body .upcomingContent .genericTableBox .genericTable td, html.tc body .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper .ballContent .ballContentText h3, html.tc body .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper .ballContent .ballContentText h4, html.tc body .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper .smCircle h5 span, html.tc body h2, html.tc body .topTitle, html.tc body .topBanner .title, html.tc body .lv3menu ul li a, html.tc body a.back, html.tc body button.back, html.tc body .doubleQuot, html.tc body .custDropdown a, html.tc body .searchBox .searchInput, html.tc body .miniSearchBox .searchInput, html.tc body .componentTitle, html.tc body .component, html.tc body .mainlandCoach, html.tc body .component.txtAndImg .leftContent h4, html.tc body .component.txtAndImg .rightContent h4, html.tc body .mainlandCoach.txtAndImg .leftContent h4, html.tc body .mainlandCoach.txtAndImg .rightContent h4, html.tc body .component.centerList ul li .partner h4, html.tc body .mainlandCoach.centerList ul li .partner h4, html.tc body .remarkContainer h5, html.tc body .resultFlight .airlineName, html.tc body .resultFlight .flightInfoBox .flightInfo a, html.tc body .resultFlight .flightInfoBox .flightInfo dl.departureTime dd, html.tc body .resultFlight .airlineInfo .airlineInfoInner .airlineTel .telLink, html.tc body .bottomBanner a .slogan, html.tc body .bottomBanner a .doubleQuot, html.tc body .mainContent, html.tc body .contentContainer, html.tc body .globalSilder.weather .weatherInner .weatherInfo .cityTemperature, html.tc body .floatingAdHocBox a, html.tc body .infoTable, html.tc body .ui-selectmenu-button.ui-button, html.tc body .ui-menu .ui-menu-item-wrapper, html.tc body .weather7dayList li .date .todayDate, html.tc body .committeeContent ul, html.tc body .committeeContent ol, html.tc body section.carbon-management h5, html.tc body .history .textContainer .yearItem:nth-child(1) .text .content-container .title, html.tc body .updateInfo, html.tc body .resultFlight .airlineInfo a.viewAllFlights, html.tc body .resultFlight .airlineInfo .airlineInfoInner .airlineLounge, html.tc body .bookmarkedFlightDropdown .bookmarkedFlights .flightItem .bookmarkedFlightInfo .notFound, html.tc body .resultFlight .flightInfoBox .shareCode .shareCodeList li, html.tc body .resultFlight .airlineInfo .airlineInfoInner .viewAllAirline, html.tc body .genericTableBox .genericTable th[scope=row], html.tc body .genericTableBox .genericTable th[scope=col], html.tc body table caption, html.tc .ui-widget .passenger .title, html.tc .ui-widget .photoPopup .mfp-title, html.tc .ui-widget #popup-with-video .videoTitle, html.tc .ui-widget #popup-with-video .videoDesc, html.tc .ui-widget .page404Wrapper .page404 h2, html.tc .ui-widget .page404Wrapper .page404 p, html.tc .ui-widget .airQualityItem .airQualityDesc h4, html.tc .ui-widget .annualReportContent .mainReport .mainReportInfo .reportTitle, html.tc .ui-widget .annualReportContent a.viewVersion, html.tc .ui-widget .annualReportContent a.btnCTA span, html.tc .ui-widget .annualReportDetailContent .reportDetailTop .reportInfo a.more, html.tc .ui-widget .annualReportDetailContent .reportDetailTop .reportInfo a.external, html.tc .ui-widget .annualReportDetailContent .reportDetaiList, html.tc .ui-widget .bookmarkedFlightDropdown .bookmarkedFlights .flightItem dl.flightNo dd, html.tc .ui-widget .bookmarkedFlightDropdown .bookmarkedFlights .flightItem dl.time dd, html.tc .ui-widget .bookmarkedFlightDropdown .bookmarkedFlights .flightItem a.btnCTA, html.tc .ui-widget section.carbon-management h3, html.tc .ui-widget section.quick-facts h4, html.tc .ui-widget section.quick-facts h5, html.tc .ui-widget section.performance .performanceTxt h4, html.tc .ui-widget section.performance .performanceTxt h5, html.tc .ui-widget .carbonReduction .quoteTxtWrapper .doubleQuot, html.tc .ui-widget .extra-mile .extraMileBall .extraMileBallWrapper .ballContent .ballContentText h3, html.tc .ui-widget .extra-mile .extraMileBall .extraMileBallWrapper .ballContent .ballContentText h4, html.tc .ui-widget .extra-mile .extraMileBall .csvBall .ballContent .ballContentText h3, html.tc .ui-widget .extra-mile .extraMileBall .csvBall .ballContent .ballContentText h4, html.tc .ui-widget .configBox p, html.tc .ui-widget .filterBox .filterInputBox .filterInputTxt, html.tc .ui-widget .filterBox .filterSelectBox select, html.tc .ui-widget .filterBox .filterSelectBox .calendar, html.tc .ui-widget .shopFilter .categoryOverlayBox a, html.tc .ui-widget .ui-datepicker .ui-datepicker-header .ui-datepicker-title, html.tc .ui-widget .ui-datepicker th, html.tc .ui-widget .ui-datepicker .ui-datepicker-calendar td, html.tc .ui-widget .environmentMag h3, html.tc .ui-widget .environmentMagIcon .iconDesc h4, html.tc .ui-widget .reportListingWrapper .reportListing .reportItem .reportLink, html.tc .ui-widget .subnav .inner .title, html.tc .ui-widget .subnav .inner > ul, html.tc .ui-widget .subnav .inner .promotion .promoDesc, html.tc .ui-widget .hkiaNewsContent .mainReport .mainReportInfo .reportTitle, html.tc .ui-widget .hkiaNewsContent a.viewVersion, html.tc .ui-widget .hkiaNewsContent a.btnCTA span, html.tc .ui-widget .newsList, html.tc .ui-widget .newsSubscription h3, html.tc .ui-widget #importantNotice ul, html.tc .ui-widget .videoYtTitle, html.tc .ui-widget .videoYtDesc, html.tc .ui-widget .ourApproachIntro .middleIntroWrapper .middleIntro .middleLeftIntro p, html.tc .ui-widget .ourApproachIntro .middleIntroWrapper .middleIntro .middleRightIntro .ballItem h3, html.tc .ui-widget .ourApproachIntro .middleIntroWrapper .middleIntro .middleRightIntro .ballItem h4, html.tc .ui-widget .parkingChargeTable th, html.tc .ui-widget .tabContainer .performanceWrapper .performanceslick h3 span, html.tc .ui-widget .tabContainer .performanceWrapper .performanceslick dl dt h5, html.tc .ui-widget .tabContainer .performanceWrapper .performanceslick dl dd h5, html.tc .ui-widget .tabContainer .performanceWrapper .performanceslick dl dd h5 span, html.tc .ui-widget .boardListWrapper .boardListDesc, html.tc .ui-widget .upcomingContent p, html.tc .ui-widget .upcomingContent .genericTableBox .genericTable th, html.tc .ui-widget .upcomingContent .genericTableBox .genericTable td, html.tc .ui-widget .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper .ballContent .ballContentText h3, html.tc .ui-widget .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper .ballContent .ballContentText h4, html.tc .ui-widget .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper .smCircle h5 span, html.tc .ui-widget h2, html.tc .ui-widget .topTitle, html.tc .ui-widget .topBanner .title, html.tc .ui-widget .lv3menu ul li a, html.tc .ui-widget a.back, html.tc .ui-widget button.back, html.tc .ui-widget .doubleQuot, html.tc .ui-widget .custDropdown a, html.tc .ui-widget .searchBox .searchInput, html.tc .ui-widget .miniSearchBox .searchInput, html.tc .ui-widget .componentTitle, html.tc .ui-widget .component, html.tc .ui-widget .mainlandCoach, html.tc .ui-widget .component.txtAndImg .leftContent h4, html.tc .ui-widget .component.txtAndImg .rightContent h4, html.tc .ui-widget .mainlandCoach.txtAndImg .leftContent h4, html.tc .ui-widget .mainlandCoach.txtAndImg .rightContent h4, html.tc .ui-widget .component.centerList ul li .partner h4, html.tc .ui-widget .mainlandCoach.centerList ul li .partner h4, html.tc .ui-widget .remarkContainer h5, html.tc .ui-widget .resultFlight .airlineName, html.tc .ui-widget .resultFlight .flightInfoBox .flightInfo a, html.tc .ui-widget .resultFlight .flightInfoBox .flightInfo dl.departureTime dd, html.tc .ui-widget .resultFlight .airlineInfo .airlineInfoInner .airlineTel .telLink, html.tc .ui-widget .bottomBanner a .slogan, html.tc .ui-widget .bottomBanner a .doubleQuot, html.tc .ui-widget .mainContent, html.tc .ui-widget .contentContainer, html.tc .ui-widget .globalSilder.weather .weatherInner .weatherInfo .cityTemperature, html.tc .ui-widget .floatingAdHocBox a, html.tc .ui-widget .infoTable, html.tc .ui-widget .ui-selectmenu-button.ui-button, html.tc .ui-widget .ui-menu .ui-menu-item-wrapper, html.tc .ui-widget .weather7dayList li .date .todayDate, html.tc .ui-widget .committeeContent ul, html.tc .ui-widget .committeeContent ol, html.tc .ui-widget section.carbon-management h5, html.tc .ui-widget .history .textContainer .yearItem:nth-child(1) .text .content-container .title, html.tc .ui-widget .updateInfo, html.tc .ui-widget .resultFlight .airlineInfo a.viewAllFlights, html.tc .ui-widget .resultFlight .airlineInfo .airlineInfoInner .airlineLounge, html.tc .ui-widget .bookmarkedFlightDropdown .bookmarkedFlights .flightItem .bookmarkedFlightInfo .notFound, html.tc .ui-widget .resultFlight .flightInfoBox .shareCode .shareCodeList li, html.tc .ui-widget .resultFlight .airlineInfo .airlineInfoInner .viewAllAirline, html.tc .ui-widget .genericTableBox .genericTable th[scope=row], html.tc .ui-widget .genericTableBox .genericTable th[scope=col], html.tc .ui-widget table caption, html.sc body .passenger .title, html.sc body .photoPopup .mfp-title, html.sc body #popup-with-video .videoTitle, html.sc body #popup-with-video .videoDesc, html.sc body .page404Wrapper .page404 h2, html.sc body .page404Wrapper .page404 p, html.sc body .airQualityItem .airQualityDesc h4, html.sc body .annualReportContent .mainReport .mainReportInfo .reportTitle, html.sc body .annualReportContent a.viewVersion, html.sc body .annualReportContent a.btnCTA span, html.sc body .annualReportDetailContent .reportDetailTop .reportInfo a.more, html.sc body .annualReportDetailContent .reportDetailTop .reportInfo a.external, html.sc body .annualReportDetailContent .reportDetaiList, html.sc body .bookmarkedFlightDropdown .bookmarkedFlights .flightItem dl.flightNo dd, html.sc body .bookmarkedFlightDropdown .bookmarkedFlights .flightItem dl.time dd, html.sc body .bookmarkedFlightDropdown .bookmarkedFlights .flightItem a.btnCTA, html.sc body section.carbon-management h3, html.sc body section.quick-facts h4, html.sc body section.quick-facts h5, html.sc body section.performance .performanceTxt h4, html.sc body section.performance .performanceTxt h5, html.sc body .carbonReduction .quoteTxtWrapper .doubleQuot, html.sc body .extra-mile .extraMileBall .extraMileBallWrapper .ballContent .ballContentText h3, html.sc body .extra-mile .extraMileBall .extraMileBallWrapper .ballContent .ballContentText h4, html.sc body .extra-mile .extraMileBall .csvBall .ballContent .ballContentText h3, html.sc body .extra-mile .extraMileBall .csvBall .ballContent .ballContentText h4, html.sc body .configBox p, html.sc body .filterBox .filterInputBox .filterInputTxt, html.sc body .filterBox .filterSelectBox select, html.sc body .filterBox .filterSelectBox .calendar, html.sc body .shopFilter .categoryOverlayBox a, html.sc body .ui-datepicker .ui-datepicker-header .ui-datepicker-title, html.sc body .ui-datepicker th, html.sc body .ui-datepicker .ui-datepicker-calendar td, html.sc body .environmentMag h3, html.sc body .environmentMagIcon .iconDesc h4, html.sc body .reportListingWrapper .reportListing .reportItem .reportLink, html.sc body .subnav .inner .title, html.sc body .subnav .inner > ul, html.sc body .subnav .inner .promotion .promoDesc, html.sc body .hkiaNewsContent .mainReport .mainReportInfo .reportTitle, html.sc body .hkiaNewsContent a.viewVersion, html.sc body .hkiaNewsContent a.btnCTA span, html.sc body .newsList, html.sc body .newsSubscription h3, html.sc body #importantNotice ul, html.sc body .videoYtTitle, html.sc body .videoYtDesc, html.sc body .ourApproachIntro .middleIntroWrapper .middleIntro .middleLeftIntro p, html.sc body .ourApproachIntro .middleIntroWrapper .middleIntro .middleRightIntro .ballItem h3, html.sc body .ourApproachIntro .middleIntroWrapper .middleIntro .middleRightIntro .ballItem h4, html.sc body .parkingChargeTable th, html.sc body .tabContainer .performanceWrapper .performanceslick h3 span, html.sc body .tabContainer .performanceWrapper .performanceslick dl dt h5, html.sc body .tabContainer .performanceWrapper .performanceslick dl dd h5, html.sc body .tabContainer .performanceWrapper .performanceslick dl dd h5 span, html.sc body .boardListWrapper .boardListDesc, html.sc body .upcomingContent p, html.sc body .upcomingContent .genericTableBox .genericTable th, html.sc body .upcomingContent .genericTableBox .genericTable td, html.sc body .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper .ballContent .ballContentText h3, html.sc body .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper .ballContent .ballContentText h4, html.sc body .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper .smCircle h5 span, html.sc body h2, html.sc body .topTitle, html.sc body .topBanner .title, html.sc body .lv3menu ul li a, html.sc body a.back, html.sc body button.back, html.sc body .doubleQuot, html.sc body .custDropdown a, html.sc body .searchBox .searchInput, html.sc body .miniSearchBox .searchInput, html.sc body .componentTitle, html.sc body .component, html.sc body .mainlandCoach, html.sc body .component.txtAndImg .leftContent h4, html.sc body .component.txtAndImg .rightContent h4, html.sc body .mainlandCoach.txtAndImg .leftContent h4, html.sc body .mainlandCoach.txtAndImg .rightContent h4, html.sc body .component.centerList ul li .partner h4, html.sc body .mainlandCoach.centerList ul li .partner h4, html.sc body .remarkContainer h5, html.sc body .resultFlight .airlineName, html.sc body .resultFlight .flightInfoBox .flightInfo a, html.sc body .resultFlight .flightInfoBox .flightInfo dl.departureTime dd, html.sc body .resultFlight .airlineInfo .airlineInfoInner .airlineTel .telLink, html.sc body .bottomBanner a .slogan, html.sc body .bottomBanner a .doubleQuot, html.sc body .mainContent, html.sc body .contentContainer, html.sc body .globalSilder.weather .weatherInner .weatherInfo .cityTemperature, html.sc body .floatingAdHocBox a, html.sc body .infoTable, html.sc body .ui-selectmenu-button.ui-button, html.sc body .ui-menu .ui-menu-item-wrapper, html.sc body .weather7dayList li .date .todayDate, html.sc body .committeeContent ul, html.sc body .committeeContent ol, html.sc body section.carbon-management h5, html.sc body .history .textContainer .yearItem:nth-child(1) .text .content-container .title, html.sc body .updateInfo, html.sc body .resultFlight .airlineInfo a.viewAllFlights, html.sc body .resultFlight .airlineInfo .airlineInfoInner .airlineLounge, html.sc body .bookmarkedFlightDropdown .bookmarkedFlights .flightItem .bookmarkedFlightInfo .notFound, html.sc body .resultFlight .flightInfoBox .shareCode .shareCodeList li, html.sc body .resultFlight .airlineInfo .airlineInfoInner .viewAllAirline, html.sc body .genericTableBox .genericTable th[scope=row], html.sc body .genericTableBox .genericTable th[scope=col], html.sc body table caption, html.sc .ui-widget .passenger .title, html.sc .ui-widget .photoPopup .mfp-title, html.sc .ui-widget #popup-with-video .videoTitle, html.sc .ui-widget #popup-with-video .videoDesc, html.sc .ui-widget .page404Wrapper .page404 h2, html.sc .ui-widget .page404Wrapper .page404 p, html.sc .ui-widget .airQualityItem .airQualityDesc h4, html.sc .ui-widget .annualReportContent .mainReport .mainReportInfo .reportTitle, html.sc .ui-widget .annualReportContent a.viewVersion, html.sc .ui-widget .annualReportContent a.btnCTA span, html.sc .ui-widget .annualReportDetailContent .reportDetailTop .reportInfo a.more, html.sc .ui-widget .annualReportDetailContent .reportDetailTop .reportInfo a.external, html.sc .ui-widget .annualReportDetailContent .reportDetaiList, html.sc .ui-widget .bookmarkedFlightDropdown .bookmarkedFlights .flightItem dl.flightNo dd, html.sc .ui-widget .bookmarkedFlightDropdown .bookmarkedFlights .flightItem dl.time dd, html.sc .ui-widget .bookmarkedFlightDropdown .bookmarkedFlights .flightItem a.btnCTA, html.sc .ui-widget section.carbon-management h3, html.sc .ui-widget section.quick-facts h4, html.sc .ui-widget section.quick-facts h5, html.sc .ui-widget section.performance .performanceTxt h4, html.sc .ui-widget section.performance .performanceTxt h5, html.sc .ui-widget .carbonReduction .quoteTxtWrapper .doubleQuot, html.sc .ui-widget .extra-mile .extraMileBall .extraMileBallWrapper .ballContent .ballContentText h3, html.sc .ui-widget .extra-mile .extraMileBall .extraMileBallWrapper .ballContent .ballContentText h4, html.sc .ui-widget .extra-mile .extraMileBall .csvBall .ballContent .ballContentText h3, html.sc .ui-widget .extra-mile .extraMileBall .csvBall .ballContent .ballContentText h4, html.sc .ui-widget .configBox p, html.sc .ui-widget .filterBox .filterInputBox .filterInputTxt, html.sc .ui-widget .filterBox .filterSelectBox select, html.sc .ui-widget .filterBox .filterSelectBox .calendar, html.sc .ui-widget .shopFilter .categoryOverlayBox a, html.sc .ui-widget .ui-datepicker .ui-datepicker-header .ui-datepicker-title, html.sc .ui-widget .ui-datepicker th, html.sc .ui-widget .ui-datepicker .ui-datepicker-calendar td, html.sc .ui-widget .environmentMag h3, html.sc .ui-widget .environmentMagIcon .iconDesc h4, html.sc .ui-widget .reportListingWrapper .reportListing .reportItem .reportLink, html.sc .ui-widget .subnav .inner .title, html.sc .ui-widget .subnav .inner > ul, html.sc .ui-widget .subnav .inner .promotion .promoDesc, html.sc .ui-widget .hkiaNewsContent .mainReport .mainReportInfo .reportTitle, html.sc .ui-widget .hkiaNewsContent a.viewVersion, html.sc .ui-widget .hkiaNewsContent a.btnCTA span, html.sc .ui-widget .newsList, html.sc .ui-widget .newsSubscription h3, html.sc .ui-widget #importantNotice ul, html.sc .ui-widget .videoYtTitle, html.sc .ui-widget .videoYtDesc, html.sc .ui-widget .ourApproachIntro .middleIntroWrapper .middleIntro .middleLeftIntro p, html.sc .ui-widget .ourApproachIntro .middleIntroWrapper .middleIntro .middleRightIntro .ballItem h3, html.sc .ui-widget .ourApproachIntro .middleIntroWrapper .middleIntro .middleRightIntro .ballItem h4, html.sc .ui-widget .parkingChargeTable th, html.sc .ui-widget .tabContainer .performanceWrapper .performanceslick h3 span, html.sc .ui-widget .tabContainer .performanceWrapper .performanceslick dl dt h5, html.sc .ui-widget .tabContainer .performanceWrapper .performanceslick dl dd h5, html.sc .ui-widget .tabContainer .performanceWrapper .performanceslick dl dd h5 span, html.sc .ui-widget .boardListWrapper .boardListDesc, html.sc .ui-widget .upcomingContent p, html.sc .ui-widget .upcomingContent .genericTableBox .genericTable th, html.sc .ui-widget .upcomingContent .genericTableBox .genericTable td, html.sc .ui-widget .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper .ballContent .ballContentText h3, html.sc .ui-widget .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper .ballContent .ballContentText h4, html.sc .ui-widget .ourFoundations .ourFoundationBallPart .ourFoundationBallWrapper .smCircle h5 span, html.sc .ui-widget h2, html.sc .ui-widget .topTitle, html.sc .ui-widget .topBanner .title, html.sc .ui-widget .lv3menu ul li a, html.sc .ui-widget a.back, html.sc .ui-widget button.back, html.sc .ui-widget .doubleQuot, html.sc .ui-widget .custDropdown a, html.sc .ui-widget .searchBox .searchInput, html.sc .ui-widget .miniSearchBox .searchInput, html.sc .ui-widget .componentTitle, html.sc .ui-widget .component, html.sc .ui-widget .mainlandCoach, html.sc .ui-widget .component.txtAndImg .leftContent h4, html.sc .ui-widget .component.txtAndImg .rightContent h4, html.sc .ui-widget .mainlandCoach.txtAndImg .leftContent h4, html.sc .ui-widget .mainlandCoach.txtAndImg .rightContent h4, html.sc .ui-widget .component.centerList ul li .partner h4, html.sc .ui-widget .mainlandCoach.centerList ul li .partner h4, html.sc .ui-widget .remarkContainer h5, html.sc .ui-widget .resultFlight .airlineName, html.sc .ui-widget .resultFlight .flightInfoBox .flightInfo a, html.sc .ui-widget .resultFlight .flightInfoBox .flightInfo dl.departureTime dd, html.sc .ui-widget .resultFlight .airlineInfo .airlineInfoInner .airlineTel .telLink, html.sc .ui-widget .bottomBanner a .slogan, html.sc .ui-widget .bottomBanner a .doubleQuot, html.sc .ui-widget .mainContent, html.sc .ui-widget .contentContainer, html.sc .ui-widget .globalSilder.weather .weatherInner .weatherInfo .cityTemperature, html.sc .ui-widget .floatingAdHocBox a, html.sc .ui-widget .infoTable, html.sc .ui-widget .ui-selectmenu-button.ui-button, html.sc .ui-widget .ui-menu .ui-menu-item-wrapper, html.sc .ui-widget .weather7dayList li .date .todayDate, html.sc .ui-widget .committeeContent ul, html.sc .ui-widget .committeeContent ol, html.sc .ui-widget section.carbon-management h5, html.sc .ui-widget .history .textContainer .yearItem:nth-child(1) .text .content-container .title, html.sc .ui-widget .updateInfo, html.sc .ui-widget .resultFlight .airlineInfo a.viewAllFlights, html.sc .ui-widget .resultFlight .airlineInfo .airlineInfoInner .airlineLounge, html.sc .ui-widget .bookmarkedFlightDropdown .bookmarkedFlights .flightItem .bookmarkedFlightInfo .notFound, html.sc .ui-widget .resultFlight .flightInfoBox .shareCode .shareCodeList li, html.sc .ui-widget .resultFlight .airlineInfo .airlineInfoInner .viewAllAirline, html.sc .ui-widget .genericTableBox .genericTable th[scope=row], html.sc .ui-widget .genericTableBox .genericTable th[scope=col], html.sc .ui-widget table caption {
      font-weight: 400; }
    html.tc body h2, html.tc body h3, html.tc .ui-widget h2, html.tc .ui-widget h3, html.sc body h2, html.sc body h3, html.sc .ui-widget h2, html.sc .ui-widget h3 {
      font-weight: 700; }
    html.tc body .resultFlight dd, html.tc .ui-widget .resultFlight dd, html.sc body .resultFlight dd, html.sc .ui-widget .resultFlight dd {
      font-size: 2rem; }
  html.tc .topBanner .title span, html.sc .topBanner .title span {
    width: auto; }
  html.tc section.performance .performanceChartItem .leftYAxes, html.tc section.performance .performanceChartItem .rightYAxes, html.sc section.performance .performanceChartItem .leftYAxes, html.sc section.performance .performanceChartItem .rightYAxes {
    font-size: 13px; }
  html.tc ::-webkit-input-placeholder, html.sc ::-webkit-input-placeholder {
    font-family: "Roboto Condensed", "MHei", STXihei, 微軟正黑體, Arial, PMingLiU, Arial, sans-serif, Verdana, Helvetica; }
  html.tc ::-moz-placeholder, html.sc ::-moz-placeholder {
    font-family: "Roboto Condensed", "MHei", STXihei, 微軟正黑體, Arial, PMingLiU, Arial, sans-serif, Verdana, Helvetica; }
  html.tc :-ms-input-placeholder, html.sc :-ms-input-placeholder {
    font-family: "Roboto Condensed", "MHei", STXihei, 微軟正黑體, Arial, PMingLiU, Arial, sans-serif, Verdana, Helvetica; }
  html.tc :-moz-placeholder, html.sc :-moz-placeholder {
    font-family: "Roboto Condensed", "MHei", STXihei, 微軟正黑體, Arial, PMingLiU, Arial, sans-serif, Verdana, Helvetica; }

@media (max-width: 991px) {
  body:after {
    content: "tablet portrait";
    display: none; }
  html.tc .passenger, html.sc .passenger {
    font-weight: 400; } }

html {
  font-size: 62.5%; }

html.sizeS {
  font-size: 62.5%; }

html.sizeM {
  font-size: 69.444444%; }

html.sizeL {
  font-size: 76.388888%; }

body {
  font-size: 1.8rem;
  line-height: 1.6;
  color: #000000;
  overflow-x: hidden; }

body:after {
  content: "desktop";
  display: none; }

h1, h2, h3, h4, h5, h6 {
  line-height: 140%; }

h1 {
  font-size: 3.6rem; }

h2 {
  font-size: 2.4rem;
  font-weight: 300;
  color: #000000;
  padding-bottom: 25px; }

h3 {
  font-size: 1.8rem; }
  h3.contentTableHeader {
    padding-bottom: 10px; }

h4 {
  font-size: 1.4rem; }

input, select, textarea {
  font-family: "Roboto Condensed", Arial, sans-serif, Verdana, Helvetica;
  color: #000000; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000000; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #000000; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #000000; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #000000; }

.dark::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #FFF; }

.dark::-moz-placeholder {
  /* Firefox 19+ */
  color: #FFF; }

.dark:-ms-input-placeholder {
  /* IE 10+ */
  color: #FFF; }

.dark:-moz-placeholder {
  /* Firefox 18- */
  color: #FFF; }

input::-ms-clear {
  display: none; }

p {
  line-height: 160%;
  padding-bottom: 30px; }

a:hover {
  text-decoration: underline; }

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

.iw_row {
  margin-left: 0;
  margin-right: 0; }
  .iw_row .iw_columns {
    padding-left: 0;
    padding-right: 0; }

.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 {
  padding-left: 8px;
  padding-right: 8px; }

.outdatedOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: .5;
  overflow: hidden;
  z-index: 1042; }

.outdatedOverlay + .outdatedPopup {
  z-index: 1042;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  top: 80px;
  z-index: 1043; }

table caption {
  font-size: 1.8rem;
  line-height: 160%;
  font-weight: 300;
  padding-bottom: 30px; }

/* Weather Icons */
.weatherIcon {
  width: 21px;
  height: 21px;
  display: inline-block;
  vertical-align: middle; }

/* End of Weather Icons */
/* Icons */
.icon {
  position: relative; }
  .icon:before {
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% auto;
    vertical-align: middle; }
  .icon.time:before {
    background-image: url("../img/common/icon/icon_time.svg"); }
  .icon.fb:before {
    background-image: url("../img/common/icon/icon_fb.svg");
    width: 9px;
    height: 18px; }
  .icon.fb:after {
    background-image: url("../img/common/icon/icon_fb_hover.svg");
    width: 9px;
    height: 18px; }
  .icon.ig:before {
    background-image: url("../img/common/icon/icon_ig.svg");
    width: 18px;
    height: 18px; }
  .icon.ig:after {
    background-image: url("../img/common/icon/icon_ig_hover.svg");
    width: 18px;
    height: 18px; }
  .icon.bookmark:before {
    background-image: url("../img/common/icon/icon_bookmark.svg");
    width: 14px;
    height: 22px; }
  .icon.bookmark.grey:before {
    background-image: url("../img/common/icon/icon_bookmark_grey.svg");
    width: 18px;
    height: 25px; }
  .icon.refresh:before {
    content: "\e91b"; }
  .icon.web:before {
    background-image: url("../img/common/icon/icon_web.svg");
    width: 25px;
    height: 25px; }
  .icon.shopLocation:before {
    background-image: url("../img/common/icon/icon_marker_shop.svg");
    width: 17px;
    height: 22px; }
  .icon.shopLocation.multi:before {
    background-image: url("../img/common/icon/icon_marker_multi_shop.svg");
    width: 21px;
    height: 21px; }
  .icon.openingHour:before {
    background-image: url("../img/common/icon/icon_opening_hour.svg");
    width: 19px;
    height: 19px; }
  .icon .iconTxt {
    vertical-align: middle;
    margin-left: 10px; }

/* End of Icons */
/* Top Title */
.topTitle, .topBanner {
  margin-top: 100px;
  border-top: 0 #FFF solid;
  -webkit-transition: border-top-width 0.3s ease-out;
  transition: border-top-width 0.3s ease-out;
  /* border-width: 68px; */ }

.topTitle {
  background: #3D51E4;
  color: #FFF;
  font-size: 4.5rem;
  margin-bottom: 45px; }
  .topTitle span {
    display: block;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 80px;
    width: 100%; }
  .topTitle #runwayCanvas {
    display: none; }

/* End of Top Title */
/* Top Banner */
.topBanner {
  margin-left: auto;
  margin-right: auto;
  /*max-width:1920px;*/
  width: 100%;
  position: relative;
  overflow: hidden; }
  .topBanner.dark .title {
    color: #000000; }
  .topBanner .banner {
    width: 100%;
    height: 337px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 0; }
  .topBanner .title {
    position: absolute;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    color: #FFF;
    width: 100%;
    top: 50%;
    left: 50%;
    font-size: 5.4rem;
    line-height: 1.1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .topBanner .title span {
      margin-left: 80px;
      text-shadow: 0px 0px 20px black;
      margin-right: 80px;
      display: inline-block;
      padding: 15px 20px;
      opacity: 0; }

#runwayCanvas {
  position: absolute;
  bottom: 0;
  left: 0; }

/* End of Top Banner */
/* Breadcrumb */
.breadcrumb {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
  margin-top: 50px;
  padding-bottom: 25px;
  overflow: hidden;
  font-size: 1.4rem; }
  .breadcrumb a.section {
    cursor: pointer;
    text-decoration: none; }
    .breadcrumb a.section:hover {
      text-decoration: underline; }
  .breadcrumb .section {
    display: inline;
    color: #666; }
  .breadcrumb .divider {
    display: inline;
    margin: 0px 5px;
    color: #666; }
  .breadcrumb div:nth-of-type(2), .breadcrumb a:nth-of-type(2) {
    display: none; }

/* End of Breadcrumb */
/* 2nd level navigation */
.no-touchevents .lv2menu ul li a:hover {
  text-decoration: none; }

.no-touchevents .lv2menu ul li a:hover::before {
  width: 100%; }

.lv2menu {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  padding-left: 80px;
  padding-right: 80px;
  position: relative;
  overflow: hidden; }
  .lv2menu .menuWrapper {
    position: relative;
    overflow: hidden; }
    .lv2menu .menuWrapper:before {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #E5E5E5; }
    .lv2menu .menuWrapper.desktop ul {
      width: 100% !important; }
  .lv2menu .menuInner {
    position: relative; }
  .lv2menu .arrows {
    display: none;
    position: absolute;
    width: 50px;
    height: 42px;
    top: 0;
    right: 0;
    z-index: 1; }
    .lv2menu .arrows:before {
      content: '';
      position: absolute;
      width: 75px;
      height: 100%;
      top: 0;
      right: 0;
      background: rgba(255, 255, 255, 0);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, white), color-stop(100%, white));
      background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, white), to(white));
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2', GradientType=1 ); }
  .lv2menu .btnPrev, .lv2menu .btnNext {
    display: none;
    position: absolute;
    width: 50px;
    height: 43px;
    top: 0;
    z-index: 1; }
    .lv2menu .btnPrev:after, .lv2menu .btnNext:after {
      content: '';
      position: absolute;
      width: 7px;
      height: 12px;
      background-repeat: no-repeat;
      background-size: 100% auto;
      top: 10px; }
  .lv2menu .btnPrev {
    left: 0; }
    .lv2menu .btnPrev:after {
      background-image: url("../img/common/icon/icon_prev.svg");
      left: 10px; }
  .lv2menu .btnNext {
    right: 0; }
    .lv2menu .btnNext:after {
      background-image: url("../img/common/icon/icon_next.svg");
      right: 10px; }
  .lv2menu ul {
    display: block;
    text-align: left;
    list-style: none; }
    .lv2menu ul li {
      display: block;
      float: left;
      padding: 0 50px 0 0; }
      .lv2menu ul li:last-child {
        padding-right: 0; }
      .lv2menu ul li a {
        display: block;
        color: #000000;
        line-height: 140%;
        padding-top: 4px;
        padding-bottom: 17px;
        /* padding: 0 10px; */
        position: relative;
        text-decoration: none;
        -webkit-transition: color 0.3s ease-out;
        transition: color 0.3s ease-out; }
      .lv2menu ul li a::before {
        display: block;
        content: '';
        width: 0;
        height: 4px;
        position: absolute;
        bottom: 0;
        left: 0;
        border-bottom: 4px #FFF solid;
        -webkit-transition: width 0.2s ease-out;
        transition: width 0.2s ease-out; }
      .lv2menu ul li a.current::before {
        width: 100%; }
    .lv2menu ul li:nth-child(1) {
      padding-left: 0; }
  .lv2menu + .backContainer .backContainerInner {
    border-top: none; }

/* End of 2nd level navigation */
/* 3rd level navigation */
.no-touchevents .lv3menu ul li a:hover {
  color: #FFF;
  outline: none; }

.no-touchevents .lv3menu ul li a:focus {
  outline: none; }

.lv3menu {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
  margin-bottom: 30px;
  position: relative;
  min-height: 50px; }
  .lv3menu .menuWrapper {
    position: relative;
    overflow: hidden;
    background: #F2F2F2; }
    .lv3menu .menuWrapper.expand .menuInner {
      opacity: 0;
      height: 0; }
    .lv3menu .menuWrapper.expand .expandMenu {
      display: block;
      height: 0; }
    .lv3menu .menuWrapper.expand .btnClose {
      display: block;
      z-index: 2; }
      .lv3menu .menuWrapper.expand .btnClose span {
        font-size: 0; }
    .lv3menu .menuWrapper.expand .btnExpand {
      display: none; }
  .lv3menu .menuInner {
    position: relative;
    overflow: hidden;
    height: 50px;
    -webkit-overflow-scrolling: touch; }
  .lv3menu .btnGroup {
    position: absolute;
    top: 0;
    right: 0;
    display: none; }
  .lv3menu .expandMenu {
    display: none;
    position: relative;
    background: #F2F2F2;
    -webkit-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out; }
    .lv3menu .expandMenu ul {
      width: auto !important;
      padding-right: 50px; }
  .lv3menu .btnExpand {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
    z-index: 1;
    color: #001F3E;
    font-size: 25px; }
    .lv3menu .btnExpand:after {
      content: '';
      position: absolute;
      width: 100px;
      height: 100%;
      top: 0;
      right: 0;
      background: rgba(242, 242, 242, 0);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(242, 242, 242, 0)), color-stop(25%, #f2f2f2), color-stop(100%, #f2f2f2));
      background: -webkit-gradient(linear, left top, right top, from(rgba(242, 242, 242, 0)), color-stop(25%, #f2f2f2), to(#f2f2f2));
      background: linear-gradient(to right, rgba(242, 242, 242, 0) 0%, #f2f2f2 25%, #f2f2f2 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2', GradientType=1 ); }
    .lv3menu .btnExpand:before {
      position: absolute;
      width: 50px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      z-index: 1; }
    .lv3menu .btnExpand span {
      font-size: 0; }
  .lv3menu .btnClose {
    display: none;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    right: 0; }
    .lv3menu .btnClose span {
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      right: 0; }
      .lv3menu .btnClose span:before, .lv3menu .btnClose span:after {
        content: '';
        border-top: #001F3E 2px solid;
        width: 28px;
        height: 1px;
        position: absolute;
        top: 23px;
        left: 10px; }
      .lv3menu .btnClose span:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .lv3menu .btnClose span:after {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg); }
    .lv3menu .btnClose:after {
      display: none; }
  .lv3menu ul {
    display: block;
    text-align: left;
    list-style: none;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 70px; }
    .lv3menu ul li {
      display: block;
      float: left; }
      .lv3menu ul li a {
        font-weight: 300;
        display: block;
        color: #000000;
        line-height: 140%;
        padding: 0 30px 0 30px;
        height: 50px;
        line-height: 50px;
        position: relative;
        text-decoration: none;
        outline: none;
        -webkit-transition: background-color 0.3s ease-out;
        transition: background-color 0.3s ease-out; }
        .lv3menu ul li a.current {
          color: #FFF; }
  .lv3menu + .backContainer .backContainerInner {
    border-top: none; }

/* End of 3rd level navigation */
/* Back button */
.lv2menu + .backContainer {
  margin-top: -30px; }

.backContainer {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px; }
  .backContainer .backContainerInner {
    border-top: #D6D6D6 1px solid;
    padding-top: 12px;
    padding-bottom: 24px; }

.searchBack {
  display: none;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
  margin-bottom: 25px; }

/* End of Back button */
/* Main */
.skipLinks {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  top: 50%; }

#main {
  /* padding-top:100px; */
  min-height: 500px; }
  #main .inner {
    width: 100%;
    margin: 0 auto; }

.globalInner {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 80px; }

.noteBox {
  padding-top: 10px;
  font-size: 1.6rem; }
  .noteBox .title {
    display: block;
    font-weight: 700;
    padding-bottom: 5px; }
  .noteBox a {
    text-decoration: underline; }

.limitedWidth {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px; }

.virtualTour {
  border-top: #D6D6D6 1px solid;
  border-bottom: #D6D6D6 1px solid;
  margin-bottom: 30px; }
  .virtualTour a {
    display: inline-block;
    padding-top: 18px;
    padding-bottom: 18px;
    position: relative;
    padding-left: 50px;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out; }
    .virtualTour a:before {
      content: '';
      width: 42px;
      height: 22px;
      display: inline-block;
      position: absolute;
      left: 0;
      top: 21px;
      background: url("../img/common/icon/icon_360.png") no-repeat; }
    .virtualTour a:hover {
      color: #E80006; }

.showLoading {
  position: relative;
  min-height: 300px; }
  .showLoading:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 60px;
    min-height: 60px;
    background: url("../img/common/loader.gif") no-repeat center rgba(0, 0, 0, 0.2); }

.ani {
  -webkit-transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }

.ani {
  -webkit-transform: translate3d(0, 50px, 0) scale(0.9);
  transform: translate3d(0, 50px, 0) scale(0.9);
  opacity: 0; }

.ani.loaded {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  opacity: 1; }

.gAni {
  -webkit-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  -webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
  transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  transition: opacity 0.6s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out; }

.anchorHolder {
  margin-top: -80px;
  height: 80px;
  visibility: hidden;
  display: block; }

.readable, .icon-check em {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  top: 50%; }

h2.dateTitle {
  position: relative;
  padding-left: 30px; }
  h2.dateTitle:before {
    color: #809299;
    font-size: 21px;
    position: absolute;
    left: 0;
    top: 0px; }

label.error {
  color: red; }

.no-touchevents .html-content p a:hover, .no-touchevents .html-content-large p a:hover {
  color: #E80006; }

.no-touchevents .html-content dl a, .no-touchevents .html-content-large dl a {
  color: #000000; }
  .no-touchevents .html-content dl a:hover, .no-touchevents .html-content-large dl a:hover {
    color: #E80006; }

.html-content.tabContainer .tabNav li a, .html-content-large.tabContainer .tabNav li a {
  text-decoration: none; }

.html-content ul dl, .html-content-large ul dl {
  margin-bottom: 0; }

.html-content .accordion .accordionList .accordionItem > a, .html-content-large .accordion .accordionList .accordionItem > a {
  text-decoration: none; }

.html-content .accordionInner p, .html-content-large .accordionInner p {
  padding-bottom: 30px; }

.html-content ol, .html-content-large ol {
  padding-bottom: 30px;
  margin-left: 20px;
  list-style-type: decimal; }
  .html-content ol.lower-alpha, .html-content-large ol.lower-alpha {
    list-style-type: lower-alpha; }
  .html-content ol.upper-alpha, .html-content-large ol.upper-alpha {
    list-style-type: upper-alpha; }
  .html-content ol li, .html-content-large ol li {
    padding-bottom: 5px;
    padding-left: 5px; }
    .html-content ol li:last-child, .html-content-large ol li:last-child {
      padding-bottom: 0; }
    .html-content ol li:before, .html-content-large ol li:before {
      display: none; }
    .html-content ol li a, .html-content-large ol li a {
      text-decoration: underline;
      -webkit-transition: color 0.3s ease-out;
      transition: color 0.3s ease-out; }
    .html-content ol li ol,
    .html-content ol li ul, .html-content-large ol li ol,
    .html-content-large ol li ul {
      padding-bottom: 0; }

.html-content dl, .html-content-large dl {
  margin-bottom: 30px; }
  .html-content dl a, .html-content-large dl a {
    text-decoration: underline;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out; }
  .html-content dl dt, .html-content-large dl dt {
    float: left;
    clear: left;
    width: 215px;
    padding-right: 20px;
    font-weight: 400; }
  .html-content dl dd, .html-content-large dl dd {
    margin: 0 0 5px 215px; }
  .html-content dl.shortDL dt, .html-content-large dl.shortDL dt {
    width: 115px; }
  .html-content dl.shortDL dd, .html-content-large dl.shortDL dd {
    margin-left: 115px; }

.additionalInfo a.more span.front, .additionalInfo a.more span.end, .additionalInfo a.document span.front, .additionalInfo a.document span.end, .additionalInfo button.more span.front, .additionalInfo button.more span.end, .additionalInfo button.document span.front, .additionalInfo button.document span.end {
  color: #019D86; }

a.more, a.back, a.document, button.more, button.back, button.document {
  display: inline-block;
  position: relative;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  a.more span, a.back span, a.document span, button.more span, button.back span, button.document span {
    display: inline;
    vertical-align: middle;
    position: relative;
    left: 0;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  a.more:hover, a.back:hover, a.document:hover, button.more:hover, button.back:hover, button.document:hover {
    text-decoration: none; }

a.more span.front, a.more span.end, a.document span.front, a.document span.end, button.more span.front, button.more span.end, button.document span.front, button.document span.end {
  color: #01E1BF; }

a.more span.front, a.document span.front, button.more span.front, button.document span.front {
  position: absolute;
  display: inline-block;
  top: 10px;
  margin-top: -9px;
  left: -10px !important;
  opacity: 0;
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

a.more span.end, a.document span.end, button.more span.end, button.document span.end {
  position: static;
  vertical-align: middle;
  display: inline-block;
  line-height: 1;
  margin-left: 10px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

a.back, button.back {
  color: #000000;
  font-weight: 300; }
  a.back span.front, button.back span.front {
    color: #01E1BF;
    position: static;
    vertical-align: middle;
    display: inline-block;
    line-height: 1;
    margin-right: 10px;
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  a.back span.end, button.back span.end {
    color: #01E1BF;
    position: absolute;
    display: inline-block;
    top: 50%;
    margin-top: -16px;
    right: -30px;
    left: auto !important;
    opacity: 0;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    text-decoration: none; }

a.document, button.document {
  display: inline-block;
  position: relative;
  text-decoration: none; }
  a.document:after, button.document:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 6px;
    width: 20px;
    height: 17px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  a.document .end, button.document .end {
    vertical-align: middle;
    line-height: 1;
    margin-left: 10px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }

a.btnCTA, button.btnCTA {
  display: table;
  background: #01E1BF;
  color: #000000;
  padding-left: 20px;
  padding-right: 20px;
  height: 54px;
  line-height: 140%;
  min-width: 200px;
  text-align: center;
  border: none;
  -webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out;
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
  position: relative; }
  a.btnCTA:before, button.btnCTA:before {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #3D51E4;
    overflow: hidden;
    -webkit-transition: width 0.2s ease-out;
    transition: width 0.2s ease-out; }
  a.btnCTA span, button.btnCTA span {
    display: table-cell;
    vertical-align: middle;
    position: relative; }
  a.btnCTA.grey, button.btnCTA.grey {
    background: #809299;
    color: #FFF; }

a.loadMore, button.loadMore {
  /* display: block; */
  width: 200px;
  margin: 30px auto 0 auto; }

a.btnTerms, button.btnTerms {
  display: block;
  color: #000000;
  font-size: 1.6rem;
  text-align: right;
  margin-top: 15px;
  text-decoration: underline;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out; }
  a.btnTerms:hover, button.btnTerms:hover {
    color: #E80006; }

button.btnCTA span {
  display: inline; }

.no-touchevents a.more:hover > span, .no-touchevents a.document:hover > span, .no-touchevents button.more:hover > span, .no-touchevents button.document:hover > span, .popUpPage a.more:hover > span, .popUpPage a.document:hover > span, .popUpPage button.more:hover > span, .popUpPage button.document:hover > span {
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0);
  text-decoration: underline;
  left: 20px; }

.no-touchevents a.more:hover .front, .no-touchevents a.document:hover .front, .no-touchevents button.more:hover .front, .no-touchevents button.document:hover .front, .popUpPage a.more:hover .front, .popUpPage a.document:hover .front, .popUpPage button.more:hover .front, .popUpPage button.document:hover .front {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  text-decoration: none; }

.no-touchevents a.more:hover .end, .no-touchevents a.document:hover .end, .no-touchevents button.more:hover .end, .no-touchevents button.document:hover .end, .popUpPage a.more:hover .end, .popUpPage a.document:hover .end, .popUpPage button.more:hover .end, .popUpPage button.document:hover .end {
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  opacity: 0;
  text-decoration: none; }

.no-touchevents a.back:hover > span, .no-touchevents button.back:hover > span, .popUpPage a.back:hover > span, .popUpPage button.back:hover > span {
  -webkit-transform: translate(-20px, 0);
  transform: translate(-20px, 0);
  left: -20px; }

.no-touchevents a.back:hover .front, .no-touchevents button.back:hover .front, .popUpPage a.back:hover .front, .popUpPage button.back:hover .front {
  opacity: 0;
  text-decoration: none; }

.no-touchevents a.back:hover .end, .no-touchevents button.back:hover .end, .popUpPage a.back:hover .end, .popUpPage button.back:hover .end {
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  opacity: 1; }

.no-touchevents a.document:hover:after, .no-touchevents button.document:hover:after, .popUpPage a.document:hover:after, .popUpPage button.document:hover:after {
  right: -7px; }

.no-touchevents a.document:hover > span, .no-touchevents button.document:hover > span, .popUpPage a.document:hover > span, .popUpPage button.document:hover > span {
  text-decoration: underline; }

.no-touchevents a.document:hover [class^="icon-"], .no-touchevents a.document:hover [class*=" icon-"], .no-touchevents button.document:hover [class^="icon-"], .no-touchevents button.document:hover [class*=" icon-"], .popUpPage a.document:hover [class^="icon-"], .popUpPage a.document:hover [class*=" icon-"], .popUpPage button.document:hover [class^="icon-"], .popUpPage button.document:hover [class*=" icon-"] {
  text-decoration: none; }

.no-touchevents a.btnCTA, .no-touchevents button.btnCTA, .popUpPage a.btnCTA, .popUpPage button.btnCTA {
  /*&:hover, &:focus {*/ }
  .no-touchevents a.btnCTA:hover, .no-touchevents button.btnCTA:hover, .popUpPage a.btnCTA:hover, .popUpPage button.btnCTA:hover {
    color: #FFF;
    text-decoration: none; }
    .no-touchevents a.btnCTA:hover:before, .no-touchevents button.btnCTA:hover:before, .popUpPage a.btnCTA:hover:before, .popUpPage button.btnCTA:hover:before {
      width: 100%; }

.btnCTABox {
  margin-bottom: -10px;
  overflow: hidden; }
  .btnCTABox a.btnCTA, .btnCTABox button.btnCTA {
    float: left;
    margin-right: 13px;
    margin-bottom: 10px; }
    .btnCTABox a.btnCTA:last-child, .btnCTABox button.btnCTA:last-child {
      margin-right: 0; }

p.note, .bulletList.note, .html-content ul.note, .html-content-large ul.note, .contentList.note {
  font-size: 1.6rem; }

p.accordionNote, .bulletList.accordionNote, .html-content ul.accordionNote, .html-content-large ul.accordionNote, .contentList.accordionNote {
  padding-top: 15px; }

p a, .bulletList a, .html-content ul a, .html-content-large ul a, .contentList a {
  text-decoration: underline;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out; }
  p a:hover, .bulletList a:hover, .html-content ul a:hover, .html-content-large ul a:hover, .contentList a:hover {
    color: #E80006; }

section.back-color {
  background-color: #f6f1eb; }
  section.back-color .adHocSilder .slick-dots {
    bottom: -10px; }

.doubleQuot {
  font-weight: 300;
  font-size: 2.4rem;
  position: relative;
  padding-left: 65px;
  padding-right: 65px;
  margin-top: 10px;
  margin-bottom: 30px; }
  .doubleQuot:before {
    position: absolute;
    top: -20px;
    left: 0;
    font-size: 39px;
    color: #F25144; }
  .doubleQuot:after {
    position: absolute;
    bottom: -20px;
    right: 0;
    font-size: 39px;
    color: #F25144; }

.hkia_customSelect > select {
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 51px;
  position: absolute; }

.btnShowContent,
.btnHideContent {
  text-decoration: underline;
  white-space: nowrap; }
  .btnShowContent:before,
  .btnHideContent:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 7px;
    margin-left: 10px;
    margin-right: 10px;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #000000 transparent transparent transparent;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform-origin: 50% 35%;
    transform-origin: 50% 35%; }

.btnHideContent:before {
  margin-left: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.custDropdown {
  position: relative; }
  .custDropdown a {
    display: block;
    background: #3D51E4;
    font-weight: 300; }
    .custDropdown a.btnControl {
      color: #FFF;
      position: relative;
      width: 100%;
      padding: 13px 55px 13px 30px; }
      .custDropdown a.btnControl:after {
        content: '';
        display: block;
        position: absolute;
        right: 25px;
        top: 50%;
        margin-top: -5px;
        width: 0;
        height: 9px;
        border-style: solid;
        border-width: 9px 9px 0 9px;
        border-color: #9EA8F2 transparent transparent transparent;
        margin-left: 10px;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
      .custDropdown a.btnControl.active:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
  .custDropdown .dropDownInner {
    display: none;
    position: absolute;
    background: #3D51E4;
    z-index: 1;
    top: 59px;
    left: 0;
    width: 100%;
    padding-top: 2px; }
    .custDropdown .dropDownInner a {
      color: #FFF;
      padding: 8px 30px 8px 30px; }

.mcNote {
  padding-top: 20px; }

/* End of Main */
/* Smart Search */
.searchBox, .miniSearchBox {
  position: relative;
  width: 415px;
  margin: 0 auto;
  padding: 0 0 0 0;
  border-bottom: #3D51E4 1px solid; }
  .searchBox.submitted:after, .miniSearchBox.submitted:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 53px;
    height: 53px; }
  .searchBox .searchLabel, .miniSearchBox .searchLabel {
    font-size: 0;
    display: none; }
  .searchBox .searchInput, .miniSearchBox .searchInput {
    width: 100%;
    padding-left: 10px;
    border: none;
    font-weight: 300;
    font-size: 2.4rem;
    line-height: 53px;
    height: 53px;
    padding-bottom: 20px; }
  .searchBox .searchBoxBtn, .searchBox .btnOpenSearch, .miniSearchBox .searchBoxBtn, .miniSearchBox .btnOpenSearch {
    position: absolute;
    right: 0;
    top: 0;
    width: 53px;
    height: 53px;
    color: #001E3F;
    font-size: 25px;
    padding-right: 10px;
    text-decoration: none;
    text-align: right; }
    .searchBox .searchBoxBtn span, .searchBox .btnOpenSearch span, .miniSearchBox .searchBoxBtn span, .miniSearchBox .btnOpenSearch span {
      font-size: 0; }

.miniSearchBox {
  display: none; }

.searchBoxPlaceHolder {
  display: none;
  position: absolute;
  z-index: 10;
  top: 63px;
  left: 0;
  /*width:100%;*/
  width: 415px;
  max-height: 264px;
  overflow: auto; }
  .searchBoxPlaceHolder.ui-autocomplete li .ui-menu-item-wrapper {
    display: block;
    padding: 8px 30px;
    color: #000000;
    text-decoration: none;
    background: #01E1BF;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
    .searchBoxPlaceHolder.ui-autocomplete li .ui-menu-item-wrapper:hover {
      background: #001F3E;
      color: #FFF; }
  .searchBoxPlaceHolder.ui-autocomplete li .ui-state-active.ui-menu-item-wrapper {
    background: #001F3E;
    color: #FFF; }

.resultHolder {
  display: none;
  min-height: 400px; }
  .resultHolder .resultFlightContent .noFlightResult {
    padding-bottom: 40px; }
    .resultHolder .resultFlightContent .noFlightResult.withResult {
      padding-top: 20px; }
    .resultHolder .resultFlightContent .noFlightResult a {
      text-decoration: underline;
      -webkit-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
      .resultHolder .resultFlightContent .noFlightResult a:hover {
        color: #E80006; }
  .resultHolder .resultFlightContent .desc {
    font-size: 1.6rem;
    margin-top: 10px; }
    .resultHolder .resultFlightContent .desc em {
      font-style: normal;
      font-weight: 400; }
  .resultHolder .resultFlightContent .configBox,
  .resultHolder .resultFlightContent .flightInfoTable {
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px; }
  .resultHolder .resultFlightContent .dateBox {
    height: 60px;
    line-height: 60px;
    color: #000000;
    background-color: #CCCCCC;
    font-size: 1.8rem;
    padding-left: 15px; }
  .resultHolder .resultFlightContent .componentTitle .more {
    font-size: 1.6rem;
    float: right;
    text-decoration: none;
    padding-left: 20px; }
    .resultHolder .resultFlightContent .componentTitle .more:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -14px;
      width: 1px;
      height: 28px;
      background-color: #9FADB2; }
    .resultHolder .resultFlightContent .componentTitle .more .front {
      left: 15px !important; }
  .resultHolder .resultFlightContent .cargoInfoTable .leftContentBox {
    width: 57%; }
    .resultHolder .resultFlightContent .cargoInfoTable .leftContentBox .timeData {
      width: 19%; }
  .resultHolder .resultFlightContent .cargoInfoTable .rightContentBox {
    width: 43%; }
  .resultHolder .resultShop .componentTitle a {
    width: 120px;
    font-size: 1.6rem;
    margin-bottom: 24px;
    float: right;
    font-weight: 400; }
  .resultHolder .resultAirlineContent .airlineInfoTable {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0; }
    .resultHolder .resultAirlineContent .airlineInfoTable .airlineResultDataBox .loungeBox {
      margin-top: -100%; }
      .resultHolder .resultAirlineContent .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .loungeData {
        margin-bottom: 2px; }
        .resultHolder .resultAirlineContent .airlineInfoTable .airlineResultDataBox .loungeBox .contentBox .loungeData .remarksData {
          line-height: 1.1em; }

.keywordResult .row {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 60px;
  background-color: #F2F2F2; }
  .keywordResult .row:last-child {
    margin-bottom: 0; }
  .keywordResult .row > div {
    padding-left: 0;
    padding-right: 0; }
    .keywordResult .row > div.keywordContent {
      padding-top: 25px;
      padding-bottom: 25px;
      padding-left: 40px;
      padding-right: 40px; }
      .keywordResult .row > div.keywordContent ul, .keywordResult .row > div.keywordContent ol {
        padding-bottom: 30px; }

.resultBox {
  /* display:none; */ }
  .resultBox.defaultContent {
    display: block; }

.resultFlightContent .fixTableHeader .flightTableHeader, .resultAirlineContent .fixTableHeader .flightTableHeader {
  padding-left: 0;
  padding-right: 0; }

.resultFlightContent .fixTableHeader.fixed .flightTableHeader, .resultAirlineContent .fixTableHeader.fixed .flightTableHeader {
  padding-left: 80px;
  padding-right: 80px; }

.resultDataContainerBox {
  display: inline-block; }

.resultDataContainerBox:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  font-size: 0;
  visibility: hidden; }

.resultDataContainerBox {
  display: block; }

.resultFlightContent .tabContainer .tabNav li {
  border-top: none;
  width: 50%; }
  .resultFlightContent .tabContainer .tabNav li a {
    padding-top: 18px;
    padding-bottom: 17px;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 400;
    background: #3141B6;
    -webkit-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out; }
  .resultFlightContent .tabContainer .tabNav li.current a {
    background: #3D51E4;
    color: white; }

.no-touchevents .resultFlightContent .tabContainer .tabNav li a:hover {
  background: #3D51E4; }

.no-touchevents .resultFlight .flightInfoBox .flightInfo a:hover {
  color: #E80006; }

.shopInfo, .awardInfo {
  line-height: 140%;
  padding-top: 11px; }
  .shopInfo li, .awardInfo li {
    padding-bottom: 12px; }
    .shopInfo li:last-child, .awardInfo li:last-child {
      padding-bottom: 0; }
    .shopInfo li:before, .awardInfo li:before {
      position: absolute;
      top: 0;
      left: 0; }
    .shopInfo li.shopLocation a, .awardInfo li.shopLocation a {
      text-decoration: underline; }
    .shopInfo li.shopLocation.multi a, .awardInfo li.shopLocation.multi a {
      text-decoration: none; }
    .shopInfo li a, .awardInfo li a {
      text-decoration: underline;
      -webkit-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
      .shopInfo li a:hover, .awardInfo li a:hover {
        color: #E80006; }

.shopInfo .address, .shopInfo .time, .shopInfo .more, .shopInfo .email, .shopInfo .website, .shopInfo .date, .shopInfo .telLink, .shopInfo .fax, .shopInfo .awardsName, .awardInfo .address, .awardInfo .time, .awardInfo .more, .awardInfo .email, .awardInfo .website, .awardInfo .date, .awardInfo .telLink, .awardInfo .fax, .awardInfo .awardsName, .coachesProviderList .address, .coachesProviderList .time, .coachesProviderList .more, .coachesProviderList .email, .coachesProviderList .website, .coachesProviderList .date, .coachesProviderList .telLink, .coachesProviderList .fax, .coachesProviderList .awardsName, .genericTableBox .address, .genericTableBox .time, .genericTableBox .more, .genericTableBox .email, .genericTableBox .website, .genericTableBox .date, .genericTableBox .telLink, .genericTableBox .fax, .genericTableBox .awardsName, .ticketingDetail .address, .ticketingDetail .time, .ticketingDetail .more, .ticketingDetail .email, .ticketingDetail .website, .ticketingDetail .date, .ticketingDetail .telLink, .ticketingDetail .fax, .ticketingDetail .awardsName {
  display: block;
  padding-top: 0;
  padding-left: 30px;
  position: relative; }
  .shopInfo .address::before, .shopInfo .time::before, .shopInfo .more::before, .shopInfo .email::before, .shopInfo .website::before, .shopInfo .date::before, .shopInfo .telLink::before, .shopInfo .fax::before, .shopInfo .awardsName::before, .awardInfo .address::before, .awardInfo .time::before, .awardInfo .more::before, .awardInfo .email::before, .awardInfo .website::before, .awardInfo .date::before, .awardInfo .telLink::before, .awardInfo .fax::before, .awardInfo .awardsName::before, .coachesProviderList .address::before, .coachesProviderList .time::before, .coachesProviderList .more::before, .coachesProviderList .email::before, .coachesProviderList .website::before, .coachesProviderList .date::before, .coachesProviderList .telLink::before, .coachesProviderList .fax::before, .coachesProviderList .awardsName::before, .genericTableBox .address::before, .genericTableBox .time::before, .genericTableBox .more::before, .genericTableBox .email::before, .genericTableBox .website::before, .genericTableBox .date::before, .genericTableBox .telLink::before, .genericTableBox .fax::before, .genericTableBox .awardsName::before, .ticketingDetail .address::before, .ticketingDetail .time::before, .ticketingDetail .more::before, .ticketingDetail .email::before, .ticketingDetail .website::before, .ticketingDetail .date::before, .ticketingDetail .telLink::before, .ticketingDetail .fax::before, .ticketingDetail .awardsName::before {
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #7D8F97; }

.shopInfo .address::before, .awardInfo .address::before, .coachesProviderList .address::before, .genericTableBox .address::before, .ticketingDetail .address::before {
  top: -2px;
  left: 2px;
  width: 17px;
  height: 22px; }

.shopInfo .address.more::before, .awardInfo .address.more::before, .coachesProviderList .address.more::before, .genericTableBox .address.more::before, .ticketingDetail .address.more::before {
  width: 21px;
  height: 21px; }

.shopInfo .time::before, .awardInfo .time::before, .coachesProviderList .time::before, .genericTableBox .time::before, .ticketingDetail .time::before {
  top: -3px;
  left: 3px;
  width: 19px;
  height: 19px; }

.shopInfo .email::before, .awardInfo .email::before, .coachesProviderList .email::before, .genericTableBox .email::before, .ticketingDetail .email::before {
  top: -2px;
  left: 2px;
  width: 18px;
  height: 14px; }

.shopInfo .website::before, .awardInfo .website::before, .coachesProviderList .website::before, .genericTableBox .website::before, .ticketingDetail .website::before {
  top: -1px;
  left: 2px;
  width: 19px;
  height: 19px; }

.shopInfo .date::before, .awardInfo .date::before, .coachesProviderList .date::before, .genericTableBox .date::before, .ticketingDetail .date::before {
  top: -3px;
  left: 3px;
  width: 20px;
  height: 19px; }

.shopInfo .telLink::before, .awardInfo .telLink::before, .coachesProviderList .telLink::before, .genericTableBox .telLink::before, .ticketingDetail .telLink::before {
  top: -2px;
  left: 1px;
  width: 21px;
  height: 21px; }

.shopInfo .fax::before, .awardInfo .fax::before, .coachesProviderList .fax::before, .genericTableBox .fax::before, .ticketingDetail .fax::before {
  top: 3px;
  left: 2px;
  width: 17px;
  height: 19px; }

.shopInfo .awardsName::before, .awardInfo .awardsName::before, .coachesProviderList .awardsName::before, .genericTableBox .awardsName::before, .ticketingDetail .awardsName::before {
  top: -2px;
  left: 2px;
  width: 17px;
  height: 22px; }

dl.coachesProviderList dt {
  float: left;
  width: 170px; }

dl.coachesProviderList dd {
  margin-left: 170px;
  padding-bottom: 30px; }
  dl.coachesProviderList dd a {
    text-decoration: underline;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out; }
    dl.coachesProviderList dd a:hover {
      color: #E80006; }

.componentTitle {
  font-size: 3.6rem;
  font-weight: 300;
  line-height: 140%;
  padding-bottom: 25px; }
  .componentTitle.blk {
    color: #333; }
  .componentTitle + .lastUpdated {
    position: absolute;
    top: 10px;
    right: 80px; }

.noticeTitle {
  padding-left: 55px;
  position: relative; }
  .noticeTitle::before {
    display: block;
    position: absolute;
    left: 3px;
    top: 0;
    width: 40px;
    height: 40px;
    background: #FFAA00;
    background-size: 6px 25px;
    font-size: 25px;
    padding-left: 8px;
    border-radius: 50%; }

.sitemap .componentTitle {
  padding-bottom: 40px; }

.sitemap a {
  text-decoration: underline; }

.sitemap h2 {
  padding-bottom: 24px; }

.sitemap h3 {
  font-size: 2.4rem;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 4px solid #3D51E4; }

.sitemap dl {
  width: 100%;
  padding-bottom: 20px; }
  .sitemap dl dt {
    padding-bottom: 12px;
    font-weight: 400; }
  .sitemap dl dd {
    padding: 0 0 0 18px; }
    .sitemap dl dd a {
      text-decoration: none; }
  .sitemap dl dd + dt {
    padding-top: 20px; }

.iconList li {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 130px;
  padding-bottom: 20px; }
  .iconList li a {
    display: block;
    font-size: 1.5rem;
    line-height: 140%; }
    .iconList li a:before {
      content: '';
      display: block;
      margin: 0 auto 15px auto;
      width: 90px;
      height: 90px;
      border-radius: 50%;
      border: #F25144 2px solid;
      background-color: #F25144;
      -webkit-transition: background-color 0.3s ease-out;
      transition: background-color 0.3s ease-out; }
    .iconList li a:hover:before {
      background-color: #F6F1EF;
      background-position: center -100px; }

.bulletList, .html-content ul, .html-content-large ul {
  padding-bottom: 30px; }
  .bulletList li, .html-content ul li, .html-content-large ul li {
    position: relative;
    padding-left: 20px;
    padding-bottom: 5px; }
    .bulletList li:last-child, .html-content ul li:last-child, .html-content-large ul li:last-child {
      padding-bottom: 0; }
      .bulletList li:last-child p:last-child, .html-content ul li:last-child p:last-child, .html-content-large ul li:last-child p:last-child {
        padding-bottom: 0; }
    .bulletList li:before, .html-content ul li:before, .html-content-large ul li:before {
      content: '';
      position: absolute;
      top: 11px;
      left: 0;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #3D51E4; }
    .bulletList li > ul, .html-content ul li > ul, .html-content-large ul li > ul {
      padding-top: 5px; }
      .bulletList li > ul:last-child, .html-content ul li > ul:last-child, .html-content-large ul li > ul:last-child {
        padding-bottom: 0; }

.contentList {
  padding-bottom: 30px; }
  .contentList dt {
    float: left;
    width: 100px;
    padding-right: 20px; }
  .contentList dd {
    margin-left: 100px; }

.noteContainer {
  font-size: 1.6rem; }
  .noteContainer .noteTitle {
    font-weight: 400; }
  .noteContainer ol {
    list-style: decimal;
    margin-left: 20px; }
    .noteContainer ol li {
      padding-left: 5px; }

.component, .mainlandCoach {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 80px;
  margin-bottom: 60px;
  font-weight: 300;
  /* h2 {
		padding-bottom: 5px;
	} */ }
  .component .componentInner, .mainlandCoach .componentInner {
    max-width: 1440px;
    padding: 0 80px;
    margin-left: auto;
    margin-right: auto; }
  .component a, .mainlandCoach a {
    color: #000000;
    /* &:hover, &:focus {
			text-decoration: none;
		} */ }
  .component .imgRight, .mainlandCoach .imgRight {
    float: right; }
  .component .poster a:before, .mainlandCoach .poster a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #FFF;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out; }
  .component.column3 .row a, .component.column4 .row a, .mainlandCoach.column3 .row a, .mainlandCoach.column4 .row a {
    display: block; }
  .component.column3 a.btnCTA, .component.column4 a.btnCTA, .mainlandCoach.column3 a.btnCTA, .mainlandCoach.column4 a.btnCTA {
    display: table; }
  .component.column3 a img, .component.column4 a img, .mainlandCoach.column3 a img, .mainlandCoach.column4 a img {
    width: 100%; }
  .component.column3 .img, .component.column3 .title, .component.column3 .titleLv2, .component.column3 .desc, .component.column4 .img, .component.column4 .title, .component.column4 .titleLv2, .component.column4 .desc, .mainlandCoach.column3 .img, .mainlandCoach.column3 .title, .mainlandCoach.column3 .titleLv2, .mainlandCoach.column3 .desc, .mainlandCoach.column4 .img, .mainlandCoach.column4 .title, .mainlandCoach.column4 .titleLv2, .mainlandCoach.column4 .desc {
    display: block; }
  .component.column3 .img, .component.column4 .img, .mainlandCoach.column3 .img, .mainlandCoach.column4 .img {
    /* border:$promo-img-hover-border-color 0 solid; */
    -webkit-transition: border 0.2s ease-out;
    transition: border 0.2s ease-out;
    position: relative;
    overflow: hidden; }
    .component.column3 .img img, .component.column4 .img img, .mainlandCoach.column3 .img img, .mainlandCoach.column4 .img img {
      -webkit-transform: translate3d(0, 0, 0) scale(1.05);
      transform: translate3d(0, 0, 0) scale(1.05);
      -webkit-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
    .component.column3 .img:before, .component.column4 .img:before, .mainlandCoach.column3 .img:before, .mainlandCoach.column4 .img:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: #FC5600 0 solid;
      z-index: 1;
      -webkit-transition: border 0.2s ease-out;
      transition: border 0.2s ease-out; }
  .component.column3 .title, .component.column4 .title, .mainlandCoach.column3 .title, .mainlandCoach.column4 .title {
    font-size: 2.4rem;
    padding-top: 15px;
    line-height: 140%; }
  .component.column3 .titleLv2, .component.column4 .titleLv2, .mainlandCoach.column3 .titleLv2, .mainlandCoach.column4 .titleLv2 {
    padding-top: 8px;
    padding-bottom: 5px; }
  .component.column3 .desc, .component.column4 .desc, .mainlandCoach.column3 .desc, .mainlandCoach.column4 .desc {
    padding-top: 15px;
    line-height: 140%; }
    .component.column3 .desc a, .component.column4 .desc a, .mainlandCoach.column3 .desc a, .mainlandCoach.column4 .desc a {
      display: inline; }
  .component.column3 .noteBox, .component.column4 .noteBox, .mainlandCoach.column3 .noteBox, .mainlandCoach.column4 .noteBox {
    font-size: 1.6rem; }
    .component.column3 .noteBox .title, .component.column4 .noteBox .title, .mainlandCoach.column3 .noteBox .title, .mainlandCoach.column4 .noteBox .title {
      font-size: 1.6rem;
      padding-bottom: 5px; }
    .component.column3 .noteBox a, .component.column4 .noteBox a, .mainlandCoach.column3 .noteBox a, .mainlandCoach.column4 .noteBox a {
      display: inline; }
  .component.column3 .new, .component.column4 .new, .mainlandCoach.column3 .new, .mainlandCoach.column4 .new {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    color: #000000;
    font-size: 1.5rem;
    font-style: italic; }
    .component.column3 .new:after, .component.column4 .new:after, .mainlandCoach.column3 .new:after, .mainlandCoach.column4 .new:after {
      content: '';
      width: 0;
      height: 0;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      border-style: solid;
      border-width: 60px 60px 0 0;
      border-color: #01E1BF transparent transparent transparent; }
    .component.column3 .new span, .component.column4 .new span, .mainlandCoach.column3 .new span, .mainlandCoach.column4 .new span {
      position: absolute;
      top: 5px;
      left: 5px;
      font-weight: 400;
      z-index: 2; }
  .component.column3 .videoBox, .component.column4 .videoBox, .mainlandCoach.column3 .videoBox, .mainlandCoach.column4 .videoBox {
    margin-bottom: 0; }
  .component.column3, .mainlandCoach.column3 {
    margin-bottom: 30px; }
    .component.column3 .row .box, .mainlandCoach.column3 .row .box {
      margin-bottom: 40px; }
      .component.column3 .row .box:nth-child(3n + 1), .mainlandCoach.column3 .row .box:nth-child(3n + 1) {
        clear: both; }
    .component.column3 .promoShop a.img, .mainlandCoach.column3 .promoShop a.img {
      padding-bottom: 100%; }
    .component.column3 .promoShop a img, .mainlandCoach.column3 .promoShop a img {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%) scale(1.05);
      transform: translate(-50%, -50%) scale(1.05); }
  .component.column4, .mainlandCoach.column4 {
    margin-bottom: 40px; }
    .component.column4.alsoLikeBox a.img, .mainlandCoach.column4.alsoLikeBox a.img {
      padding-bottom: 100%; }
      .component.column4.alsoLikeBox a.img img, .mainlandCoach.column4.alsoLikeBox a.img img {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05); }
    .component.column4 .row .box, .mainlandCoach.column4 .row .box {
      margin-bottom: 40px; }
      .component.column4 .row .box:nth-child(4n + 1), .mainlandCoach.column4 .row .box:nth-child(4n + 1) {
        clear: both; }
      .component.column4 .row .box[data-column="0"], .mainlandCoach.column4 .row .box[data-column="0"] {
        clear: both; }
      .component.column4 .row .box[data-column="1"], .mainlandCoach.column4 .row .box[data-column="1"] {
        clear: none; }
      .component.column4 .row .box[data-column="2"], .mainlandCoach.column4 .row .box[data-column="2"] {
        clear: none; }
      .component.column4 .row .box[data-column="3"], .mainlandCoach.column4 .row .box[data-column="3"] {
        clear: none; }
    .component.column4 .videoBox::before, .mainlandCoach.column4 .videoBox::before {
      display: block;
      right: 0;
      bottom: 0;
      top: auto;
      left: auto;
      margin: 0;
      z-index: 2;
      border-radius: 0;
      -webkit-transform: scale(1);
      transform: scale(1);
      border: none;
      width: 60px;
      height: 60px;
      background: url("../img/common/icon/icon_video.png") no-repeat;
      background-size: auto 100%; }
    .component.column4 .videoBox::after, .mainlandCoach.column4 .videoBox::after {
      display: none; }
  .component.column6 .row .box:nth-child(6n + 1), .mainlandCoach.column6 .row .box:nth-child(6n + 1) {
    clear: both; }
  .component.column6 .row .box[data-column="0"], .mainlandCoach.column6 .row .box[data-column="0"] {
    clear: both; }
  .component.column6 .row .box[data-column="1"], .mainlandCoach.column6 .row .box[data-column="1"] {
    clear: none; }
  .component.column6 .row .box[data-column="2"], .mainlandCoach.column6 .row .box[data-column="2"] {
    clear: none; }
  .component.column6 .row .box[data-column="3"], .mainlandCoach.column6 .row .box[data-column="3"] {
    clear: none; }
  .component.column6 .row .box[data-column="4"], .mainlandCoach.column6 .row .box[data-column="4"] {
    clear: none; }
  .component.column6 .row .box[data-column="5"], .mainlandCoach.column6 .row .box[data-column="5"] {
    clear: none; }
  .component.helpfulIcon, .mainlandCoach.helpfulIcon {
    background: #F6F1EF; }
    .component.helpfulIcon .componentInner, .mainlandCoach.helpfulIcon .componentInner {
      padding-top: 80px;
      padding-bottom: 60px; }
    .component.helpfulIcon .componentTitle, .mainlandCoach.helpfulIcon .componentTitle {
      padding-bottom: 10px; }
    .component.helpfulIcon p, .mainlandCoach.helpfulIcon p {
      padding-bottom: 0; }
    .component.helpfulIcon .more, .mainlandCoach.helpfulIcon .more {
      margin-top: 30px; }
      .component.helpfulIcon .more [class^="icon-"], .component.helpfulIcon .more [class*=" icon-"], .mainlandCoach.helpfulIcon .more [class^="icon-"], .mainlandCoach.helpfulIcon .more [class*=" icon-"] {
        color: #F25144;
        text-decoration: none; }
  .component.relatedContent, .mainlandCoach.relatedContent {
    background: #F2F2F2;
    padding-top: 60px;
    padding-bottom: 50px;
    margin-bottom: 0;
    min-height: 300px; }
    .component.relatedContent.otherResult, .mainlandCoach.relatedContent.otherResult {
      background: transparent;
      padding-top: 0; }
    .component.relatedContent .searchResultList, .mainlandCoach.relatedContent .searchResultList {
      border-bottom: #D9D9D9 1px solid; }
      .component.relatedContent .searchResultList li > a, .mainlandCoach.relatedContent .searchResultList li > a {
        display: block;
        padding: 5px 0;
        font-size: 2.4rem;
        line-height: 140%;
        text-decoration: underline;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
        .component.relatedContent .searchResultList li > a:hover, .mainlandCoach.relatedContent .searchResultList li > a:hover {
          color: #E80006; }
    .component.relatedContent .showMoreRelatedContent, .mainlandCoach.relatedContent .showMoreRelatedContent {
      font-size: 2.4rem;
      text-align: center;
      display: block; }
  .component.txtAndImg, .mainlandCoach.txtAndImg {
    margin-bottom: 50px; }
    .component.txtAndImg.promotionPage .promotionItem, .mainlandCoach.txtAndImg.promotionPage .promotionItem {
      padding-bottom: 30px; }
    .component.txtAndImg.promotionPage a.btnCTA, .mainlandCoach.txtAndImg.promotionPage a.btnCTA {
      margin-top: 30px; }
    .component.txtAndImg .row, .mainlandCoach.txtAndImg .row {
      margin-left: -14px;
      margin-right: -14px; }
      .component.txtAndImg .row > div, .mainlandCoach.txtAndImg .row > div {
        padding-left: 14px;
        padding-right: 14px; }
    .component.txtAndImg .logoBox, .mainlandCoach.txtAndImg .logoBox {
      background-color: #F2F2F2;
      position: relative;
      padding-top: 100%;
      height: 0; }
      .component.txtAndImg .logoBox img, .mainlandCoach.txtAndImg .logoBox img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .component.txtAndImg .shopInfo a span, .mainlandCoach.txtAndImg .shopInfo a span {
      padding-right: 20px; }
    .component.txtAndImg .btnCTABox, .mainlandCoach.txtAndImg .btnCTABox {
      overflow: hidden; }
      .component.txtAndImg .btnCTABox.coaches a.btnCTA, .mainlandCoach.txtAndImg .btnCTABox.coaches a.btnCTA {
        width: 40%; }
      .component.txtAndImg .btnCTABox a.btnCTA, .mainlandCoach.txtAndImg .btnCTABox a.btnCTA {
        margin-top: 0;
        margin-right: 13px;
        float: left; }
        .component.txtAndImg .btnCTABox a.btnCTA:last-child, .mainlandCoach.txtAndImg .btnCTABox a.btnCTA:last-child {
          margin-right: 0; }
    .component.txtAndImg .rightImg, .component.txtAndImg .leftImg, .mainlandCoach.txtAndImg .rightImg, .mainlandCoach.txtAndImg .leftImg {
      float: right;
      padding-bottom: 40px; }
    .component.txtAndImg .leftImg, .mainlandCoach.txtAndImg .leftImg {
      float: left; }
    .component.txtAndImg .leftContent, .component.txtAndImg .rightContent, .mainlandCoach.txtAndImg .leftContent, .mainlandCoach.txtAndImg .rightContent {
      float: left;
      text-align: left;
      padding: 0 14px 40px 0; }
      .component.txtAndImg .leftContent h4, .component.txtAndImg .rightContent h4, .mainlandCoach.txtAndImg .leftContent h4, .mainlandCoach.txtAndImg .rightContent h4 {
        font-size: 2.4rem;
        padding-bottom: 20px;
        font-weight: 300; }
      .component.txtAndImg .leftContent .buttonWrapper, .component.txtAndImg .rightContent .buttonWrapper, .mainlandCoach.txtAndImg .leftContent .buttonWrapper, .mainlandCoach.txtAndImg .rightContent .buttonWrapper {
        padding-bottom: 30px; }
        .component.txtAndImg .leftContent .buttonWrapper .loadMore, .component.txtAndImg .rightContent .buttonWrapper .loadMore, .mainlandCoach.txtAndImg .leftContent .buttonWrapper .loadMore, .mainlandCoach.txtAndImg .rightContent .buttonWrapper .loadMore {
          width: auto;
          padding-left: 36px;
          padding-right: 36px;
          margin: 0;
          float: left;
          margin-right: 16px; }
        .component.txtAndImg .leftContent .buttonWrapper .btnCTA, .component.txtAndImg .rightContent .buttonWrapper .btnCTA, .mainlandCoach.txtAndImg .leftContent .buttonWrapper .btnCTA, .mainlandCoach.txtAndImg .rightContent .buttonWrapper .btnCTA {
          margin: 0 10px 20px 0;
          float: left; }
    .component.txtAndImg .rightContent, .mainlandCoach.txtAndImg .rightContent {
      float: right;
      padding: 0 0 0 14px; }
  .component.shopDetail a.btnCTA, .mainlandCoach.shopDetail a.btnCTA {
    margin-top: 0; }
  .component.txtOnly .otherNotice, .mainlandCoach.txtOnly .otherNotice {
    border-top: #D6D6D6 1px solid;
    padding-top: 60px;
    display: none; }
    .component.txtOnly .otherNotice li, .mainlandCoach.txtOnly .otherNotice li {
      padding-bottom: 20px; }
      .component.txtOnly .otherNotice li:last-child, .mainlandCoach.txtOnly .otherNotice li:last-child {
        padding-bottom: 0; }
    .component.txtOnly .otherNotice .more [class^="icon-"], .component.txtOnly .otherNotice .more [class*=" icon-"], .mainlandCoach.txtOnly .otherNotice .more [class^="icon-"], .mainlandCoach.txtOnly .otherNotice .more [class*=" icon-"] {
      color: #01E1BF;
      text-decoration: none; }
  .component.graphicDesc .graphic, .mainlandCoach.graphicDesc .graphic {
    display: block;
    background: #F2F2F2;
    border-bottom: #3D51E4 4px solid;
    text-align: center; }
  .component.graphicDesc .desc a, .mainlandCoach.graphicDesc .desc a {
    text-decoration: underline;
    font-weight: 700;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out; }
    .component.graphicDesc .desc a:hover, .mainlandCoach.graphicDesc .desc a:hover {
      color: #E80006; }
  .component.additionalInfo, .mainlandCoach.additionalInfo {
    background: #F2F2F2;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 0; }
    .component.additionalInfo.withMarginBtm, .mainlandCoach.additionalInfo.withMarginBtm {
      margin-bottom: 60px; }
    .component.additionalInfo h2, .mainlandCoach.additionalInfo h2 {
      padding-bottom: 25px; }
    .component.additionalInfo .btnCTA, .mainlandCoach.additionalInfo .btnCTA {
      margin-right: 13px; }
      .component.additionalInfo .btnCTA:last-child, .mainlandCoach.additionalInfo .btnCTA:last-child {
        margin-right: 0; }
    .component.additionalInfo ul li, .mainlandCoach.additionalInfo ul li {
      padding-bottom: 15px; }
  .component.fullWidthBg, .mainlandCoach.fullWidthBg {
    max-width: none;
    padding-left: 0;
    padding-right: 0; }
  .component.noMargin, .mainlandCoach.noMargin {
    margin-bottom: 0; }
  .component.centerList, .mainlandCoach.centerList {
    padding-top: 80px;
    text-align: center; }
    .component.centerList ul, .mainlandCoach.centerList ul {
      margin-left: -6px;
      margin-right: -6px; }
      .component.centerList ul li, .mainlandCoach.centerList ul li {
        display: inline-block;
        width: 25%;
        margin-left: 6px;
        margin-right: 6px;
        vertical-align: top; }
        .component.centerList ul li .partner .logo, .mainlandCoach.centerList ul li .partner .logo {
          background-color: #F5F5F5;
          padding-top: 78%;
          height: 0;
          overflow: hidden;
          position: relative; }
          .component.centerList ul li .partner .logo img, .mainlandCoach.centerList ul li .partner .logo img {
            position: absolute;
            max-width: 60%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
        .component.centerList ul li .partner h3, .mainlandCoach.centerList ul li .partner h3 {
          font-weight: 400;
          margin-top: 15px; }
        .component.centerList ul li .partner h4, .mainlandCoach.centerList ul li .partner h4 {
          font-weight: 300;
          margin-top: 10px;
          font-size: 1.8rem; }
  .component.searchResult, .mainlandCoach.searchResult {
    margin-bottom: 0; }

.no-touchevents .categoriesBox .row .catItem .img .logo {
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }

.no-touchevents .categoriesBox .row .catItem .img .hover_img {
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
  transform: translate3d(-50%, -50%, 0) scale(1); }

.no-touchevents .component .poster a:hover:before, .no-touchevents .mainlandCoach .poster a:hover:before {
  opacity: 0.1; }

.no-touchevents .component.column3.alsoLikeBox a.img:hover img, .no-touchevents .component.column4.alsoLikeBox a.img:hover img, .no-touchevents .mainlandCoach.column3.alsoLikeBox a.img:hover img, .no-touchevents .mainlandCoach.column4.alsoLikeBox a.img:hover img {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1); }

.no-touchevents .component.column3 a:hover .title, .no-touchevents .component.column4 a:hover .title, .no-touchevents .mainlandCoach.column3 a:hover .title, .no-touchevents .mainlandCoach.column4 a:hover .title {
  text-decoration: underline; }

.no-touchevents .component.column3 .img:hover img, .no-touchevents .component.column4 .img:hover img, .no-touchevents .mainlandCoach.column3 .img:hover img, .no-touchevents .mainlandCoach.column4 .img:hover img {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1); }

.no-touchevents .component.column3 .img:hover:before, .no-touchevents .component.column4 .img:hover:before, .no-touchevents .mainlandCoach.column3 .img:hover:before, .no-touchevents .mainlandCoach.column4 .img:hover:before {
  border-width: 8px; }

.no-touchevents .component.column3 .promoShop a:hover img, .no-touchevents .mainlandCoach.column3 .promoShop a:hover img {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1); }

/* Service Provider List */
.serviceProviderList {
  font-size: 1.6rem;
  padding-bottom: 20px;
  padding-left: 130px;
  position: relative; }
  .serviceProviderList dt {
    font-weight: 400;
    width: 130px;
    padding-right: 20px;
    position: absolute;
    top: 0;
    left: 0; }
  .serviceProviderList dd {
    position: relative;
    padding-left: 17px;
    padding-right: 25px;
    padding-bottom: 5px;
    display: inline-block; }
    .serviceProviderList dd:before {
      content: '';
      position: absolute;
      top: 10px;
      left: 0;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #3D51E4; }
    .serviceProviderList dd:last-child {
      padding-right: 0; }

/* End of Service Provider */
/* Accordion */
.accordion {
  position: relative; }
  .accordion.expandAll .accordionMainTitle .btnExpandAll {
    display: none; }
  .accordion.expandAll .accordionMainTitle .btnCollapseAll {
    display: block; }
  .accordion.total1 .accordionMainTitle .btnExpandAll, .accordion.total1 .accordionMainTitle .btnCollapseAll {
    display: none; }
  .accordion .accordionMainTitle {
    min-height: 50px;
    position: relative;
    font-size: 2.2rem; }
    .accordion .accordionMainTitle .btnExpandAll, .accordion .accordionMainTitle .btnCollapseAll {
      position: absolute;
      top: 0;
      right: 0;
      display: inline-block;
      padding-left: 34px;
      font-size: 1.8rem; }
      .accordion .accordionMainTitle .btnExpandAll.open:after, .accordion .accordionMainTitle .btnCollapseAll.open:after {
        height: 0;
        top: 50%; }
      .accordion .accordionMainTitle .btnExpandAll:before, .accordion .accordionMainTitle .btnExpandAll:after, .accordion .accordionMainTitle .btnCollapseAll:before, .accordion .accordionMainTitle .btnCollapseAll:after {
        content: '';
        display: block;
        background-color: #000000;
        position: absolute;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
      .accordion .accordionMainTitle .btnExpandAll:before, .accordion .accordionMainTitle .btnCollapseAll:before {
        top: 12px;
        left: 0;
        width: 22px;
        height: 2px; }
      .accordion .accordionMainTitle .btnExpandAll:after, .accordion .accordionMainTitle .btnCollapseAll:after {
        top: 2px;
        left: 10px;
        width: 2px;
        height: 22px; }
    .accordion .accordionMainTitle .btnCollapseAll {
      display: none; }
      .accordion .accordionMainTitle .btnCollapseAll:after {
        display: none; }
  .accordion .accordionList {
    border-top: #D6D6D6 1px solid; }
    .accordion .accordionList .accordionItem {
      border-bottom: #D6D6D6 1px solid;
      padding-left: 0;
      padding-bottom: 0; }
      .accordion .accordionList .accordionItem::before {
        display: none; }
      .accordion .accordionList .accordionItem.open > a {
        background: #2D4059;
        color: #FFF; }
        .accordion .accordionList .accordionItem.open > a:after {
          height: 0;
          top: 50%; }
        .accordion .accordionList .accordionItem.open > a + .accordionContent {
          display: block;
          height: 0; }
        .accordion .accordionList .accordionItem.open > a:before, .accordion .accordionList .accordionItem.open > a:after {
          background-color: #FFF; }
        .accordion .accordionList .accordionItem.open > a .alldays:before {
          opacity: 0; }
        .accordion .accordionList .accordionItem.open > a .alldays:after {
          opacity: 1; }
      .accordion .accordionList .accordionItem > a {
        position: relative;
        display: block;
        line-height: 140%;
        padding: 19px 95px 19px 40px;
        overflow: hidden;
        min-height: 70px;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
        .accordion .accordionList .accordionItem > a:focus {
          text-decoration: none; }
        .accordion .accordionList .accordionItem > a:before, .accordion .accordionList .accordionItem > a:after {
          content: '';
          display: block;
          background-color: #000000;
          position: absolute;
          -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out; }
        .accordion .accordionList .accordionItem > a:before {
          top: 34px;
          right: 30px;
          width: 22px;
          height: 2px; }
        .accordion .accordionList .accordionItem > a:after {
          top: 24px;
          right: 40px;
          width: 2px;
          height: 22px; }
        .accordion .accordionList .accordionItem > a.anchorHolder {
          min-height: 0;
          padding: 0; }
        .accordion .accordionList .accordionItem > a .airlineLogo {
          float: left;
          position: relative;
          display: inline-block;
          width: 32px;
          height: 32px;
          margin-right: 20px;
          background-color: #FFF;
          vertical-align: middle; }
          .accordion .accordionList .accordionItem > a .airlineLogo img {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 16px;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
          .accordion .accordionList .accordionItem > a .airlineLogo + .accordionTitle {
            margin-left: 52px; }
        .accordion .accordionList .accordionItem > a .alldays {
          float: left;
          position: relative;
          display: inline-block;
          width: 27px;
          height: 28px;
          margin-right: 15px;
          vertical-align: middle;
          font-size: 0; }
          .accordion .accordionList .accordionItem > a .alldays:before, .accordion .accordionList .accordionItem > a .alldays:after {
            content: '';
            position: absolute;
            top: 2px;
            left: -5px;
            width: 100%;
            height: 100%;
            background: url("../img/common/icon/icon_24hour.png") no-repeat 0 0;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out; }
          .accordion .accordionList .accordionItem > a .alldays:before {
            background-image: url("../img/common/icon/icon_24hour.png");
            opacity: 1; }
          .accordion .accordionList .accordionItem > a .alldays:after {
            background-image: url("../img/common/icon/icon_24hour_white.png");
            opacity: 0; }
          .accordion .accordionList .accordionItem > a .alldays + .accordionTitle {
            margin-left: 42px; }
        .accordion .accordionList .accordionItem > a .accordionTitle {
          display: block;
          padding-top: 6px;
          padding-bottom: 6px; }
    .accordion .accordionList .accordionContent {
      display: none;
      overflow: hidden;
      background: #FBFBFB;
      /*.iconList {
				dt {
					width: 36px;
				}
				dd {
					margin-left: 36px;
				}
			}*/ }
      .accordion .accordionList .accordionContent.animate {
        -webkit-transition: height 0.3s ease-out;
        transition: height 0.3s ease-out; }
      .accordion .accordionList .accordionContent .accordionInner {
        padding: 30px 40px 10px 40px; }
        .accordion .accordionList .accordionContent .accordionInner .box img {
          margin-bottom: 20px; }
      .accordion .accordionList .accordionContent a {
        text-decoration: underline;
        -webkit-transition: color 0.3s ease-out;
        transition: color 0.3s ease-out; }
        .accordion .accordionList .accordionContent a:hover {
          color: #E80006; }
        .accordion .accordionList .accordionContent a.more {
          text-decoration: none;
          margin-bottom: 20px; }
      .accordion .accordionList .accordionContent .subItem {
        border-bottom: #D4D4D4 1px solid;
        margin-bottom: 30px;
        padding-bottom: 10px; }
        .accordion .accordionList .accordionContent .subItem:last-child {
          border-bottom: none;
          margin-bottom: 0;
          padding-bottom: 0; }
        .accordion .accordionList .accordionContent .subItem dl:last-child {
          margin-bottom: 0; }
      .accordion .accordionList .accordionContent h3 {
        padding-bottom: 20px; }
      .accordion .accordionList .accordionContent dt, .accordion .accordionList .accordionContent dd {
        padding-bottom: 20px; }
        .accordion .accordionList .accordionContent dt.remark, .accordion .accordionList .accordionContent dd.remark {
          font-size: 1.6rem; }
      .accordion .accordionList .accordionContent dt {
        float: left;
        clear: left;
        width: 100px;
        padding-right: 20px;
        position: relative;
        text-align: right; }
        .accordion .accordionList .accordionContent dt:before {
          color: #7D8F97;
          font-size: 21px;
          position: absolute;
          top: -2px;
          right: 20px;
          display: none; }
        .accordion .accordionList .accordionContent dt[class*=" icon-"], .accordion .accordionList .accordionContent dt[class^=icon-] {
          margin-top: 3px;
          min-height: 21px;
          background-position: 80% 50%;
          background-repeat: no-repeat;
          background-size: 21px auto; }
        .accordion .accordionList .accordionContent dt.icon-marker-flightinfo {
          background-image: url("../img/common/icon_info_address.png"); }
        .accordion .accordionList .accordionContent dt.icon-area {
          background-image: url("../img/common/icon_info_area.png"); }
        .accordion .accordionList .accordionContent dt.icon-opening-hour {
          background-image: url("../img/common/icon_info_opening_hour.png"); }
        .accordion .accordionList .accordionContent dt.icon-tel {
          background-image: url("../img/common/icon_info_tel.png"); }
        .accordion .accordionList .accordionContent dt.icon-web {
          background-image: url("../img/common/icon_info_web.png"); }
        .accordion .accordionList .accordionContent dt.icon-email {
          background-image: url("../img/common/icon_info_email.png"); }
        .accordion .accordionList .accordionContent dt.icon-fax {
          background-image: url("../img/common/icon_info_fax.png"); }
        .accordion .accordionList .accordionContent dt.icon-date {
          background-image: url("../img/common/icon_info_date.png"); }
        .accordion .accordionList .accordionContent dt.remark {
          font-weight: 400; }
        .accordion .accordionList .accordionContent dt .iconWeb {
          width: 19px; }
        .accordion .accordionList .accordionContent dt.icon-web + dd a {
          word-break: break-all; }
      .accordion .accordionList .accordionContent dd {
        margin-left: 100px; }
      .accordion .accordionList .accordionContent .telNote {
        display: block; }
      .accordion .accordionList .accordionContent .rightImg {
        float: right; }
      .accordion .accordionList .accordionContent dl.twoWayList {
        display: inline-block;
        display: block; }
        .accordion .accordionList .accordionContent dl.twoWayList:after {
          content: " ";
          display: block;
          height: 0;
          clear: both;
          font-size: 0;
          visibility: hidden; }
        .accordion .accordionList .accordionContent dl.twoWayList dt {
          width: 170px;
          padding-bottom: 0; }
        .accordion .accordionList .accordionContent dl.twoWayList dd {
          float: left;
          clear: none;
          margin-left: 0;
          margin-bottom: 0;
          padding-bottom: 0; }
      .accordion .accordionList .accordionContent .ani {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1); }

.no-touchevents .accordion .accordionList .accordionItem > a:hover {
  background: #2D4059;
  color: #FFF;
  text-decoration: none; }
  .no-touchevents .accordion .accordionList .accordionItem > a:hover:before, .no-touchevents .accordion .accordionList .accordionItem > a:hover:after {
    background-color: #FFF; }
  .no-touchevents .accordion .accordionList .accordionItem > a:hover .alldays:before {
    opacity: 0; }
  .no-touchevents .accordion .accordionList .accordionItem > a:hover .alldays:after {
    opacity: 1; }

.moreDetailAccordion .moreDetailAccordionItem.open .btnShowContent {
  display: none; }

.moreDetailAccordion .moreDetailAccordionItem.open .moreDetailAccordionContent {
  display: block;
  height: 0; }

.moreDetailAccordion .moreDetailAccordionItem .moreDetailAccordionContent {
  display: none;
  overflow: hidden; }
  .moreDetailAccordion .moreDetailAccordionItem .moreDetailAccordionContent.animate {
    -webkit-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out; }

/* End of Accordion */
/* Scroll Table */
.genericTableBox a {
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out; }
  .genericTableBox a:hover {
    color: #E80006; }

.genericTableBox.scrollTable.largeTable {
  font-size: 16px;
  overflow: auto; }
  .genericTableBox.scrollTable.largeTable .genericTable {
    min-width: 843px; }
    .genericTableBox.scrollTable.largeTable .genericTable th, .genericTableBox.scrollTable.largeTable .genericTable td {
      padding-left: 1rem;
      padding-right: 1rem; }

.genericTableBox .genericTable {
  margin-bottom: 28px; }
  .genericTableBox .genericTable.center th, .genericTableBox .genericTable.center td {
    text-align: center; }
  .genericTableBox .genericTable table {
    width: 100%;
    border-bottom: #2D4059 1px solid; }
    .genericTableBox .genericTable table.center th, .genericTableBox .genericTable table.center td {
      text-align: center; }
  .genericTableBox .genericTable th, .genericTableBox .genericTable td {
    padding-top: 17px;
    padding-bottom: 17px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    line-height: 140%; }
  .genericTableBox .genericTable th {
    border-right: #FFF 1px solid;
    background-color: #2D4059; }
    .genericTableBox .genericTable th:last-child {
      border-right: none;
      min-width: 90px; }
  .genericTableBox .genericTable th[scope=row], .genericTableBox .genericTable th[scope=col] {
    border-right: none;
    font-weight: 300; }
  .genericTableBox .genericTable tr:nth-child(odd) td, .genericTableBox .genericTable tr:nth-child(odd) th[scope=row] {
    background-color: #FBFBFB; }
  .genericTableBox .genericTable tr:nth-child(even) td, .genericTableBox .genericTable tr:nth-child(even) th[scope=row] {
    background-color: #F2F2F2; }
  .genericTableBox .genericTable tr.subHeader th[scope=col] {
    background-color: #F2F2F2; }
  .genericTableBox .genericTable a {
    text-decoration: underline; }
  .genericTableBox .genericTable .header {
    color: #FFF;
    width: 100%;
    overflow: hidden; }
    .genericTableBox .genericTable .header .serviceBox {
      width: 27%; }
    .genericTableBox .genericTable .header .destinationBox {
      width: 27%; }
    .genericTableBox .genericTable .header .ticketingBox {
      width: 28%; }

/* End of Scroll Table */
/* Remark */
.remarkContainer {
  text-align: left; }
  .remarkContainer h3, .remarkContainer h4, .remarkContainer h5 {
    font-size: 1.6rem; }
  .remarkContainer h3 {
    padding-bottom: 24px; }
  .remarkContainer h4 {
    padding-bottom: 16px; }
  .remarkContainer h5 {
    padding-bottom: 24px;
    font-weight: 300;
    line-height: 160%; }

/* End of Remark */
.shopDetail .shopImg {
  position: relative;
  overflow: hidden;
  /* border-bottom: 8px solid $primary-hover-color; */ }
  .shopDetail .shopImg .shopLogo {
    width: 49%;
    margin-right: 2%;
    position: relative;
    float: left;
    height: 0;
    padding-bottom: 49%;
    background: #F5F6F5; }
    .shopDetail .shopImg .shopLogo img {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      /* width: 100%; */ }
  .shopDetail .shopImg .productImg {
    width: 49%;
    position: relative; }

.shopDetail .shopInfoBox .shopInfo {
  width: 100%;
  margin-bottom: 20px;
  float: left; }
  .shopDetail .shopInfoBox .shopInfo li {
    width: 50%;
    float: left; }
    .shopDetail .shopInfoBox .shopInfo li:nth-child(2n+1) {
      clear: both; }

.findTheShopBox {
  padding: 0;
  width: 100%; }
  .findTheShopBox h2 {
    padding: 0 80px;
    margin-bottom: 20px; }
  .findTheShopBox .iframeBox {
    width: 100%;
    height: 790px; }
    .findTheShopBox .iframeBox .iframeContent {
      width: 100%;
      height: 790px;
      border: 0;
      margin: 0;
      padding: 0;
      overflow-x: hidden;
      overflow-y: hidden; }

.tags {
  font-weight: 400;
  border-bottom: #D9D9D9 1px solid;
  padding-bottom: 24px;
  margin-bottom: 20px; }
  .tags a {
    display: inline-block;
    font-size: 1.6rem;
    color: #FFF;
    background: #809299;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    margin-right: 6px;
    margin-bottom: 6px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
    .tags a.on, .tags a:hover {
      color: #000000;
      background: #01E1BF; }
    .tags a:last-child {
      margin-right: 0; }

.resultFlight {
  font-weight: 400;
  margin-bottom: 60px; }
  .resultFlight .airlineName {
    font-size: 2.4rem;
    display: inline-block;
    line-height: 140%;
    font-weight: 300; }
    .resultFlight .airlineName .airlineLogo {
      vertical-align: middle;
      margin-right: 10px;
      width: 50px;
      display: inline-block;
      float: left; }
    .resultFlight .airlineName .name {
      vertical-align: middle;
      margin-left: 60px;
      display: block; }
  .resultFlight dt {
    font-size: 1.4rem;
    padding-bottom: 15px;
    line-height: 120%; }
  .resultFlight dd {
    font-size: 2.4rem;
    line-height: 140%; }
    .resultFlight dd ul {
      display: inline-block; }
    .resultFlight dd ul:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      font-size: 0;
      visibility: hidden; }
    .resultFlight dd ul {
      display: block;
      float: right;
      width: 100%; }
      .resultFlight dd ul li {
        float: left;
        /*max-width: 150px;*/ }
        .resultFlight dd ul li:last-child {
          border-right: none;
          margin-right: 0;
          padding-right: 0; }
    .resultFlight dd .flightNo {
      display: block;
      padding-top: 5px; }
    .resultFlight dd .airportCode {
      font-size: 3.6rem;
      display: block; }
    .resultFlight dd .city {
      font-size: 1.8rem;
      display: block;
      padding-top: 8px;
      line-height: 120%; }
  .resultFlight .flightInfoBox {
    border-bottom: #01E1BF 8px solid; }
    .resultFlight .flightInfoBox .componentTitle {
      float: left;
      padding-bottom: 18px; }
    .resultFlight .flightInfoBox .flightLocation {
      clear: both;
      background: #F2F2F2;
      padding: 25px 30px 25px 30px;
      overflow: hidden; }
      .resultFlight .flightInfoBox .flightLocation .airlineName .name {
        font-size: 3.2rem;
        font-weight: 400;
        line-height: 110%; }
      .resultFlight .flightInfoBox .flightLocation dl, .resultFlight .flightInfoBox .flightLocation div {
        float: left; }
        .resultFlight .flightInfoBox .flightLocation dl.airlineBox, .resultFlight .flightInfoBox .flightLocation div.airlineBox {
          width: 30%;
          padding-right: 20px; }
        .resultFlight .flightInfoBox .flightLocation dl.flightCities, .resultFlight .flightInfoBox .flightLocation div.flightCities {
          width: 70%;
          position: relative; }
          .resultFlight .flightInfoBox .flightLocation dl.flightCities.departure.totalStop2 .flightFrom, .resultFlight .flightInfoBox .flightLocation div.flightCities.departure.totalStop2 .flightFrom {
            width: 33.3%; }
          .resultFlight .flightInfoBox .flightLocation dl.flightCities.departure.totalStop2 .flightDestination, .resultFlight .flightInfoBox .flightLocation div.flightCities.departure.totalStop2 .flightDestination {
            width: 66.6%; }
            .resultFlight .flightInfoBox .flightLocation dl.flightCities.departure.totalStop2 .flightDestination dd ul li, .resultFlight .flightInfoBox .flightLocation div.flightCities.departure.totalStop2 .flightDestination dd ul li {
              width: 50%; }
          .resultFlight .flightInfoBox .flightLocation dl.flightCities.departure.totalStop3 .flightFrom, .resultFlight .flightInfoBox .flightLocation div.flightCities.departure.totalStop3 .flightFrom {
            width: 25%; }
          .resultFlight .flightInfoBox .flightLocation dl.flightCities.departure.totalStop3 .flightDestination, .resultFlight .flightInfoBox .flightLocation div.flightCities.departure.totalStop3 .flightDestination {
            width: 75%; }
            .resultFlight .flightInfoBox .flightLocation dl.flightCities.departure.totalStop3 .flightDestination dd ul li, .resultFlight .flightInfoBox .flightLocation div.flightCities.departure.totalStop3 .flightDestination dd ul li {
              width: 33.3%; }
          .resultFlight .flightInfoBox .flightLocation dl.flightCities.arrival.totalStop2 .flightFrom, .resultFlight .flightInfoBox .flightLocation div.flightCities.arrival.totalStop2 .flightFrom {
            width: 66.6%; }
            .resultFlight .flightInfoBox .flightLocation dl.flightCities.arrival.totalStop2 .flightFrom dd ul li, .resultFlight .flightInfoBox .flightLocation div.flightCities.arrival.totalStop2 .flightFrom dd ul li {
              width: 50%; }
          .resultFlight .flightInfoBox .flightLocation dl.flightCities.arrival.totalStop2 .flightDestination, .resultFlight .flightInfoBox .flightLocation div.flightCities.arrival.totalStop2 .flightDestination {
            width: 33.3%; }
          .resultFlight .flightInfoBox .flightLocation dl.flightCities.arrival.totalStop3 .flightFrom, .resultFlight .flightInfoBox .flightLocation div.flightCities.arrival.totalStop3 .flightFrom {
            width: 75%; }
            .resultFlight .flightInfoBox .flightLocation dl.flightCities.arrival.totalStop3 .flightFrom dd ul li, .resultFlight .flightInfoBox .flightLocation div.flightCities.arrival.totalStop3 .flightFrom dd ul li {
              width: 33.3%; }
          .resultFlight .flightInfoBox .flightLocation dl.flightCities.arrival.totalStop3 .flightDestination, .resultFlight .flightInfoBox .flightLocation div.flightCities.arrival.totalStop3 .flightDestination {
            width: 25%; }
          .resultFlight .flightInfoBox .flightLocation dl.flightCities.landed .airplane, .resultFlight .flightInfoBox .flightLocation div.flightCities.landed .airplane {
            left: auto;
            right: -2px; }
          .resultFlight .flightInfoBox .flightLocation dl.flightCities.landed .flyingStatus:after, .resultFlight .flightInfoBox .flightLocation div.flightCities.landed .flyingStatus:after {
            left: 0;
            right: auto; }
        .resultFlight .flightInfoBox .flightLocation dl.flightFrom, .resultFlight .flightInfoBox .flightLocation div.flightFrom {
          width: 20%;
          position: relative;
          z-index: 1; }
          .resultFlight .flightInfoBox .flightLocation dl.flightFrom li, .resultFlight .flightInfoBox .flightLocation div.flightFrom li {
            text-align: center; }
            .resultFlight .flightInfoBox .flightLocation dl.flightFrom li:first-child, .resultFlight .flightInfoBox .flightLocation div.flightFrom li:first-child {
              text-align: left; }
              .resultFlight .flightInfoBox .flightLocation dl.flightFrom li:first-child .cityInfo, .resultFlight .flightInfoBox .flightLocation div.flightFrom li:first-child .cityInfo {
                padding-left: 0;
                padding-right: 0;
                background: none; }
            .resultFlight .flightInfoBox .flightLocation dl.flightFrom li .cityInfo, .resultFlight .flightInfoBox .flightLocation div.flightFrom li .cityInfo {
              float: none;
              display: inline-block;
              padding-left: 10px;
              padding-right: 10px;
              background-color: #F2F2F2; }
        .resultFlight .flightInfoBox .flightLocation dl.flyingStatus, .resultFlight .flightInfoBox .flightLocation div.flyingStatus {
          position: absolute;
          width: 60%;
          left: 20%;
          min-height: 1px; }
          .resultFlight .flightInfoBox .flightLocation dl.flyingStatus:before, .resultFlight .flightInfoBox .flightLocation div.flyingStatus:before {
            content: '';
            position: absolute;
            top: 50px;
            left: 0;
            width: 100%;
            height: 1px;
            background: url("../img/common/flight_track.gif") repeat-x center; }
          .resultFlight .flightInfoBox .flightLocation dl.flyingStatus:after, .resultFlight .flightInfoBox .flightLocation div.flyingStatus:after {
            content: '';
            position: absolute;
            top: 44px;
            right: 0;
            width: 13px;
            height: 13px;
            border-radius: 50%;
            background: #FFF;
            border: #000000 1px solid; }
          .resultFlight .flightInfoBox .flightLocation dl.flyingStatus .airplane, .resultFlight .flightInfoBox .flightLocation div.flyingStatus .airplane {
            background-size: 100% auto;
            width: 40px;
            height: 41px;
            position: absolute;
            left: -2px;
            top: 20px;
            font-size: 39px;
            color: #83194B; }
        .resultFlight .flightInfoBox .flightLocation dl.flightDestination, .resultFlight .flightInfoBox .flightLocation div.flightDestination {
          width: 80%;
          position: relative;
          z-index: 1;
          text-align: right; }
          .resultFlight .flightInfoBox .flightLocation dl.flightDestination li, .resultFlight .flightInfoBox .flightLocation div.flightDestination li {
            text-align: center; }
            .resultFlight .flightInfoBox .flightLocation dl.flightDestination li:last-child, .resultFlight .flightInfoBox .flightLocation div.flightDestination li:last-child {
              text-align: right;
              float: right; }
              .resultFlight .flightInfoBox .flightLocation dl.flightDestination li:last-child .cityInfo, .resultFlight .flightInfoBox .flightLocation div.flightDestination li:last-child .cityInfo {
                padding-left: 0;
                padding-right: 0;
                background: none; }
            .resultFlight .flightInfoBox .flightLocation dl.flightDestination li .cityInfo, .resultFlight .flightInfoBox .flightLocation div.flightDestination li .cityInfo {
              float: none;
              display: inline-block;
              padding-left: 10px;
              padding-right: 10px;
              background-color: #F2F2F2; }
    .resultFlight .flightInfoBox .flightInfo {
      display: table;
      width: 100%;
      padding: 25px 20px 25px 20px;
      color: #FFF;
      margin-bottom: 2px;
      background: #F2F2F2; }
      .resultFlight .flightInfoBox .flightInfo a {
        color: #000000;
        font-weight: 300;
        position: relative;
        padding-left: 30px;
        text-decoration: none;
        -webkit-transition: color 0.3s ease-out;
        transition: color 0.3s ease-out; }
        .resultFlight .flightInfoBox .flightInfo a:hover {
          text-decoration: none; }
        .resultFlight .flightInfoBox .flightInfo a:before {
          font-size: 22px;
          display: block;
          position: absolute;
          left: 0;
          top: -2px;
          color: #7D8F97; }
        .resultFlight .flightInfoBox .flightInfo a span {
          text-decoration: underline; }
      .resultFlight .flightInfoBox .flightInfo .subInfo {
        display: table;
        float: left;
        width: 66%; }
        .resultFlight .flightInfoBox .flightInfo .subInfo dl {
          display: table-cell;
          padding-left: 10px;
          padding-right: 10px; }
      .resultFlight .flightInfoBox .flightInfo dl {
        padding-left: 10px;
        padding-right: 10px; }
        .resultFlight .flightInfoBox .flightInfo dl.date {
          float: left;
          width: 17%; }
        .resultFlight .flightInfoBox .flightInfo dl.departureTime, .resultFlight .flightInfoBox .flightInfo dl.arrivalTime {
          float: left;
          width: 17%; }
        .resultFlight .flightInfoBox .flightInfo dl.status {
          padding-right: 0;
          width: 25%; }
        .resultFlight .flightInfoBox .flightInfo dl.checkIn {
          min-width: 85px; }
        .resultFlight .flightInfoBox .flightInfo dl.checkIn .icon-marker-flightinfo + .icon-marker-flightinfo, .resultFlight .flightInfoBox .flightInfo dl.transferDesk .icon-marker-flightinfo + .icon-marker-flightinfo {
          padding-left: 0; }
          .resultFlight .flightInfoBox .flightInfo dl.checkIn .icon-marker-flightinfo + .icon-marker-flightinfo:before, .resultFlight .flightInfoBox .flightInfo dl.transferDesk .icon-marker-flightinfo + .icon-marker-flightinfo:before {
            content: "/";
            text-decoration: none;
            display: inline;
            font-family: "Roboto Condensed", Arial, sans-serif, Verdana, Helvetica;
            color: #000000;
            position: static;
            margin-left: 5px;
            margin-right: 5px;
            line-height: 140%;
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
      .resultFlight .flightInfoBox .flightInfo dt {
        color: #000000;
        padding-bottom: 8px; }
      .resultFlight .flightInfoBox .flightInfo dd {
        color: #000000; }
    .resultFlight .flightInfoBox .shareCode {
      padding: 25px 30px 15px 30px; }
      .resultFlight .flightInfoBox .shareCode .shareCodeTitle {
        font-size: 1.4rem;
        padding-bottom: 15px;
        line-height: 120%; }
      .resultFlight .flightInfoBox .shareCode .shareCodeList {
        display: inline-block;
        display: block; }
        .resultFlight .flightInfoBox .shareCode .shareCodeList:after {
          content: " ";
          display: block;
          height: 0;
          clear: both;
          font-size: 0;
          visibility: hidden; }
        .resultFlight .flightInfoBox .shareCode .shareCodeList li {
          float: left;
          min-width: 110px;
          border-right: #A8A9AB 1px solid;
          margin-right: 20px;
          margin-bottom: 15px;
          font-weight: 300;
          line-height: 120%;
          white-space: nowrap; }
          .resultFlight .flightInfoBox .shareCode .shareCodeList li:last-child {
            border-right: none;
            margin-right: 0; }
          .resultFlight .flightInfoBox .shareCode .shareCodeList li img {
            width: 24px;
            margin-right: 10px; }
  .resultFlight .airlineInfo {
    padding-top: 17px;
    text-align: right; }
    .resultFlight .airlineInfo a.viewAllFlights {
      font-size: 1.6rem;
      margin-bottom: 19px;
      padding-right: 0;
      font-weight: 300; }
      .resultFlight .airlineInfo a.viewAllFlights .icon-arrow-more {
        font-size: 2rem; }
    .resultFlight .airlineInfo .slick-dotted .airlineInfoInner {
      padding-bottom: 55px; }
    .resultFlight .airlineInfo .airlineInfoInner {
      position: relative;
      background: #F2F2F2;
      padding: 30px 25px 30px 25px;
      text-align: left; }
      .resultFlight .airlineInfo .airlineInfoInner a.icon-web {
        position: absolute;
        font-size: 25px;
        top: 30px;
        right: 25px;
        height: auto;
        color: #7D8F97;
        text-decoration: none;
        -webkit-transition: color 0.3s ease-out;
        transition: color 0.3s ease-out; }
        .resultFlight .airlineInfo .airlineInfoInner a.icon-web:hover {
          color: #CCC; }
      .resultFlight .airlineInfo .airlineInfoInner .custDropdown {
        margin-top: 10px; }
      .resultFlight .airlineInfo .airlineInfoInner .airlineName {
        padding-bottom: 15px;
        padding-right: 35px; }
      .resultFlight .airlineInfo .airlineInfoInner dl.airlineTel dd {
        padding-bottom: 0; }
      .resultFlight .airlineInfo .airlineInfoInner dt {
        padding-bottom: 8px; }
      .resultFlight .airlineInfo .airlineInfoInner dd {
        padding-bottom: 20px; }
      .resultFlight .airlineInfo .airlineInfoInner .airlineTel .telLink {
        font-size: 1.8rem;
        font-weight: 300; }
      .resultFlight .airlineInfo .airlineInfoInner .airlineLounge {
        font-weight: 300;
        min-width: 0;
        height: 54px;
        margin-top: 20px; }
      .resultFlight .airlineInfo .airlineInfoInner .viewAllAirline {
        font-weight: 300;
        margin-top: 25px; }
    .resultFlight .airlineInfo .loungeSilder {
      background: #F2F2F2; }
      .resultFlight .airlineInfo .loungeSilder .slick-dots {
        top: auto;
        left: 0;
        bottom: 8px;
        width: 100%;
        text-align: center; }
        .resultFlight .airlineInfo .loungeSilder .slick-dots li button {
          background: #01E1BF; }

.no-touchevents .updateInfo a:hover {
  color: #E80006; }

.updateInfo {
  float: right;
  font-size: 1.6rem;
  margin-right: 13px;
  margin-top: 17px;
  font-weight: 300; }
  .updateInfo a {
    text-decoration: underline;
    position: relative;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out; }
    .updateInfo a.refresh {
      padding-right: 33px;
      margin-right: 33px; }
      .updateInfo a.refresh:before {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        color: #7D8F97;
        font-size: 25px; }
    .updateInfo a.bookmark:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -14px;
      width: 1px;
      height: 28px;
      background-color: #9FADB2; }
    .updateInfo a.bookmark:before {
      display: none;
      /* margin-left:23px; */ }
    .updateInfo a.bookmark span {
      display: inline-block;
      width: 19px;
      height: 25px;
      overflow: hidden;
      margin-left: 23px;
      position: relative;
      vertical-align: middle; }
      .updateInfo a.bookmark span::before, .updateInfo a.bookmark span::after {
        position: absolute;
        top: -6px;
        left: -3px;
        width: 100%;
        height: 100%;
        -webkit-transition: color 0.2s ease-out;
        transition: color 0.2s ease-out;
        font-size: 25px; }
      .updateInfo a.bookmark span::before {
        color: #7D8F97; }
      .updateInfo a.bookmark span:hover::before, .updateInfo a.bookmark span.selected::before {
        color: #F25144; }
    .updateInfo a.bookmarkBtn {
      display: inline-block;
      position: relative;
      text-decoration: none;
      color: #7D8F97;
      font-size: 24px;
      line-height: 1;
      vertical-align: middle;
      -webkit-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
      .updateInfo a.bookmarkBtn:after {
        content: '';
        position: absolute;
        top: 50%;
        left: -16px;
        margin-top: -14px;
        width: 1px;
        height: 28px;
        background-color: #9FADB2; }
      .updateInfo a.bookmarkBtn:hover, .updateInfo a.bookmarkBtn.selected, .updateInfo a.bookmarkBtn.bookmarkAdded {
        color: #F25144; }
      .updateInfo a.bookmarkBtn.disabled {
        opacity: 0.3;
        cursor: default; }
        .updateInfo a.bookmarkBtn.disabled:hover {
          color: #7D8F97; }

.resultExactCargo .resultFlight .flightInfoBox .flightInfo dl {
  display: table-cell;
  float: none;
  width: auto; }

.bottomBanner a {
  display: block;
  position: relative;
  color: #FFF;
  text-align: center; }
  .bottomBanner a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #FFF;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  .bottomBanner a:hover:before {
    opacity: 0.1; }
  .bottomBanner a .slogan, .bottomBanner a .doubleQuot {
    position: absolute;
    width: 100%;
    text-align: center;
    font-weight: 300;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .bottomBanner a .slogan .title, .bottomBanner a .slogan .subTitle, .bottomBanner a .doubleQuot .title, .bottomBanner a .doubleQuot .subTitle {
      display: block;
      margin: 0 auto;
      line-height: 140%;
      text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); }
    .bottomBanner a .slogan .title, .bottomBanner a .doubleQuot .title {
      font-size: 7.5rem;
      padding: 0 0 10px 0; }
    .bottomBanner a .slogan .subTitle, .bottomBanner a .doubleQuot .subTitle {
      font-size: 2.4rem;
      width: 600px; }
  .bottomBanner a .doubleQuot {
    max-width: 800px; }

/* End of Smart Search */
/* Quick Links */
.quicklinks {
  height: 203px;
  left: 0;
  z-index: 99;
  top: 50%;
  margin-top: -102px;
  position: fixed;
  -webkit-transition: left 200ms ease-out;
  transition: left 200ms ease-out; }
  .quicklinks.hideItem {
    left: -50px; }
    .quicklinks.hideItem .quicklinksBlock {
      /* width:0; */ }
  .quicklinks .quicklinksInner {
    position: relative;
    margin: auto; }
  .quicklinks .quicklinksBlock {
    display: block;
    -webkit-transition: width 200ms ease-out;
    transition: width 200ms ease-out; }
    .quicklinks .quicklinksBlock li {
      margin-bottom: 1px;
      position: relative; }
      .quicklinks .quicklinksBlock li.shareBox:hover > a {
        background-color: #FFF;
        background-image: url("../img/common/bg_passenger.png"); }
      .quicklinks .quicklinksBlock li.shareBox:hover .shareSocial {
        width: 200px; }
      .quicklinks .quicklinksBlock li.shareBox a span {
        font-size: 0; }
      .quicklinks .quicklinksBlock li > a {
        display: block;
        background-color: #3D51E4;
        width: 50px;
        height: 50px;
        -webkit-transition: width 0.3s ease-out;
        transition: width 0.3s ease-out;
        overflow: hidden;
        text-decoration: none;
        position: relative; }
        .quicklinks .quicklinksBlock li > a:before {
          display: block;
          width: 50px;
          height: 100%;
          line-height: 50px;
          text-align: center;
          color: #FFF; }
        .quicklinks .quicklinksBlock li > a.icon-flight-info:before {
          font-size: 50px; }
        .quicklinks .quicklinksBlock li > a.icon-transport:before {
          font-size: 50px; }
        .quicklinks .quicklinksBlock li > a.icon-transport:hover {
          width: 265px; }
        .quicklinks .quicklinksBlock li > a.icon-faq:before {
          font-size: 25px; }
        .quicklinks .quicklinksBlock li > a.share:before {
          font-size: 24px;
          /* background-image:url('../img/icon/icon_share.svg'); */ }
        .quicklinks .quicklinksBlock li > a.share:hover {
          width: 50px; }
        .quicklinks .quicklinksBlock li > a span.txt {
          position: absolute;
          display: block;
          color: #FFF;
          top: 0;
          left: 50px;
          padding-left: 15px;
          /* padding-right:45px; */
          height: 100%;
          line-height: 50px;
          overflow: hidden;
          -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out; }
          .quicklinks .quicklinksBlock li > a span.txt:hover {
            color: #01E1BF; }
          .quicklinks .quicklinksBlock li > a span.txt.more:before, .quicklinks .quicklinksBlock li > a span.txt.more:after {
            content: '';
            display: block;
            position: absolute;
            top: 50%; }
          .quicklinks .quicklinksBlock li > a span.txt.more:before {
            margin-top: -1px;
            right: 27px;
            width: 10px;
            height: 2px;
            background: #01E1BF; }
          .quicklinks .quicklinksBlock li > a span.txt.more:after {
            margin-top: -6px;
            right: 20px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px 0 6px 7px;
            border-color: transparent transparent transparent #01E1BF; }
        .quicklinks .quicklinksBlock li > a span.end {
          position: static;
          vertical-align: middle;
          display: inline-block;
          line-height: 1;
          margin-left: 10px;
          opacity: 1;
          color: #01E1BF; }
        .quicklinks .quicklinksBlock li > a:hover {
          width: 200px;
          background-color: #FFF;
          background-image: url("../img/common/bg_passenger.png"); }
      .quicklinks .quicklinksBlock li:last-child {
        margin-bottom: 0; }
      .quicklinks .quicklinksBlock li .shareSocial {
        position: absolute;
        background-image: url("../img/common/bg_passenger.png");
        width: 0;
        height: 101px;
        left: 50px;
        top: 0;
        overflow: hidden;
        -webkit-transition: width 0.3s ease-out;
        transition: width 0.3s ease-out; }
        .quicklinks .quicklinksBlock li .shareSocial.active {
          width: 200px; }
        .quicklinks .quicklinksBlock li .shareSocial .mask {
          width: 200px; }
        .quicklinks .quicklinksBlock li .shareSocial a {
          display: block;
          float: left;
          width: 50px;
          height: 50px;
          position: relative;
          text-decoration: none;
          text-align: center;
          font-size: 0; }
          .quicklinks .quicklinksBlock li .shareSocial a:before {
            color: #FFF;
            line-height: 50px;
            font-size: 20px;
            -webkit-transition: color 0.3s ease-out;
            transition: color 0.3s ease-out; }
          .quicklinks .quicklinksBlock li .shareSocial a.icon:before, .quicklinks .quicklinksBlock li .shareSocial a.icon:after {
            content: '';
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-position: center center;
            -webkit-transition: opacity 0.3s;
            transition: opacity 0.3s; }
          .quicklinks .quicklinksBlock li .shareSocial a.icon:before {
            opacity: 1; }
          .quicklinks .quicklinksBlock li .shareSocial a.icon:after {
            opacity: 0; }

.no-touchevents .quicklinks .quicklinksBlock li .shareSocial a:hover:before {
  color: #01E1BF; }

/* End of Quick Links */
/* Back To Top */
.backToTopContainer.hideItem .backToTop {
  left: -50px; }

.backToTop {
  display: block;
  position: fixed;
  top: 50%;
  left: 0;
  margin-top: 102px;
  width: 50px;
  height: 50px;
  background-color: #7E7E7E;
  overflow: hidden;
  text-decoration: none;
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out; }
  .backToTop:before {
    display: block;
    font-size: 24px;
    width: 50px;
    height: 100%;
    line-height: 50px;
    text-align: center;
    color: #FFF;
    text-decoration: none; }
  .backToTop:hover, .backToTop:focus {
    background-color: #CCC;
    text-decoration: none; }
    .backToTop:hover:before, .backToTop:focus:before {
      text-decoration: none; }
  .backToTop span {
    font-size: 0; }

/* End of Back To Top */
/* Main Content */
.mainContent {
  width: 100%;
  margin: 0 auto;
  font-weight: 300;
  /*margin-bottom: 80px;*/ }

.contentContainer {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
  margin-bottom: 70px;
  font-weight: 300; }

.marginBtwSubnav {
  height: 30px;
  display: none; }

/* End of Main Content */
/* component stlye */
/* Slide show */
.slick-slide {
  background: url("../img/common/loader.gif") no-repeat center;
  min-height: 32px; }
  .slick-slide.slick-cloned {
    background: none; }
  .slick-slide a {
    height: 100%;
    /* img {
			height:100%;
		} */ }

.slick-arrow {
  display: none !important; }

.slick-dots {
  position: absolute;
  height: 40px;
  top: 450px;
  left: 73px;
  z-index: 1; }
  .slick-dots li {
    display: inline-block; }
    .slick-dots li button {
      border: none;
      width: 12px;
      height: 12px;
      display: inline-block;
      background: #fff;
      margin: 14px 8px 0 8px;
      cursor: pointer;
      font-size: 0;
      outline: 0;
      border-radius: 6px;
      -webkit-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
    .slick-dots li.slick-active button {
      width: 42px; }

.silderContainer {
  position: relative;
  height: 0;
  padding-top: 100%; }
  .silderContainer .slick-slider {
    height: 100%; }

.globalSilder.weather {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/common/slider_bg.jpg") no-repeat center;
  background-size: cover; }
  .globalSilder.weather .weatherInner {
    background: none;
    display: table;
    width: 100%; }
    .globalSilder.weather .weatherInner .weatherInfo {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      padding-bottom: 30px; }
      .globalSilder.weather .weatherInner .weatherInfo .weatherCityIcon {
        display: block;
        vertical-align: top;
        color: #FFF;
        font-size: 150px;
        line-height: 1; }
        .globalSilder.weather .weatherInner .weatherInfo .weatherCityIcon:before {
          display: block;
          line-height: 1; }
        .globalSilder.weather .weatherInner .weatherInfo .weatherCityIcon span {
          font-size: 2.4rem;
          display: block;
          padding-left: 20px;
          padding-right: 20px;
          padding-bottom: 20px; }
      .globalSilder.weather .weatherInner .weatherInfo .cityTemperature {
        display: inline-block;
        text-align: center;
        font-weight: 300;
        color: #FFF;
        vertical-align: top; }
      .globalSilder.weather .weatherInner .weatherInfo .city {
        font-size: 2.4rem;
        line-height: 140%; }
      .globalSilder.weather .weatherInner .weatherInfo .temperature {
        font-size: 7rem;
        line-height: 140%; }
  .globalSilder.weather .slick-list {
    background: rgba(61, 81, 228, 0.95); }
  .globalSilder.weather .slick-dots {
    background: none;
    bottom: 26px; }

.globalSilder .globalSilderInner.detail.slick-dotted {
  padding-bottom: 50px; }

.globalSilder .grey .slick-slide {
  background: #F2F2F2; }

.globalSilder .grey .slick-dots {
  background: transparent; }
  .globalSilder .grey .slick-dots li button {
    background: rgba(1, 225, 191, 0.5); }
  .globalSilder .grey .slick-dots li.slick-active button {
    background: #01e1bf; }

.globalSilder .detail figcaption {
  bottom: 0;
  padding-top: 10px; }

.globalSilder .detail .slick-list {
  /*height: auto !important;*/ }

.globalSilder .detail .slick-list .slick-track {
  height: auto; }

.globalSilder .detail .slick-slide {
  /*height: auto;*/ }

.globalSilder .detail .slick-dots {
  background: transparent;
  bottom: auto;
  height: auto;
  min-height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 0; }
  .globalSilder .detail .slick-dots li button {
    background: #01E1BF; }

.globalSilder .item a {
  position: relative; }
  .globalSilder .item a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #FFF;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out; }
  .globalSilder .item a:hover:before {
    opacity: 0.1; }
  .globalSilder .item a.video {
    display: block;
    position: relative; }
    .globalSilder .item a.video:before, .globalSilder .item a.video:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: transform 0.3s ease-out;
      -webkit-transition: -webkit-transform 0.3s ease-out;
      transition: -webkit-transform 0.3s ease-out;
      transition: transform 0.3s ease-out;
      transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
    .globalSilder .item a.video:hover:before, .globalSilder .item a.video:hover:after {
      -webkit-transform: translate(-50%, -50%) scale(1.1);
      transform: translate(-50%, -50%) scale(1.1); }
    .globalSilder .item a.video:before {
      width: 92px;
      height: 92px;
      background-color: #3D51E4;
      border-radius: 50%;
      opacity: 1; }
    .globalSilder .item a.video:after {
      width: 0;
      height: 26px;
      margin-left: 4px;
      border-style: solid;
      border-width: 20px 0 20px 20px;
      border-color: transparent transparent transparent #FFF; }

.globalSilder .slick-list {
  height: 100%; }
  .globalSilder .slick-list .slick-track {
    height: 100%; }

.globalSilder .slick-slide img {
  margin-left: auto;
  margin-right: auto; }

.globalSilder .slick-dots {
  width: 100%;
  top: auto;
  bottom: 0;
  left: 0;
  background: rgba(3, 39, 51, 0.5);
  text-align: center;
  margin-top: 10px; }

.adHocSilder {
  padding-bottom: 40px; }
  .adHocSilder.bottom a {
    position: relative;
    display: block;
    padding-right: 16px; }
    .adHocSilder.bottom a:before {
      content: '';
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      opacity: 0;
      background-color: #FFF;
      -webkit-transition: opacity 0.3s ease-out;
      transition: opacity 0.3s ease-out; }
    .adHocSilder.bottom a:hover:before {
      opacity: 0.1; }
  .adHocSilder.bottom figcaption {
    padding: 15px 16px 0 0; }
  .adHocSilder .slick-dots {
    width: 100%;
    bottom: -20px;
    top: auto;
    left: 0;
    text-align: center;
    background: transparent; }
    .adHocSilder .slick-dots li button {
      background: rgba(1, 225, 191, 0.5); }
    .adHocSilder .slick-dots li.slick-active button {
      background: #01e1bf; }

.floatingAdHocBox {
  width: 350px;
  top: 50%;
  right: 0;
  z-index: 99;
  position: fixed;
  background-color: #F2F2F2;
  opacity: 1;
  -webkit-transform: translate3d(0, -50.5%, 0) scale(1);
  transform: translate3d(0, -50.5%, 0) scale(1);
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  /* &.ready {
        @include transform(translate3d 0 -50% 0, scale 1);
        opacity: 1;
    } */ }
  .floatingAdHocBox.hideItem, .floatingAdHocBox.close {
    opacity: 0;
    -webkit-transform: translate3d(200px, -50.5%, 0) scale(0.95);
    transform: translate3d(200px, -50.5%, 0) scale(0.95);
    /* right:-463px; */ }
  .floatingAdHocBox .btnClose {
    position: absolute;
    display: block;
    top: 19px;
    right: 19px;
    width: 22px;
    height: 22px;
    z-index: 1; }
    .floatingAdHocBox .btnClose:before, .floatingAdHocBox .btnClose:after {
      content: '';
      border-top: #001F3E 1px solid;
      width: 28px;
      height: 1px;
      position: absolute;
      top: 10px;
      left: -3px; }
    .floatingAdHocBox .btnClose:before {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .floatingAdHocBox .btnClose:after {
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg); }
  .floatingAdHocBox a {
    color: #000000;
    line-height: 120%;
    font-weight: 300; }
    .floatingAdHocBox a .end, .floatingAdHocBox a .front {
      color: #01E1BF;
      text-decoration: none; }
  .floatingAdHocBox .item {
    position: relative;
    background: none;
    min-height: 117px; }
    .floatingAdHocBox .item > a {
      float: left;
      width: 150px; }
  .floatingAdHocBox .spacer-image > a {
    display: none; }
  .floatingAdHocBox .spacer-image figcaption {
    width: 100%; }
    .floatingAdHocBox .spacer-image figcaption .more {
      left: 24px; }
  .floatingAdHocBox figcaption {
    float: left;
    width: 196px;
    height: 100%;
    padding-left: 24px;
    padding-right: 50px;
    padding-top: 15px;
    padding-bottom: 38px; }
    .floatingAdHocBox figcaption .txtLink {
      display: block; }
    .floatingAdHocBox figcaption .more {
      position: absolute;
      left: 174px;
      bottom: 10px;
      height: auto; }
  .floatingAdHocBox .floatingAdHocSilder {
    height: 117px; }
    .floatingAdHocBox .floatingAdHocSilder .slick-list {
      border-right: #01E1BF 4px solid; }
  .floatingAdHocBox .slick-dots {
    top: auto;
    left: 0;
    bottom: -40px;
    width: 100%;
    height: 40px;
    background-color: rgba(34, 34, 34, 0.6);
    text-align: center; }

/* Slide show ends */
/* Video Container */
.videoContainer {
  display: none; }

/* End of Video Container */
/* Info Table */
.infoTableBox {
  margin-bottom: 80px; }

.infoTable {
  display: table;
  width: 100%;
  border-bottom: #3D51E4 2px solid;
  font-weight: 300;
  text-align: center; }
  .infoTable.half .tableHeader > div, .infoTable.half .tableRow > div {
    width: 50%; }
  .infoTable .tableHeader, .infoTable .tableRow {
    display: table-row; }
    .infoTable .tableHeader > div, .infoTable .tableRow > div {
      display: table-cell;
      background: #FBFBFB;
      border-left: #FFF 1px solid;
      padding: 19px 20px; }
      .infoTable .tableHeader > div:first-child, .infoTable .tableRow > div:first-child {
        border-left: none; }
      .infoTable .tableHeader > div a, .infoTable .tableRow > div a {
        color: #000000;
        text-decoration: underline;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
        .infoTable .tableHeader > div a:hover, .infoTable .tableRow > div a:hover {
          color: #E80006; }
  .infoTable .tableHeader > div {
    font-size: 2.4rem;
    background: #3D51E4;
    color: #FFF; }
  .infoTable .tableRow:nth-child(even) > div {
    background: #F2F2F2; }

/* End of Info Table */
/* Promotion Shop list */
.promoShopList .custDropdown {
  /* width:330px; */
  width: 420px;
  height: auto; }

.promoShopList .categoriesBox .row .catItem a {
  display: block;
  height: 0;
  padding-top: 100%;
  position: relative; }

.promoShopList .categoriesBox .row .catItem .img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border: #FC5600 0 solid;
  -webkit-transition: border 0.2s ease-out;
  transition: border 0.2s ease-out; }
  .promoShopList .categoriesBox .row .catItem .img:hover {
    border-width: 10px; }
    .promoShopList .categoriesBox .row .catItem .img:hover .logo {
      opacity: 1; }

/* End of Promotion Shop list */
/* End of component stlye */
/* Fix Header */
.fixTableHeader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #FFF; }
  .fixTableHeader.fixed {
    position: fixed;
    top: 61px;
    border-bottom: #E5E5E5 1px solid;
    z-index: 110; }
    .fixTableHeader.fixed.bottom {
      position: absolute;
      top: auto;
      bottom: 0; }
      .fixTableHeader.fixed.bottom .flightTableHeader {
        padding-left: 0;
        padding-right: 0; }
  .fixTableHeader .flightTableHeader {
    max-width: 1440px;
    padding-left: 80px;
    padding-right: 80px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%;
    height: 65px; }

/* End of Fix Header */
/* Special Announcement */
.component.txtAndImg .row > div.specialAnnouncement,
.mainlandCoach.txtAndImg .row > div.specialAnnouncement {
  padding-left: 77px;
  padding-right: 18px; }

.specialAnnouncement {
  border: #FFAA00 2px solid;
  padding: 26px 18px 26px 77px;
  margin-bottom: 50px;
  min-height: 84px;
  position: relative; }
  .specialAnnouncement a {
    color: #000000; }
    .specialAnnouncement a:hover {
      color: #E80006; }
  .specialAnnouncement p:last-child {
    padding-bottom: 0; }
  .specialAnnouncement:before {
    position: absolute;
    top: 20px;
    left: 18px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #FFF;
    text-align: center;
    background: #FFAA00;
    font-size: 20px;
    border-radius: 50%; }

/* End of Special Announcement */
/* Video */
.videoBox {
  width: 100%;
  margin-bottom: 40px;
  position: relative; }
  .videoBox .hoverBg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    opacity: 0; }
  .videoBox:hover .hoverBg {
    opacity: 1; }
  .videoBox::before {
    content: " ";
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    background: #0057A3;
    border-radius: 50px;
    cursor: pointer;
    pointer-events: none;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .videoBox::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 20px;
    border-color: transparent transparent transparent #ffffff;
    cursor: pointer;
    pointer-events: none;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .videoBox:hover::before, .videoBox:hover::after {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

/* End of Video */
/* Custom select */
.white + .ui-selectmenu-button.ui-button {
  padding: 5px 37px 5px 15px;
  background: #FFF;
  border: #EEE 1px solid;
  color: #000000; }
  .white + .ui-selectmenu-button.ui-button:hover {
    background: #FFF; }
  .white + .ui-selectmenu-button.ui-button .ui-selectmenu-text {
    margin-right: 0; }
    .white + .ui-selectmenu-button.ui-button .ui-selectmenu-text:after {
      border-width: 6px 6px 0 6px;
      border-color: #809299 transparent transparent transparent;
      right: 10px;
      height: 6px;
      margin-top: -3px; }

.ui-selectmenu-button.ui-button {
  display: block;
  background: #3D51E4;
  font-weight: 300;
  color: #FFF;
  width: 100%;
  padding: 13px 55px 13px 30px;
  border: none;
  line-height: 160%;
  border-radius: 0;
  -webkit-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out; }
  .ui-selectmenu-button.ui-button:hover {
    background: #2A47B1; }
  .ui-selectmenu-button.ui-button.ui-selectmenu-button-open .ui-selectmenu-text:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .ui-selectmenu-button.ui-button .ui-selectmenu-icon {
    display: none; }
  .ui-selectmenu-button.ui-button .ui-selectmenu-text {
    margin-right: 50px; }
    .ui-selectmenu-button.ui-button .ui-selectmenu-text:after {
      content: '';
      display: block;
      position: absolute;
      right: 25px;
      top: 50%;
      margin-top: -5px;
      width: 0;
      height: 9px;
      border-style: solid;
      border-width: 9px 9px 0 9px;
      border-color: #9EA8F2 transparent transparent transparent;
      margin-left: 10px;
      -webkit-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      -webkit-transform-origin: 50% 40%;
      transform-origin: 50% 40%; }
  .ui-selectmenu-button.ui-button .ui-icon {
    background-image: none; }

.ui-widget.ui-widget-content {
  border: none;
  border-radius: 0;
  background: #2A47B1; }

.ui-menu .ui-menu-item {
  list-style-image: none; }

.ui-menu .ui-menu-item-wrapper {
  color: #FFF;
  font-weight: 300;
  padding: 8px 30px 8px 30px;
  background: #2A47B1;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  .ui-menu .ui-menu-item-wrapper.ui-state-active {
    background: #3D51E4; }

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: 0; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: none; }

.ui-datepicker-month {
  text-transform: uppercase; }

.ui-datepicker .ui-datepicker-calendar .ui-state-disabled.ui-datepicker-today {
  background: transparent; }

/* End of Custom select */
/* Pre loading */
/*body.loading{width:100%; height:100%; overflow:hidden; position:absolute;}

#loading-overlay{position:fixed; width:100%; height:100%; left:0; top:0;  z-index:1000; display:none; background:#fff;}
#loading-overlay .loader{height:1.5em; line-height:1.5em; width:300px; text-align:center; position:absolute; left:50%; top:50%; margin-left:-150px; display:none;}
#loading-overlay .loader:before{content:''; display:block; width:24px; height:24px; background:url(24-1.gif) no-repeat center; position:absolute; left:50%; bottom:100%; margin-left:-12px;}
#loading-overlay.onLoad .loader{display:block;}
.loading #loading-overlay{display:block;} */
/* End of Pre loading */
body.print:after {
  content: 'printer portrait' !important;
  display: none; }

@media (max-width: 1350px) {
  body:after {
    content: "desktop";
    display: none; }
  .globalSilder.weather .weatherInner .weatherInfo .weatherCityIcon {
    font-size: 120px; }
    .globalSilder.weather .weatherInner .weatherInfo .weatherCityIcon span {
      padding-bottom: 20px; }
  .globalSilder.weather .weatherInner .weatherInfo .temperature {
    font-size: 5rem; } }

@media (max-width: 1320px) {
  body:after {
    content: "desktop";
    display: none; }
  .sizeL .resultFlight .flightInfoBox .flightInfo dt {
    min-height: 48px; } }

@media (max-width: 1250px) {
  body:after {
    content: "desktop";
    display: none; }
  .sizeM .resultFlight .flightInfoBox .flightInfo dt {
    min-height: 44px; }
  .globalSilder.weather .slick-dots {
    bottom: 10px; }
  .globalSilder.weather .weatherInner .weatherInfo .weatherCityIcon {
    font-size: 100px; }
    .globalSilder.weather .weatherInner .weatherInfo .weatherCityIcon span {
      font-size: 2rem;
      padding-bottom: 10px; }
  .globalSilder.weather .weatherInner .weatherInfo .city {
    font-size: 2rem; }
  .globalSilder.weather .weatherInner .weatherInfo .temperature {
    font-size: 3rem; } }

@media (max-width: 1120px) {
  body:after {
    content: "desktop";
    display: none; }
  .resultFlight .flightInfoBox .flightInfo {
    padding: 20px 0 0 0;
    border-bottom-width: 5px; }
    .resultFlight .flightInfoBox .flightInfo .mainInfo {
      display: inline-block; }
    .resultFlight .flightInfoBox .flightInfo .mainInfo:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      font-size: 0;
      visibility: hidden; }
    .resultFlight .flightInfoBox .flightInfo .mainInfo {
      display: block;
      padding-bottom: 15px; }
    .resultFlight .flightInfoBox .flightInfo dl.date, .resultFlight .flightInfoBox .flightInfo dl.arrivalTime, .resultFlight .flightInfoBox .flightInfo dl.departureTime {
      width: 50%;
      padding-left: 20px; }
    .resultFlight .flightInfoBox .flightInfo dl.checkIn a + a.icon-marker-flightinfo:before, .resultFlight .flightInfoBox .flightInfo dl.transferDesk a + a.icon-marker-flightinfo:before {
      line-height: 100%; }
    .resultFlight .flightInfoBox .flightInfo .subInfo {
      display: inline-block; }
    .resultFlight .flightInfoBox .flightInfo .subInfo:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      font-size: 0;
      visibility: hidden; }
    .resultFlight .flightInfoBox .flightInfo .subInfo {
      float: none;
      width: 100%;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 20px;
      display: block; }
      .resultFlight .flightInfoBox .flightInfo .subInfo dl {
        width: 33.33%;
        display: block;
        float: left;
        margin-bottom: 20px; }
        .resultFlight .flightInfoBox .flightInfo .subInfo dl.gate {
          clear: left; }
        .resultFlight .flightInfoBox .flightInfo .subInfo dl dt {
          min-height: 35px;
          padding-bottom: 0; }
        .resultFlight .flightInfoBox .flightInfo .subInfo dl dd {
          font-size: 1.6rem; }
    .resultFlight .flightInfoBox .flightInfo a {
      padding-left: 22px; }
      .resultFlight .flightInfoBox .flightInfo a:before {
        width: 13px;
        height: 17px;
        font-size: 16px; } }

@media (max-width: 1024px) {
  .quicklinks, .backToTop {
    display: none; }
  .limitedWidth, .breadcrumb, .backContainer, .searchBack, .lv2menu, .lv3menu, .topTitle span {
    padding-left: 40px;
    padding-right: 40px; }
  .component, .contentContainer, .mainlandCoach {
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 40px; }
    .component .componentInner, .contentContainer .componentInner, .mainlandCoach .componentInner {
      padding-left: 40px;
      padding-right: 40px; }
  .findTheShopBox h2 {
    padding-left: 0;
    padding-right: 0; }
  .bottomBanner {
    min-height: 0; }
    .bottomBanner a .slogan .title {
      font-size: 7rem;
      width: 80%; }
    .bottomBanner a .slogan .subTitle {
      font-size: 2.4rem;
      width: 80%; }
  /* Fix Header */
  .fixTableHeader .flightTableHeader {
    padding-left: 40px;
    padding-right: 40px; }
  .resultFlightContent .fixTableHeader.fixed .flightTableHeader, .resultAirlineContent .fixTableHeader.fixed .flightTableHeader {
    padding-left: 40px;
    padding-right: 40px; }
  /* End of Fix Header */
  .componentTitle + .lastUpdated {
    right: 40px; } }

/* landscape */
@media (max-width: 991px) {
  body:after {
    content: "tablet portrait";
    display: none; }
  header.mini .headerContainer {
    top: 0;
    -webkit-transition: none;
    transition: none; }
    header.mini .headerContainer #navigation {
      margin-left: 0;
      margin-right: 0; }
      header.mini .headerContainer #navigation > ul > li > a {
        padding-left: 22px;
        padding-right: 22px; }
    header.mini .headerContainer .miniSearchBox {
      top: -65px;
      right: 0; }
    header.mini .headerContainer .navContainer .topbar {
      height: 55px; }
      header.mini .headerContainer .navContainer .topbar ul.sitenav {
        display: block; }
      header.mini .headerContainer .navContainer .topbar ul.tools li.navLang {
        display: block; }
  header.aniNav .headerContainer {
    margin-top: 0; }
  body.navIn {
    /*position:fixed;*/ }
    body.navIn .navInner {
      left: 0; }
  .headerContainer .navContainer {
    /* position: static; */ }
    .headerContainer .navContainer .miniSearchBox .miniSearch {
      visibility: visible; }
  .headerContainer.mini {
    height: 65px;
    top: 0;
    border-bottom: none; }
    .headerContainer.mini.aniNav {
      margin-top: 0; }
    .headerContainer.mini #navigation {
      margin-left: 0;
      margin-right: 0; }
    .headerContainer.mini .navContainer .topbar {
      position: static;
      margin: 0; }
      .headerContainer.mini .navContainer .topbar ul.sitenav {
        display: block; }
      .headerContainer.mini .navContainer .topbar ul.tools li.navLang {
        display: inline-block; }
  .mobileNav {
    display: block;
    background: #3D51E4;
    height: 65px;
    position: relative; }
    .mobileNav .logo {
      text-align: center; }
      .mobileNav .logo a {
        display: inline-block;
        width: 89px;
        padding: 9px 0 9px 0; }
    .mobileNav .btnOpenSearch {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 65px;
      height: 100%;
      background: #01E1BF;
      color: #001E3F;
      text-align: center;
      font-size: 1.7rem; }
      .mobileNav .btnOpenSearch:hover {
        text-decoration: none; }
      .mobileNav .btnOpenSearch:before {
        line-height: 65px; }
    .mobileNav .btnBookmark {
      display: block;
      position: absolute;
      top: 0;
      right: 65px;
      width: 56px;
      height: 100%;
      background: url("../img/common/icon/icon_bookmark.svg") no-repeat center; }
  .mobileMenuTrigger {
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
    height: 100%;
    border-right: #5163E7 1px solid; }
    .mobileMenuTrigger a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 25px 22px 0 23px; }
      .mobileMenuTrigger a:before, .mobileMenuTrigger a:after {
        content: '';
        display: block;
        border-top: #FFF 3px solid;
        padding-bottom: 4px; }
      .mobileMenuTrigger a:after {
        border-bottom: #FFF 3px solid; }
      .mobileMenuTrigger a span {
        font-size: 0;
        position: absolute;
        left: -1000%; }
  .navContainer .miniSearchBox {
    position: absolute;
    display: block;
    top: -65px;
    right: 0;
    width: 65px;
    height: 65px; }
    .navContainer .miniSearchBox .btnOpenSearch, .navContainer .miniSearchBox .btnClose {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 65px;
      height: 100%;
      background: #01E1BF;
      color: #001E3F;
      text-align: center;
      font-size: 1.7rem;
      padding-right: 0; }
      .navContainer .miniSearchBox .btnOpenSearch:hover, .navContainer .miniSearchBox .btnClose:hover {
        text-decoration: none; }
      .navContainer .miniSearchBox .btnOpenSearch:before, .navContainer .miniSearchBox .btnClose:before {
        line-height: 65px; }
    .navContainer .miniSearchBox .btnClose {
      display: none; }
      .navContainer .miniSearchBox .btnClose:before, .navContainer .miniSearchBox .btnClose:after {
        top: 31px;
        left: 18px; }
    .navContainer .miniSearchBox.expand .miniSearch {
      position: absolute;
      top: auto;
      bottom: -65px;
      width: 100vw; }
    .navContainer .miniSearchBox .miniSearch {
      opacity: 0;
      visibility: hidden;
      position: fixed;
      top: -100px;
      width: 100%;
      right: 0;
      height: 65px;
      background: #2D4059;
      -webkit-transition: opacity 0.3s ease-out;
      transition: opacity 0.3s ease-out; }
      .navContainer .miniSearchBox .miniSearch:before {
        content: '';
        display: block;
        position: absolute;
        top: -7px;
        right: 24px;
        width: 0;
        height: 0;
        margin-left: -7px;
        border-style: solid;
        border-width: 0 7px 7px 7px;
        border-color: transparent transparent #2D4059 transparent; }
      .navContainer .miniSearchBox .miniSearch.submitted:after {
        width: 65px;
        height: 65px; }
      .navContainer .miniSearchBox .miniSearch .searchInput {
        border: none;
        background-color: transparent;
        width: 100%;
        height: 65px;
        line-height: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 25px;
        color: #FFF;
        display: block;
        position: relative; }
      .navContainer .miniSearchBox .miniSearch .searchBoxBtn {
        position: absolute;
        top: 0;
        right: 0;
        width: 65px;
        height: 65px;
        line-height: 65px;
        text-align: center;
        color: #FFF;
        font-size: 1.8rem;
        z-index: 99; }
        .navContainer .miniSearchBox .miniSearch .searchBoxBtn:before {
          line-height: 65px; }
        .navContainer .miniSearchBox .miniSearch .searchBoxBtn:hover {
          text-decoration: none; }
  .navContainer .topbarRight .btnImportantNotice {
    display: none !important; }
  .navContainer .btnImportantNotice {
    position: absolute;
    font-size: 0;
    top: -65px;
    left: 65px;
    width: 50px;
    height: 65px;
    border: none;
    padding: 0;
    /*&::before {
				top: 19px;
				left: 20px;
				width: 20px;
				height: 21px;
				background: url($iconImgPath + 'icon_important_notice.svg') no-repeat center;
				background-size: 100% auto;
			}*/ }
    .navContainer .btnImportantNotice.mobile {
      display: block;
      float: none;
      background: #FFAA00;
      font-size: 1.6rem;
      color: #333;
      height: 60px;
      line-height: 60px;
      padding-left: 50px;
      border-right: none; }
    .navContainer .btnImportantNotice::before {
      top: 22px;
      left: 22px; }
  .navContainer .logo {
    display: none; }
  .navContainer .navInner {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: -100%;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    -webkit-transition: left 0.3s ease-out;
    transition: left 0.3s ease-out; }
  .navContainer .topbar {
    margin-left: 0;
    height: 55px;
    line-height: 50px;
    background: #FFF;
    border-bottom: #01E1BF 5px solid; }
    .navContainer .topbar .btnCloseMobileMenu {
      float: left;
      display: block;
      width: 50px;
      height: 50px;
      background-color: #3D51E4;
      position: relative;
      font-size: 0; }
      .navContainer .topbar .btnCloseMobileMenu:before, .navContainer .topbar .btnCloseMobileMenu:after {
        content: '';
        border-top: #FFF 3px solid;
        width: 20px;
        height: 1px;
        position: absolute;
        top: 22px;
        left: 14px; }
      .navContainer .topbar .btnCloseMobileMenu:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .navContainer .topbar .btnCloseMobileMenu:after {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg); }
    .navContainer .topbar ul.sitenav {
      height: 100%;
      border-color: #E5E5E5; }
      .navContainer .topbar ul.sitenav li {
        height: 100%;
        border-right: none; }
      .navContainer .topbar ul.sitenav a {
        width: 115px;
        height: 100%;
        border: none;
        color: #000000; }
        .navContainer .topbar ul.sitenav a:before {
          display: none; }
        .navContainer .topbar ul.sitenav a.current {
          background-color: #01E1BF; }
    .navContainer .topbar ul.weatherAndTime, .navContainer .topbar ul.mobileWeatherAndTime {
      display: none; }
    .navContainer .topbar ul.tools {
      margin-right: 25px;
      padding-right: 0; }
      .navContainer .topbar ul.tools li.navFb, .navContainer .topbar ul.tools li.navIg, .navContainer .topbar ul.tools li.toolFont, .navContainer .topbar ul.tools li.navBookmark {
        display: none; }
      .navContainer .topbar ul.tools li.navLang {
        border: none;
        margin-right: 0; }
        .navContainer .topbar ul.tools li.navLang > a {
          display: none; }
        .navContainer .topbar ul.tools li.navLang.expand .toolDropdown {
          height: 50px; }
        .navContainer .topbar ul.tools li.navLang .toolDropdown {
          display: block;
          position: static;
          width: auto;
          background: transparent;
          text-align: left;
          height: 50px; }
          .navContainer .topbar ul.tools li.navLang .toolDropdown .toolIcons {
            padding-top: 0;
            padding-bottom: 0; }
          .navContainer .topbar ul.tools li.navLang .toolDropdown a {
            display: inline-block;
            margin-left: 16px;
            padding: 0;
            line-height: inherit;
            background: transparent;
            color: #000000; }
            .navContainer .topbar ul.tools li.navLang .toolDropdown a:first-child {
              margin-left: 0; }
            .navContainer .topbar ul.tools li.navLang .toolDropdown a.active {
              display: none; }
  .navContainer #navigation {
    background: #FFF;
    height: calc(100% - 55px);
    overflow: auto;
    margin-left: 0;
    -webkit-overflow-scrolling: touch; }
    .navContainer #navigation > ul {
      text-align: left; }
      .navContainer #navigation > ul > li {
        display: block;
        padding-left: 0;
        padding-right: 0;
        border-bottom: #E5E5E5 1px solid; }
        .navContainer #navigation > ul > li > a {
          font-size: 2rem;
          line-height: 140%;
          padding: 22px 22px 23px 22px; }
          .navContainer #navigation > ul > li > a:before {
            display: none; }
          .navContainer #navigation > ul > li > a:after {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            right: 20px;
            width: 0;
            height: 0;
            margin-top: -4px;
            border-style: solid;
            border-width: 8px 8px 0 8px;
            border-color: #003162 transparent transparent transparent;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out; }
          .navContainer #navigation > ul > li > a.withoutSubLevel:after {
            display: none; }
        .navContainer #navigation > ul > li.expand > a {
          background: #3D51E4;
          color: #FFF; }
          .navContainer #navigation > ul > li.expand > a:after {
            border-color: #FFF transparent transparent transparent;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
    .navContainer #navigation .weatherAndTime, .navContainer #navigation .mobileWeatherAndTime {
      display: block;
      height: 65px;
      float: none;
      background: #E5E5E5; }
      .navContainer #navigation .weatherAndTime .icon, .navContainer #navigation .mobileWeatherAndTime .icon {
        display: inline-block;
        margin-left: 20px; }
  .subnavContainer {
    position: static;
    height: 0; }
  .subnav {
    position: static;
    color: #FFF;
    background-color: #3D51E4;
    display: block;
    overflow: hidden; }
    .subnav .inner {
      display: block;
      width: auto;
      margin: 0 20px;
      padding: 10px 2px;
      border-top: #5F6FE4 1px solid; }
      .subnav .inner > .title, .subnav .inner > .promotion {
        display: none; }
      .subnav .inner > ul {
        display: block;
        width: auto; }
        .subnav .inner > ul a {
          color: #FFF;
          padding: 6px 0; }
  .no-touchevents .navContainer .topbar ul.sitenav a:hover {
    background-color: #01E1BF; }
  .withSmartBanner .headerContainer {
    top: 85px; }
  .withSmartBanner header.mini .headerContainer {
    top: 85px; }
  footer {
    padding-top: 28px;
    padding-bottom: 120px; }
    footer .socialMedia {
      margin-left: -15px;
      margin-right: -15px;
      padding-bottom: 10px; }
      footer .socialMedia li {
        padding-left: 7px;
        padding-right: 7px;
        padding-bottom: 15px; }
        footer .socialMedia li a {
          width: 40px;
          height: 40px; }
          footer .socialMedia li a:hover {
            background-position: 0 -60px; }
    footer .footerNav {
      padding-bottom: 0;
      margin-left: 0;
      margin-right: 0; }
      footer .footerNav > div {
        display: none;
        padding-left: 0;
        padding-right: 0; }
        footer .footerNav > div.logo {
          display: block;
          position: absolute;
          bottom: 25px;
          padding-bottom: 0;
          left: 0;
          width: 100%; }
          footer .footerNav > div.logo a {
            width: 137px;
            margin: 0 auto; }
        footer .footerNav > div:last-child {
          display: block;
          position: absolute;
          width: 100%;
          top: 96px;
          left: 0;
          text-align: center;
          padding-left: 20px;
          padding-right: 20px; }
          footer .footerNav > div:last-child dl dt {
            border-top: #FFF 1px solid;
            border-bottom: #FFF 1px solid;
            padding-top: 10px;
            padding-bottom: 10px;
            font-weight: 400; }
          footer .footerNav > div:last-child dd {
            display: none; }
    footer .terms {
      padding-top: 70px;
      border-top: none; }
      footer .terms a {
        position: relative;
        font-size: 1.4rem;
        font-weight: 400;
        padding-left: 0; }
        footer .terms a:after {
          content: '|';
          margin-left: 9px; }
        footer .terms a:last-child:after {
          content: '';
          margin-left: 0; }
      footer .terms .copyright {
        padding-top: 0; }
  body {
    font-size: 1.6rem; }
  p {
    padding-bottom: 20px; }
  a.loadMore {
    margin-bottom: 30px; }
  h2 {
    padding-bottom: 20px; }
  .anchorHolder {
    margin-top: -85px;
    height: 85px; }
  #main {
    padding-top: 65px;
    font-size: 1.6rem; }
  .topBanner {
    margin-top: 65px; }
    .topBanner .title span {
      margin-left: 20px;
      margin-right: 20px;
      min-width: 170px;
      text-shadow: 0px 0px 10px black, 0px 0px 10px black; }
  .topTitle {
    font-size: 3rem;
    margin-top: 69px;
    margin-bottom: 0; }
    .topTitle span {
      padding-left: 20px;
      padding-right: 20px; }
  .withSmartBanner .topBanner {
    margin-top: 150px; }
  .withSmartBanner .topTitle {
    margin-top: 154px; }
  .withSmartBanner .navContainer .navInner {
    top: 85px; }
  .globalInner {
    padding-left: 20px;
    padding-right: 20px; }
  .limitedWidth, .breadcrumb, .backContainer, .searchBack, .lv2menu, .lv3menu {
    padding-left: 20px;
    padding-right: 20px; }
  .searchBack {
    margin-bottom: 20px; }
  .lv2menu {
    margin-bottom: 15px; }
  .lv3menu .expandMenu ul {
    padding-right: 0;
    padding-top: 20px;
    padding-bottom: 20px; }
  /* Fix Header */
  .fixTableHeader .flightTableHeader {
    padding-left: 20px;
    padding-right: 20px; }
  .fixTableHeader.fixed {
    display: block;
    position: absolute;
    top: 0;
    border-bottom: none; }
    .fixTableHeader.fixed .flightTableHeader {
      padding-left: 0;
      padding-right: 0;
      height: auto; }
  /* End of Fix Header */
  .lv2menu + .backContainer {
    margin-top: -15px; }
  .backContainer .backContainerInner {
    padding-bottom: 15px; }
  .lv2menu .menuWrapper {
    height: 43px; }
  .lv2menu .menuInner {
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
  .lv2menu ul {
    white-space: nowrap; }
    .lv2menu ul li {
      padding-right: 28px; }
      .lv2menu ul li:last-child {
        padding-right: 45px; }
      .lv2menu ul li a {
        padding-bottom: 17px; }
  .lv3menu {
    margin-bottom: 20px; }
    .lv3menu .expandMenu ul li {
      float: none;
      text-align: center; }
      .lv3menu .expandMenu ul li a {
        display: inline-block;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 5px;
        padding-right: 5px;
        height: auto;
        position: relative;
        line-height: 1.6; }
        .lv3menu .expandMenu ul li a:before {
          width: 0;
          display: block;
          content: '';
          height: 4px;
          position: absolute;
          bottom: 0;
          left: 0;
          border-bottom: 4px #FFF solid;
          border-color: #8700F5;
          -webkit-transition: width 0.2s ease-out;
          transition: width 0.2s ease-out; }
        .lv3menu .expandMenu ul li a.current {
          color: #000000;
          background-color: transparent; }
          .lv3menu .expandMenu ul li a.current:before {
            width: 100%; }
  .breadcrumb {
    font-size: 1.2rem;
    margin-top: 20px;
    padding-bottom: 15px; }
  /* Main Content */
  .mainContent {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%; }
  .contentContainer {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px; }
  /* End of Main Content */
  /* Top Banner */
  .topBanner .banner {
    height: 35vw;
    min-height: 130px; }
  #runwayCanvas {
    display: none; }
  .slick-dots {
    top: 290px;
    left: 12px; }
  /* Smart Search */
  .searchBox {
    display: none; }
  .resultHolder {
    padding-top: 0; }
    .resultHolder .airlineInfoTable {
      margin-bottom: 20px; }
      .resultHolder .airlineInfoTable .resultDataContainerBox .airlineResultDataBox {
        margin-bottom: 0; }
      .resultHolder .airlineInfoTable .resultDataContainerBox .data .hiddenBox .hiddenContainerBox {
        margin-top: -450%; }
      .resultHolder .airlineInfoTable .airlineResultDataBox .loungeBox {
        margin-top: 0%; }
    .resultHolder .resultShop .componentTitle a {
      width: 100%;
      text-align: right; }
    .resultHolder .resultFlightContent {
      padding-left: 0px;
      padding-right: 0px; }
      .resultHolder .resultFlightContent .dateBox {
        margin-top: 20px; }
      .resultHolder .resultFlightContent .componentTitle,
      .resultHolder .resultFlightContent .configBox,
      .resultHolder .resultFlightContent .desc {
        padding-left: 20px;
        padding-right: 20px; }
      .resultHolder .resultFlightContent .relatedContent .componentTitle {
        padding-left: 0px; }
      .resultHolder .resultFlightContent .cargoInfoTable .statusData {
        padding-bottom: 30px; }
      .resultHolder .resultFlightContent .cargoInfoTable .leftContentBox {
        width: 27%; }
      .resultHolder .resultFlightContent .cargoInfoTable .rightContentBox {
        width: 57%; }
      .resultHolder .resultFlightContent .noFlightResult {
        padding-left: 10px;
        padding-right: 10px; }
  /* Fix Header */
  .fixTableHeader .flightTableHeader {
    padding-left: 0;
    padding-right: 0; }
    .fixTableHeader .flightTableHeader .contentNameBox {
      padding-left: 0;
      padding-right: 0; }
  .resultFlightContent .fixTableHeader.fixed .flightTableHeader, .resultAirlineContent .fixTableHeader.fixed .flightTableHeader {
    padding-left: 0;
    padding-right: 0; }
  /* End of Fix Header */
  .noteContainer {
    font-size: 1.4rem; }
  .component, .mainlandCoach {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
    overflow: hidden; }
    .component .componentInner, .mainlandCoach .componentInner {
      padding-left: 20px;
      padding-right: 20px; }
    .component .imgRight, .mainlandCoach .imgRight {
      float: none; }
    .component.helpfulIcon .componentInner, .mainlandCoach.helpfulIcon .componentInner {
      padding-top: 40px;
      padding-bottom: 20px; }
    .component.column3 .title, .component.column4 .title, .mainlandCoach.column3 .title, .mainlandCoach.column4 .title {
      padding-top: 10px;
      padding-bottom: 10px; }
    .component.column3 .titleLv2, .component.column4 .titleLv2, .mainlandCoach.column3 .titleLv2, .mainlandCoach.column4 .titleLv2 {
      padding-top: 0;
      padding-bottom: 10px; }
    .component.column3 .desc, .component.column4 .desc, .mainlandCoach.column3 .desc, .mainlandCoach.column4 .desc {
      padding-top: 10px; }
    .component.column3 .shopInfo li, .component.column4 .shopInfo li, .mainlandCoach.column3 .shopInfo li, .mainlandCoach.column4 .shopInfo li {
      padding-left: 0;
      padding-bottom: 10px; }
    .component.column3, .mainlandCoach.column3 {
      margin-bottom: 0; }
      .component.column3 .row .box, .mainlandCoach.column3 .row .box {
        margin-bottom: 20px; }
    .component.column4, .mainlandCoach.column4 {
      margin-bottom: 0; }
      .component.column4 .row .box, .mainlandCoach.column4 .row .box {
        margin-bottom: 20px; }
      .component.column4 .row > div:last-child, .mainlandCoach.column4 .row > div:last-child {
        /* margin-bottom: 0; */ }
    .component.txtAndImg, .mainlandCoach.txtAndImg {
      margin-bottom: 20px; }
      .component.txtAndImg .rightImg, .component.txtAndImg .leftImg, .mainlandCoach.txtAndImg .rightImg, .mainlandCoach.txtAndImg .leftImg {
        padding-bottom: 0; }
      .component.txtAndImg .leftContent, .component.txtAndImg .rightContent, .mainlandCoach.txtAndImg .leftContent, .mainlandCoach.txtAndImg .rightContent {
        padding-bottom: 0; }
        .component.txtAndImg .leftContent .buttonWrapper, .component.txtAndImg .rightContent .buttonWrapper, .mainlandCoach.txtAndImg .leftContent .buttonWrapper, .mainlandCoach.txtAndImg .rightContent .buttonWrapper {
          padding-bottom: 0; }
      .component.txtAndImg.promotionPage a.btnCTA, .mainlandCoach.txtAndImg.promotionPage a.btnCTA {
        margin-left: auto;
        margin-right: auto; }
    .component.relatedContent, .mainlandCoach.relatedContent {
      padding-top: 40px;
      padding-bottom: 40px; }
    .component.txtOnly .otherNotice, .mainlandCoach.txtOnly .otherNotice {
      padding-top: 30px; }
      .component.txtOnly .otherNotice li, .mainlandCoach.txtOnly .otherNotice li {
        padding-bottom: 10px; }
    .component.additionalInfo, .mainlandCoach.additionalInfo {
      padding-bottom: 20px; }
      .component.additionalInfo.withMarginBtm, .mainlandCoach.additionalInfo.withMarginBtm {
        margin-bottom: 20px; }
    .component.centerList, .mainlandCoach.centerList {
      padding-top: 20px; }
      .component.centerList ul, .mainlandCoach.centerList ul {
        text-align: left; }
        .component.centerList ul li, .mainlandCoach.centerList ul li {
          width: 45%;
          margin-bottom: 20px; }
          .component.centerList ul li:nth-child(odd), .mainlandCoach.centerList ul li:nth-child(odd) {
            clear: left; }
          .component.centerList ul li .partner h3, .mainlandCoach.centerList ul li .partner h3 {
            font-size: 1.6rem; }
          .component.centerList ul li .partner h4, .mainlandCoach.centerList ul li .partner h4 {
            font-size: 1.6rem; }
    .component.helpfulIcon .iconList, .mainlandCoach.helpfulIcon .iconList {
      overflow-x: auto;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch; }
      .component.helpfulIcon .iconList li, .mainlandCoach.helpfulIcon .iconList li {
        width: 115px; }
        .component.helpfulIcon .iconList li a, .mainlandCoach.helpfulIcon .iconList li a {
          font-size: 1.4rem;
          white-space: normal; }
  .componentTitle {
    font-size: 3rem;
    padding-bottom: 15px; }
    .componentTitle + .lastUpdated {
      position: static;
      padding-bottom: 15px; }
  /* Accordion */
  .accordion .accordionMainTitle {
    min-height: 38px;
    padding-right: 100px; }
    .accordion .accordionMainTitle h2 {
      padding-bottom: 10px; }
  .accordion .accordionList .accordionItem > a {
    padding: 9px 62px 9px 20px;
    min-height: 50px; }
    .accordion .accordionList .accordionItem > a:before {
      top: 24px;
      right: 20px;
      width: 20px; }
    .accordion .accordionList .accordionItem > a:after {
      top: 15px;
      right: 29px;
      height: 20px; }
    .accordion .accordionList .accordionItem > a .airlineLogo {
      width: 32px;
      height: 32px; }
      .accordion .accordionList .accordionItem > a .airlineLogo img {
        width: 16px; }
  .accordion .accordionList .accordionContent .accordionInner {
    padding: 15px 20px 5px 20px; }
  .accordion .accordionList .accordionContent dt {
    width: 70px; }
    .accordion .accordionList .accordionContent dt:before {
      font-size: 18px; }
  .accordion .accordionList .accordionContent dd {
    margin-left: 70px; }
  .accordion .accordionList .accordionContent dt, .accordion .accordionList .accordionContent dd {
    padding-bottom: 10px; }
  .accordion .accordionList .accordionContent dl.twoWayList dt {
    float: none;
    width: auto; }
  .accordion .accordionList .accordionContent dl.twoWayList dd {
    float: none; }
  /* End of Accordion */
  .findTheShopBox {
    margin-bottom: 60px; }
    .findTheShopBox .iframeBox {
      height: 500px; }
      .findTheShopBox .iframeBox .iframeContent {
        height: 500px; }
  .tags {
    padding-bottom: 15px;
    margin-bottom: 20px; }
    .tags a {
      font-size: 1.4rem;
      margin-right: 1px;
      margin-bottom: 1px; }
  .resultFlight dd .airportCode {
    font-size: 3rem; }
  .resultFlight dd .city {
    font-size: 1.6rem; }
  .resultFlight dd ul {
    float: none; }
    .resultFlight dd ul li {
      float: none; }
  .resultFlight .flightInfoBox .componentTitle {
    float: none; }
  .resultFlight .flightInfoBox .updateInfo {
    margin-top: 5px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 12px; }
    .resultFlight .flightInfoBox .updateInfo a.refresh {
      margin-right: 30px;
      display: inline-block; }
    .resultFlight .flightInfoBox .updateInfo a.bookmark:before {
      margin-left: 20px; }
    .resultFlight .flightInfoBox .updateInfo a.bookmark:after {
      margin-top: -8px;
      height: 16px; }
  .resultFlight .flightInfoBox .shareCode {
    padding-left: 20px;
    padding-right: 20px; }
    .resultFlight .flightInfoBox .shareCode .shareCodeList li {
      min-width: 88px;
      margin-right: 10px;
      font-size: 14px; }
  .resultFlight .airlineInfo a.viewAllFlights {
    margin-bottom: 18px; }
  .resultFlight .airlineInfo .airlineInfoInner {
    min-height: 0;
    padding: 20px 20px 20px 20px; }
    .resultFlight .airlineInfo .airlineInfoInner dl.airlineTel dd {
      padding-bottom: 15px; }
    .resultFlight .airlineInfo .airlineInfoInner dd {
      font-size: 1.8rem;
      padding-bottom: 15px; }
    .resultFlight .airlineInfo .airlineInfoInner a.web {
      top: 20px;
      right: 20px; }
    .resultFlight .airlineInfo .airlineInfoInner .airlineCodeTel {
      overflow: hidden; }
      .resultFlight .airlineInfo .airlineInfoInner .airlineCodeTel dl {
        float: left;
        width: 50%; }
  .bottomBanner a img {
    width: 100%; }
  .bottomBanner a .slogan .title {
    font-size: 4.5rem; }
  .bottomBanner a .slogan .subTitle {
    font-size: 1.8rem; }
  /* End of Smart Search */
  /* Quick Links */
  .quicklinks {
    display: none; }
  /* End of Quick Links */
  /* component stlye */
  /* Slide show */
  .globalSilder.weather .weatherInner .weatherInfo .weatherIcon img {
    max-width: 60px; }
  .globalSilder.weather .weatherInner .weatherInfo .city {
    font-size: 1.2rem; }
  .globalSilder.weather .weatherInner .weatherInfo .temperature {
    font-size: 3.5rem; }
  /* Slide show ends */
  /* End of component stlye */
  /* Info Table */
  .infoTableBox {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px; }
    .infoTableBox .tableHeader > div {
      font-size: 1.6rem;
      vertical-align: middle; }
  .component > .infoTableBox {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0; }
  /* End of Info Table */
  /* Promotion Shop list */
  .promoShopList {
    padding-left: 20px;
    padding-right: 20px; }
    .promoShopList .custDropdown {
      width: 100%;
      max-width: 330px; }
  /* Promotion Shop list */
  /* Custom select */
  .ui-selectmenu-button.ui-button {
    padding-left: 20px;
    padding-right: 50px; }
    .ui-selectmenu-button.ui-button .ui-selectmenu-text:after {
      right: 20px; }
  .ui-menu .ui-menu-item-wrapper {
    padding-left: 20px;
    padding-right: 20px; }
  /* End of Custom select */
  .bulletList, .html-content ul, .html-content-large ul {
    padding-bottom: 20px; }
  .shopInfo, .awardInfo {
    padding-top: 0; }
  .adHocSilder .slick-slide {
    background-position: center 10px; }
  .floatingAdHocBox {
    width: 100%;
    top: auto;
    bottom: 40px;
    right: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
    .floatingAdHocBox.hideItem {
      right: 0;
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0) scale(1);
      transform: translate3d(0, 0, 0) scale(1); }
    .floatingAdHocBox.close {
      opacity: 0;
      right: -463px; }
    .floatingAdHocBox figcaption {
      width: auto; }
  .doubleQuot {
    font-size: 1.8rem; }
  .hkia_customSelect {
    position: relative; }
  .updateInfo {
    float: none;
    text-align: right;
    margin-right: 0;
    margin-left: 0; }
    .updateInfo a.refresh {
      display: block;
      margin-right: 0;
      font-weight: 400;
      font-size: 1.4rem; }
  .resultHolder .resultFlightContent .componentTitle .more {
    float: none;
    font-size: 1.4rem; }
    .resultHolder .resultFlightContent .componentTitle .more:before {
      display: none; }
  .resultFlightContent .tabContainer .tabNav {
    display: table;
    padding-left: 20px;
    padding-right: 20px; }
  .html-content .accordionInner p, .html-content-large .accordionInner p {
    padding-bottom: 20px; }
  .component.txtAndImg .row > div.specialAnnouncement,
  .mainlandCoach.txtAndImg .row > div.specialAnnouncement {
    margin-left: 14px;
    margin-right: 14px; }
  .globalSilder.weather .weatherInner .weatherInfo .weatherCityIcon {
    font-size: 100px; }
  .globalSilder.weather .weatherInner .weatherInfo .temperature {
    font-size: 2.4rem; } }

/* portrait */
@media (max-width: 767px) {
  body:after {
    content: "mobile";
    display: none; }
  .topBanner .title {
    font-size: 3rem;
    line-height: 1.1; }
  .component.column3 .row > div, .component.column4 .row > div, .mainlandCoach.column3 .row > div, .mainlandCoach.column4 .row > div {
    margin-bottom: 10px; }
  .component.column3 .desc, .component.column4 .desc, .mainlandCoach.column3 .desc, .mainlandCoach.column4 .desc {
    display: none; }
  .component.column4 .row .box:nth-child(2n+1), .mainlandCoach.column4 .row .box:nth-child(2n+1) {
    clear: both; }
  .component.column4 .row .box[data-column="0"], .mainlandCoach.column4 .row .box[data-column="0"] {
    clear: both; }
  .component.column4 .row .box[data-column="1"], .mainlandCoach.column4 .row .box[data-column="1"] {
    clear: none; }
  .component.column4 .row .box[data-column="2"], .mainlandCoach.column4 .row .box[data-column="2"] {
    clear: both; }
  .component.column4 .row .box[data-column="3"], .mainlandCoach.column4 .row .box[data-column="3"] {
    clear: none; }
  .component.column6 .row .box:nth-child(3n + 1), .mainlandCoach.column6 .row .box:nth-child(3n + 1) {
    clear: both; }
  .component.column6 .row .box[data-column="0"], .mainlandCoach.column6 .row .box[data-column="0"] {
    clear: both; }
  .component.column6 .row .box[data-column="1"], .mainlandCoach.column6 .row .box[data-column="1"] {
    clear: none; }
  .component.column6 .row .box[data-column="2"], .mainlandCoach.column6 .row .box[data-column="2"] {
    clear: none; }
  .component.column6 .row .box[data-column="3"], .mainlandCoach.column6 .row .box[data-column="3"] {
    clear: both; }
  .component.column6 .row .box[data-column="4"], .mainlandCoach.column6 .row .box[data-column="4"] {
    clear: none; }
  .component.column6 .row .box[data-column="5"], .mainlandCoach.column6 .row .box[data-column="5"] {
    clear: none; }
  .component.graphicDesc .desc, .mainlandCoach.graphicDesc .desc {
    display: block; }
  .component.helpfulIcon .componentInner, .mainlandCoach.helpfulIcon .componentInner {
    padding-top: 35px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0; }
  .component.helpfulIcon .leftBox, .mainlandCoach.helpfulIcon .leftBox {
    margin-bottom: 30px; }
    .component.helpfulIcon .leftBox .componentTitle, .mainlandCoach.helpfulIcon .leftBox .componentTitle {
      padding-left: 20px;
      padding-right: 100px; }
    .component.helpfulIcon .leftBox p, .mainlandCoach.helpfulIcon .leftBox p {
      padding-left: 20px;
      padding-right: 20px; }
  .component.helpfulIcon .more, .mainlandCoach.helpfulIcon .more {
    font-size: 1.4rem;
    /* position:absolute;
   				top: 0;
   				right: 30px; */
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px; }
  .component.txtAndImg .row > div, .mainlandCoach.txtAndImg .row > div {
    margin-bottom: 20px; }
    .component.txtAndImg .row > div:last-child, .mainlandCoach.txtAndImg .row > div:last-child {
      margin-bottom: 0; }
  .component.txtAndImg .btnCTABox.coaches a.btnCTA, .mainlandCoach.txtAndImg .btnCTABox.coaches a.btnCTA {
    float: none;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px; }
    .component.txtAndImg .btnCTABox.coaches a.btnCTA:last-child, .mainlandCoach.txtAndImg .btnCTABox.coaches a.btnCTA:last-child {
      margin-right: auto; }
  .component.txtAndImg .btnCTABox a.btnCTA, .mainlandCoach.txtAndImg .btnCTABox a.btnCTA {
    width: 48%;
    min-width: 0; }
  .component.txtAndImg .leftContent .buttonWrapper .btnCTA, .component.txtAndImg .rightContent .buttonWrapper .btnCTA, .mainlandCoach.txtAndImg .leftContent .buttonWrapper .btnCTA, .mainlandCoach.txtAndImg .rightContent .buttonWrapper .btnCTA {
    margin: 0 auto 20px !important;
    float: none; }
  .component.txtAndImg .leftContent a.btnCTA, .component.txtAndImg .rightContent a.btnCTA, .mainlandCoach.txtAndImg .leftContent a.btnCTA, .mainlandCoach.txtAndImg .rightContent a.btnCTA {
    margin: 0 auto 20px !important;
    float: none; }
  .component.additionalInfo, .mainlandCoach.additionalInfo {
    padding-top: 30px;
    padding-bottom: 30px; }
    .component.additionalInfo .row > div, .mainlandCoach.additionalInfo .row > div {
      margin-bottom: 30px; }
      .component.additionalInfo .row > div:last-child, .mainlandCoach.additionalInfo .row > div:last-child {
        margin-bottom: 0; }
    .component.additionalInfo .btnCTA, .mainlandCoach.additionalInfo .btnCTA {
      width: 95%;
      float: none;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 20px; }
      .component.additionalInfo .btnCTA:last-child, .mainlandCoach.additionalInfo .btnCTA:last-child {
        margin-bottom: 0;
        margin-right: auto; }
  .component .leftContent, .component .rightContent, .mainlandCoach .leftContent, .mainlandCoach .rightContent {
    padding: 0; }
    .component .leftContent .buttonWrapper, .component .rightContent .buttonWrapper, .mainlandCoach .leftContent .buttonWrapper, .mainlandCoach .rightContent .buttonWrapper {
      padding-bottom: 0px; }
      .component .leftContent .buttonWrapper .loadMore, .component .rightContent .buttonWrapper .loadMore, .mainlandCoach .leftContent .buttonWrapper .loadMore, .mainlandCoach .rightContent .buttonWrapper .loadMore {
        margin: 0 auto 20px;
        float: none; }
      .component .leftContent .buttonWrapper .btnCTA, .component .rightContent .buttonWrapper .btnCTA, .mainlandCoach .leftContent .buttonWrapper .btnCTA, .mainlandCoach .rightContent .buttonWrapper .btnCTA {
        margin: 0 auto 20px;
        float: none; }
    .component .leftContent .btnCTABox .btnCTA, .component .rightContent .btnCTABox .btnCTA, .mainlandCoach .leftContent .btnCTABox .btnCTA, .mainlandCoach .rightContent .btnCTABox .btnCTA {
      width: 100%;
      margin-right: 0;
      margin-bottom: 10px; }
  .component .rightImg, .component .leftImg, .mainlandCoach .rightImg, .mainlandCoach .leftImg {
    padding: 0; }
  .serviceProviderList dd {
    display: block; }
  .shopDetail .shopImg {
    border-bottom-width: 4px; }
  .shopDetail .shopInfoBox .shopInfo li {
    width: 100%;
    float: left; }
  .component.shopDetail a.btnCTA {
    margin-left: auto;
    margin-right: auto;
    width: 200px; }
  .bottomBanner {
    min-height: 100px; }
    .bottomBanner a .slogan .title {
      line-height: 110%;
      padding-bottom: 20px; }
  .keywordResult .row {
    margin-bottom: 20px; }
    .keywordResult .row > div.keywordContent {
      padding-left: 20px;
      padding-right: 20px; }
      .keywordResult .row > div.keywordContent ul, .keywordResult .row > div.keywordContent ol {
        padding-bottom: 20px; }
      .keywordResult .row > div.keywordContent .btnCTA {
        margin-left: auto;
        margin-right: auto; }
  .resultFlight dd .flightNo {
    display: inline-block;
    float: right;
    padding-top: 0; }
  .resultFlight .flightInfoBox .flightLocation {
    padding: 20px 0; }
    .resultFlight .flightInfoBox .flightLocation dl.airlineBox, .resultFlight .flightInfoBox .flightLocation div.airlineBox {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 15px; }
    .resultFlight .flightInfoBox .flightLocation dl.flightCities, .resultFlight .flightInfoBox .flightLocation div.flightCities {
      width: 100%; }
      .resultFlight .flightInfoBox .flightLocation dl.flightCities.landed .airplane, .resultFlight .flightInfoBox .flightLocation div.flightCities.landed .airplane {
        top: auto;
        left: 0; }
    .resultFlight .flightInfoBox .flightLocation dl.flyingStatus, .resultFlight .flightInfoBox .flightLocation div.flyingStatus {
      width: 25px;
      padding-top: 20px;
      height: 100%;
      top: 0;
      left: 20px; }
      .resultFlight .flightInfoBox .flightLocation dl.flyingStatus:before, .resultFlight .flightInfoBox .flightLocation div.flyingStatus:before {
        top: 70px;
        display: none; }
      .resultFlight .flightInfoBox .flightLocation dl.flyingStatus:after, .resultFlight .flightInfoBox .flightLocation div.flyingStatus:after {
        top: 64px;
        display: none; }
      .resultFlight .flightInfoBox .flightLocation dl.flyingStatus .airplane, .resultFlight .flightInfoBox .flightLocation div.flyingStatus .airplane {
        display: none;
        width: 25px;
        height: 32px;
        top: 22px;
        left: 0;
        font-size: 21px;
        z-index: 1;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg); }
    .resultFlight .flightInfoBox .flightLocation dl.flightFrom, .resultFlight .flightInfoBox .flightLocation dl.flightDestination, .resultFlight .flightInfoBox .flightLocation div.flightFrom, .resultFlight .flightInfoBox .flightLocation div.flightDestination {
      float: none;
      width: 100% !important;
      padding-left: 50px;
      padding-right: 0; }
      .resultFlight .flightInfoBox .flightLocation dl.flightFrom dt, .resultFlight .flightInfoBox .flightLocation dl.flightDestination dt, .resultFlight .flightInfoBox .flightLocation div.flightFrom dt, .resultFlight .flightInfoBox .flightLocation div.flightDestination dt {
        display: none; }
      .resultFlight .flightInfoBox .flightLocation dl.flightFrom li, .resultFlight .flightInfoBox .flightLocation dl.flightDestination li, .resultFlight .flightInfoBox .flightLocation div.flightFrom li, .resultFlight .flightInfoBox .flightLocation div.flightDestination li {
        text-align: left; }
        .resultFlight .flightInfoBox .flightLocation dl.flightFrom li .cityInfo, .resultFlight .flightInfoBox .flightLocation dl.flightDestination li .cityInfo, .resultFlight .flightInfoBox .flightLocation div.flightFrom li .cityInfo, .resultFlight .flightInfoBox .flightLocation div.flightDestination li .cityInfo {
          padding-left: 0;
          padding-right: 0; }
    .resultFlight .flightInfoBox .flightLocation dl.flightFrom, .resultFlight .flightInfoBox .flightLocation div.flightFrom {
      padding-top: 20px; }
      .resultFlight .flightInfoBox .flightLocation dl.flightFrom dd, .resultFlight .flightInfoBox .flightLocation div.flightFrom dd {
        padding-bottom: 15px;
        position: relative; }
    .resultFlight .flightInfoBox .flightLocation dl.flightDestination, .resultFlight .flightInfoBox .flightLocation div.flightDestination {
      padding-top: 0;
      text-align: left; }
    .resultFlight .flightInfoBox .flightLocation dl.arrival.landed .airplane, .resultFlight .flightInfoBox .flightLocation div.arrival.landed .airplane {
      bottom: 25px; }
    .resultFlight .flightInfoBox .flightLocation dl.arrival.landed .flightFrom dd li:first-child:after, .resultFlight .flightInfoBox .flightLocation div.arrival.landed .flightFrom dd li:first-child:after {
      display: block; }
    .resultFlight .flightInfoBox .flightLocation dl.arrival .flightFrom dd, .resultFlight .flightInfoBox .flightLocation div.arrival .flightFrom dd {
      padding-bottom: 0; }
      .resultFlight .flightInfoBox .flightLocation dl.arrival .flightFrom dd li, .resultFlight .flightInfoBox .flightLocation div.arrival .flightFrom dd li {
        padding-bottom: 15px;
        position: relative; }
        .resultFlight .flightInfoBox .flightLocation dl.arrival .flightFrom dd li:before, .resultFlight .flightInfoBox .flightLocation div.arrival .flightFrom dd li:before {
          content: '';
          position: absolute;
          width: 25px;
          height: 100%;
          top: 20%;
          left: -30px;
          background: url(/iwov-resources/image/common/flight_track_v.gif) repeat-y center; }
        .resultFlight .flightInfoBox .flightLocation dl.arrival .flightFrom dd li:after, .resultFlight .flightInfoBox .flightLocation div.arrival .flightFrom dd li:after {
          content: '';
          position: absolute;
          top: 12px;
          left: -21px;
          width: 7px;
          height: 7px;
          border-radius: 50%;
          background: #FFF;
          border: #000000 1px solid; }
    .resultFlight .flightInfoBox .flightLocation dl.arrival .flightDestination dd, .resultFlight .flightInfoBox .flightLocation div.arrival .flightDestination dd {
      position: relative; }
      .resultFlight .flightInfoBox .flightLocation dl.arrival .flightDestination dd:before, .resultFlight .flightInfoBox .flightLocation div.arrival .flightDestination dd:before {
        content: '';
        position: absolute;
        width: 25px;
        height: 25%;
        top: 0;
        left: -30px;
        background: url(/iwov-resources/image/common/flight_track_v.gif) repeat-y center; }
      .resultFlight .flightInfoBox .flightLocation dl.arrival .flightDestination dd:after, .resultFlight .flightInfoBox .flightLocation div.arrival .flightDestination dd:after {
        content: '';
        position: absolute;
        top: 12px;
        left: -21px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #FFF;
        border: #000000 1px solid; }
    .resultFlight .flightInfoBox .flightLocation dl.departure.landed .airplane, .resultFlight .flightInfoBox .flightLocation div.departure.landed .airplane {
      bottom: 29px; }
    .resultFlight .flightInfoBox .flightLocation dl.departure.landed .flightFrom dd:after, .resultFlight .flightInfoBox .flightLocation div.departure.landed .flightFrom dd:after {
      display: block; }
    .resultFlight .flightInfoBox .flightLocation dl.departure .flightFrom dd, .resultFlight .flightInfoBox .flightLocation div.departure .flightFrom dd {
      position: relative; }
      .resultFlight .flightInfoBox .flightLocation dl.departure .flightFrom dd:before, .resultFlight .flightInfoBox .flightLocation div.departure .flightFrom dd:before {
        content: '';
        position: absolute;
        width: 25px;
        height: 100%;
        top: 20%;
        left: -30px;
        background: url(/iwov-resources/image/common/flight_track_v.gif) repeat-y center; }
      .resultFlight .flightInfoBox .flightLocation dl.departure .flightFrom dd:after, .resultFlight .flightInfoBox .flightLocation div.departure .flightFrom dd:after {
        content: '';
        position: absolute;
        top: 12px;
        left: -21px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #FFF;
        border: #000000 1px solid; }
    .resultFlight .flightInfoBox .flightLocation dl.departure .flightDestination dd ul li, .resultFlight .flightInfoBox .flightLocation div.departure .flightDestination dd ul li {
      width: 100%;
      float: none;
      text-align: left;
      padding-bottom: 15px;
      position: relative; }
      .resultFlight .flightInfoBox .flightLocation dl.departure .flightDestination dd ul li:last-child, .resultFlight .flightInfoBox .flightLocation div.departure .flightDestination dd ul li:last-child {
        padding-bottom: 0; }
        .resultFlight .flightInfoBox .flightLocation dl.departure .flightDestination dd ul li:last-child:before, .resultFlight .flightInfoBox .flightLocation div.departure .flightDestination dd ul li:last-child:before {
          display: none; }
      .resultFlight .flightInfoBox .flightLocation dl.departure .flightDestination dd ul li:before, .resultFlight .flightInfoBox .flightLocation div.departure .flightDestination dd ul li:before {
        content: '';
        position: absolute;
        width: 25px;
        height: 100%;
        top: 20%;
        left: -30px;
        background: url(/iwov-resources/image/common/flight_track_v.gif) repeat-y center; }
      .resultFlight .flightInfoBox .flightLocation dl.departure .flightDestination dd ul li:after, .resultFlight .flightInfoBox .flightLocation div.departure .flightDestination dd ul li:after {
        content: '';
        position: absolute;
        top: 12px;
        left: -21px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #FFF;
        border: #000000 1px solid; }
  /* Scroll Table */
  .genericTableBox.scrollTable {
    margin-right: -20px;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
    .genericTableBox.scrollTable .genericTable {
      min-width: 600px; }
  /* End of Scroll Table */
  .buttonWrapper {
    padding-bottom: 0px; }
  .leftContent, .rightContent {
    padding: 0; }
    .leftContent .buttonWrapper, .rightContent .buttonWrapper {
      padding-bottom: 0px; }
      .leftContent .buttonWrapper .loadMore, .rightContent .buttonWrapper .loadMore {
        margin: 0 auto 20px;
        float: none; }
  .rightImg, .leftImg {
    padding-bottom: 0; }
  .html-content dl dt, .html-content dl.shortDL dt, .html-content-large dl dt, .html-content-large dl.shortDL dt {
    width: auto;
    float: none; }
  .html-content dl dd, .html-content dl.shortDL dd, .html-content-large dl dd, .html-content-large dl.shortDL dd {
    margin-left: 0; } }

/* landscape */
@media (max-width: 500px) {
  .floatingAdHocBox {
    bottom: 0; }
    .floatingAdHocBox .floatingAdHocSilder {
      height: auto; }
    .floatingAdHocBox .item {
      height: auto; }
      .floatingAdHocBox .item > a {
        width: 150px; }
    .floatingAdHocBox .spacer-image figcaption {
      margin-left: 0; }
    .floatingAdHocBox figcaption {
      width: auto;
      float: none;
      margin-left: 150px; }
      .floatingAdHocBox figcaption .more {
        bottom: 0; } }

@media (max-width: 414px) {
  body:after {
    content: "mobile";
    display: none; }
  .navContainer .topbar ul.tools {
    margin-right: 10px; }
    .navContainer .topbar ul.tools li.navLang .toolDropdown a {
      margin-left: 10px; }
  .navContainer .topbar ul.sitenav a {
    width: 102px; }
  .component.txtAndImg .btnCTABox a.btnCTA {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px; }
  .doubleQuot {
    font-size: 1.6rem;
    padding-left: 36px;
    padding-right: 36px; }
    .doubleQuot:before {
      top: -20px;
      left: 0;
      font-size: 22px; }
    .doubleQuot:after {
      bottom: -20px;
      right: 0;
      font-size: 22px; } }