@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanscypriot.css);
@import url("https://fonts.googleapis.com/css?family=Noto+Sans");
Ximg {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
}

Xdiv#wa-btn-wrapper {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
}

Xiframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
}

body {
  padding-top: 120px; }

*.tc {
  font-family: 'Noto Sans TC', 'Microsoft JhengHei', sans-serif; }

*.sc {
  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; }

*.en {
  font-family: 'Noto Sans', sans-serif; }

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-5ths {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left; } }

@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left; } }

@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left; } }

ul {
  list-style: none;
  padding-left: 0; }

.img-responsive {
  width: 100%; }

a, a:focus, a:hover, a:active {
  color: #362372;
  text-decoration: none; }

.swiper-button-next {
  background-image: url("../images/global/next.png");
  background-color: rgba(33, 33, 33, 0.5);
  right: 0px; }

.swiper-button-prev {
  background-image: url("../images/global/previous.png");
  background-color: rgba(33, 33, 33, 0.5);
  left: 0px; }

.swiper-container {
  width: 100%;
  height: 100%; }
  .swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
    .swiper-container .swiper-slide img {
      width: 100%; }
  .swiper-container .swiper-pagination-bullet {
    background: #ffffff;
    opacity: 1; }
  .swiper-container .swiper-pagination-bullet-active {
    background: #362372;
    opacity: 1; }

.navbar {
  min-height: 100px;
  border-bottom: none;
  background: white; }
  .navbar hr {
    margin-top: 5px;
    margin-bottom: 0; }
  .navbar .sub-header {
    margin-top: 7px;
    text-align: right; }
    .navbar .sub-header #fb_msg_us_block {
      display: inline-block; }
    .navbar .sub-header .fb, .navbar .sub-header .ig, .navbar .sub-header .lang-switcher, .navbar .sub-header .search {
      display: inline-block; }
    .navbar .sub-header .search .form-control {
      width: 150px;
      display: initial; }
    .navbar .sub-header .search button {
      border: none; }
    .navbar .sub-header .lang-switcher li.dropdown {
      margin-bottom: -10px; }
      .navbar .sub-header .lang-switcher li.dropdown .language-switcher {
        margin-left: 8px; }
    .navbar .sub-header .social-media-icon {
      margin: 0 4px;
      filter: grayscale(100%);
      opacity: 0.15; }
      .navbar .sub-header .social-media-icon:hover {
        filter: grayscale(0%);
        opacity: 1; }
    .navbar .sub-header ul.navbar-nav {
      padding-top: 0;
      float: right;
      margin: 0; }
      .navbar .sub-header ul.navbar-nav a.dropdown-toggle {
        background: url("../images/global/arrow.png") no-repeat 45px 9px; }
      .navbar .sub-header ul.navbar-nav li.dropdown a {
        padding: 3px 25px 3px 0; }
        .navbar .sub-header ul.navbar-nav li.dropdown a span {
          padding: 0; }
      .navbar .sub-header ul.navbar-nav li.dropdown ul.dropdown-menu {
        min-width: initial;
        border-radius: 0;
        width: 66px;
        border: none;
        box-shadow: none; }
        .navbar .sub-header ul.navbar-nav li.dropdown ul.dropdown-menu li.lang-option a {
          padding: 1px 10px; }
      @media (max-width: 767px) {
        .navbar .sub-header ul.navbar-nav li.dropdown {
          margin-bottom: -5px; }
          .navbar .sub-header ul.navbar-nav li.dropdown .dropdown-menu,
          .navbar .sub-header ul.navbar-nav li.dropdown a {
            display: inline; }
          .navbar .sub-header ul.navbar-nav li.dropdown ul.dropdown-menu li.lang-option {
            display: inline-block; }
            .navbar .sub-header ul.navbar-nav li.dropdown ul.dropdown-menu li.lang-option a {
              padding: 5px 4px; } }
  .navbar .company-logo img {
    width: 244px; }
  .navbar .navbar-header button {
    border: none; }
    .navbar .navbar-header button .icon-bar {
      background-color: #362372;
      width: 17px; }
  .navbar .navbar-toggle {
    margin: 22px 0 22px 15px;
    float: left;
    z-index: 1;
  }
  @media (min-width: 768px) {
    .navbar .sub-header li:hover {
      background-color: inherit; }
      .navbar .sub-header li:hover a span {
        color: #777; }
      .navbar .sub-header li:hover a .book {
        background-color: white;
        color: #362372; }
    .navbar li:hover {
      background-color: #362372; }
      .navbar li:hover a span {
        color: white; }
      .navbar li:hover a .book {
        background-color: white;
        color: #362372; }
    .navbar li a {
      padding: 24px 4px 15px; }
      .navbar li a span {
        padding: 10px 8px;
        display: block;
        font-weight: 500;
        font-size: 15px;
        border: 1px solid transparent; }
      .navbar li a .book {
        background-color: white;
        color: #362372;
        font-weight: 500;
        border-radius: 5px;
        border: 1px solid #362372; }
    .navbar li.dropdown ul.dropdown-menu {
      padding: 0; }
      .navbar li.dropdown ul.dropdown-menu li {
        padding: 2px 0;
        border: 1px #DBDBDB solid;
        border-right: none;
        border-left: none; }
        .navbar li.dropdown ul.dropdown-menu li:last-child {
          border-top: none;
          border-bottom: none;
          border-bottom-left-radius: 4px;
          border-bottom-right-radius: 4px; }
        .navbar li.dropdown ul.dropdown-menu li:hover {
          background-color: #362372; }
          .navbar li.dropdown ul.dropdown-menu li:hover a {
            background-color: #362372;
            color: white; }
        .navbar li.dropdown ul.dropdown-menu li a {
          font-weight: 500;
          color: #777;
          padding: 3px 20px; }
    .navbar li.book-btn:hover {
      background-color: inherit; }
      .navbar li.book-btn:hover a span {
        color: #362372; }
      .navbar li.book-btn:hover a .book {
        background-color: #362372;
        color: white;
        border: 1px solid #362372;
        box-sizing: border-box; } }
.book-btn{margin: 24px 4px 15px;}
.book-btn > a{padding:0 !important;}
  @media (min-width: 768px) and (max-width: 991px) {
    .navbar .navbar-brand {
      padding: 25px 0; }
      .navbar .navbar-brand img {
        width: 130px; }
    .navbar .navbar-nav li a {
      padding-left: 0;
      padding-right: 0; } }
  @media (max-width: 767px) {
    .navbar .navbar-brand {
      height: initial;
      position: absolute;
      left: calc(50% - 35px);
      margin-left: -140px; }
    .navbar a.dropdown-toggle {
      background: none !important;
      padding-right: 5px !important; } }
  @media (max-width: 360px) {
    .navbar .navbar-brand {

      float: right; } }

@media (max-width: 767px) {
  ul.nav li.dropdown > ul.dropdown-menu {
    display: block;
    position: initial;
    width: 100%;
    float: initial;
    border: none;
    border-radius: 0;
    background-color: initial;
    box-shadow: none; }
    ul.nav li.dropdown > ul.dropdown-menu li a {
      color: #777; }
  .menu .navbar-nav > li > a > span {
    font-weight: 500;
    font-size: 17px;
    color: black !important; } }

@media (min-width: 768px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
    border: none; } }

@media (max-width: 425px) {
  .navbar-brand {
    padding: 20px 55px; }
    .navbar-brand img {
      max-width: 80%; } }

@media (max-width: 320px) {
  .navbar-brand {
    padding: 20px 0; }
    .navbar-brand img {
      max-width: 80%; } }

.navbar-fixed-top .navbar-collapse.in {
  max-height: calc(100vh - 110px); }

.footer {
  padding: 30px 0 10px;
  background-color: #362372;
  color: white; }
  @media (max-width: 767px) {
    .footer {
      text-align: center; }
      .footer table {
        margin: auto; } }
  .footer a {
    color: white; }
  .footer strong {
    display: block;
    font-size: 16px;
    margin-bottom: 20px; }
  .footer ul {
    padding-bottom: 20px; }
    .footer ul li {
      padding-bottom: 8px; }
  .footer .footer-4 td {
    padding-bottom: 8px; }
    .footer .footer-4 td img {
      padding-right: 12px; }
  .footer .footer-5 #fb-icon:hover > img {
    content: url(../images/footer/fb_icon_mouseover.png); }
  .footer .footer-5 #ig-icon:hover > img {
    content: url(../images/footer/ig_icon_mouseover.png); }
  .footer .footer-5 .social_media_icon {
    padding: 0 20px 40px 0; }
  .footer .footer-5 input[type="submit"] {
    background-color: #929292; }
  .footer .footer-5 input[type="text"] {
    font-size: 12px; }
  .footer .sub-footer {
    text-align: center; }
  .footer .errorMessage {
    color: red; }

.mobile-footer {
  padding: 0;
  text-align: center; }
  .mobile-footer .panel-group {
    margin: 0; }
    .mobile-footer .panel-group .panel {
      border-radius: 0;
      border-left: none;
      border-right: none;
      margin: 0;
      color: white; }
      .mobile-footer .panel-group .panel .panel-heading {
        color: white;
        border-radius: 0;
        background-color: #362372;
        padding: 20px 15px; }
        .mobile-footer .panel-group .panel .panel-heading .panel-title {
          font-weight: 500; }
          .mobile-footer .panel-group .panel .panel-heading .panel-title a {
            color: white; }
      .mobile-footer .panel-group .panel .panel-collapse {
        background-color: #362372; }
        .mobile-footer .panel-group .panel .panel-collapse ul {
          margin: 0; }
          .mobile-footer .panel-group .panel .panel-collapse ul li {
            height: 40px; }
            .mobile-footer .panel-group .panel .panel-collapse ul li a {
              color: white;
              vertical-align: middle; }
  .mobile-footer .bottom {
    padding: 0 20px 20px 20px;
    text-align: left;
    background: #362372;
    color: white; }
    .mobile-footer .bottom td {
      padding-bottom: 8px; }
      .mobile-footer .bottom td img {
        padding-right: 12px; }
      .mobile-footer .bottom td a {
        color: white; }
    .mobile-footer .bottom strong {
      font-size: 16px;
      padding-bottom: 10px;
      display: block;
      padding-top: 30px; }
    .mobile-footer .bottom .errorMessage {
      color: red; }
    .mobile-footer .bottom .social_media_icon {
      padding: 0 20px 0 0; }
    .mobile-footer .bottom input[type="submit"] {
      background-color: #929292; }
    .mobile-footer .bottom .copyright {
      text-align: center;
      padding-bottom: 10px; }

.home .section1 {
  position: relative; }
  .home .section1 .booking-form {
    position: absolute;
    z-index: 2;
    top: 40px;
    background-color: rgba(255, 255, 255, 0.75);
    padding: 20px;
    width: 320px; }
    @media (max-width: 575px) {
      .home .section1 .booking-form {
        display: none; } }
    .home .section1 .booking-form .degree {
      font-size: 31px;
      font-weight: 700; }
    .home .section1 .booking-form .week {
      font-size: 19px;
      font-weight: 700; }
    .home .section1 .booking-form .date {
      font-size: 18px; }
    .home .section1 .booking-form .title {
      font-size: 20px;
      color: #362372; }
    .home .section1 .booking-form input[type="submit"] {
      font-size: 15px;
      color: #ffffff;
      background-color: #362372;
      font-weight: 700; }
  .home .section1 .swiper-container {
    height: 600px; }
    .home .section1 .swiper-container .swiper-slide img {
      min-width: 100%;
      object-fit: cover;
      width: initial; }
    @media (max-width: 575px) {
      .home .section1 .swiper-container {
        height: 200px; }
        .home .section1 .swiper-container img {
          height: 200px; } }

.home .section2 {
  padding: 30px 0;
  background-image: linear-gradient(0deg, #f8f8fe 9%, #ffffff 100%); }
  .home .section2 .col-md-6 {
    margin-top: 15px;
    margin-bottom: 15px; }
  .home .section2 .image {
    position: relative;
    width: 100%;
    /* for IE 6 */
    color: white; }
    .home .section2 .image p {
      position: absolute;
      width: 100%;
      left: 0;
      padding: 0 29px; }
      .home .section2 .image p.title {
        top: 28px;
        font-size: 32px;
        font-weight: 600;
        text-align: left; }
      .home .section2 .image p.caption {
        bottom: 20px;
        font-size: 18px; }

.home .section3 {
  padding-bottom: 50px;
  background: linear-gradient(-1deg, #f2f1fe 9%, #f8f8fe 100%); }
  .home .section3 .border {
    border: 1px solid #dbdbdb;
    background: white; }
    .home .section3 .border .cycle-slideshow {
      height: 213px;
      overflow: hidden; }
      @media (max-width: 1199px) and (min-width: 992px) {
        .home .section3 .border .cycle-slideshow {
          height: 173px; } }
      @media (max-width: 991px) and (min-width: 768px) {
        .home .section3 .border .cycle-slideshow {
          height: 130px; } }
      @media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
        .home .section3 .border .cycle-slideshow {
          width: 100%; } }
    .home .section3 .border .middle {
      cursor: pointer;
      color: #6e6e6e;
      background-color: #eeeeee;
      font-size: 18px;
      font-weight: 700;
      padding: 10px 15px; }
      .home .section3 .border .middle:hover {
        color: white;
        background-color: #362372; }
    .home .section3 .border .content {
      padding: 15px;
      height: 240px; }
      .home .section3 .border .content .title {
        color: #362327;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 50px; }
      .home .section3 .border .content .date {
        font-size: 16px;
        color: #6b6b6b;
        padding-bottom: 15px; }
      .home .section3 .border .content .article {
        font-size: 16px;
        margin-bottom: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical; }
        .home .section3 .border .content .article p {
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          line-height: 20px;
          max-height: 60px; }
      .home .section3 .border .content .read-more {
        height: 33px;
        cursor: pointer;
        position: absolute;
        bottom: 10px; }
        .home .section3 .border .content .read-more span {
          border: 1px solid #362372;
          border-radius: 4px;
          padding: 8px 15px;
          font-weight: 700;
          font-size: 15px; }
          .home .section3 .border .content .read-more span:hover {
            background: #362372;
            color: white; }
  .home .section3 .swiper-container.swiper-container-horizontal .swiper-wrapper .swiper-slide {
    height: 212px !important; }
    @media (max-width: 1200px) {
      .home .section3 .swiper-container.swiper-container-horizontal .swiper-wrapper .swiper-slide {
        height: 173px !important; } }
    @media (max-width: 991px) {
      .home .section3 .swiper-container.swiper-container-horizontal .swiper-wrapper .swiper-slide {
        height: 129px !important; } }
    @media (max-width: 767px) {
      .home .section3 .swiper-container.swiper-container-horizontal .swiper-wrapper .swiper-slide {
        height: 100% !important; } }

@media (max-width: 480px) {
  .home .section2 {
    padding: 0 10px; }
    .home .section2 .container .row {
      margin-left: -25px;
      margin-right: -25px; }
      .home .section2 .container .row .col-md-6 {
        margin-top: 15px;
        margin-bottom: 15px; }
      .home .section2 .container .row .title {
        top: 18px;
        font-size: 6vw;
        line-height: 28px; }
      .home .section2 .container .row .caption {
        bottom: 0;
        font-size: 14px; }
      .home .section2 .container .row p {
        padding: 0 14px; }
  .home .section3 .container .row .col-sm-4 {
    margin-top: 9px;
    margin-bottom: 14px; } }

.about-us .container {
  max-width: 860px; }

.about-us .section2 {
  background-image: -webkit-linear-gradient(271deg, #f2f1fe 9%, #ffffff 100%);
  background-image: -o-linear-gradient(271deg, #f2f1fe 9%, #ffffff 100%);
  background-image: linear-gradient(1deg, #f2f1fe 9%, #ffffff 100%); }
  .about-us .section2 .content {
    background: white;
    border: 1px #dbdbdb solid;
    padding: 30px; }
    .about-us .section2 .content .title {
      color: #362372;
      font-weight: 700;
      font-size: 19px; }
    .about-us .section2 .content p {
      font-size: 14px;
      color: #222222;
      letter-spacing: 0;
      line-height: 24px;
      text-align: justify; }
    .about-us .section2 .content .row .col-xs-5ths {
      width: inherit; }
    .about-us .section2 .content ul {
      list-style: initial;
      margin-left: 20px;
      font-size: 14px;
      color: #222222;
      letter-spacing: 0;
      line-height: 24px;
      text-align: left; }
  .about-us .section2 .content .img-responsive {
    height: 72px;
    width: auto;
    margin: 20px 28px;
    text-align: center; }

.our-fleet .section2 {
  padding: 0px !important; }
  .our-fleet .section2 .fleet-banner {
    height: 300px;
    background-image: url("../uploads/slider/OurFleet_1920n420.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
  .our-fleet .section2 .container {
    padding: 15px 10px; }

.our-fleet .section3 {
  background-image: -webkit-linear-gradient(271deg, #f2f1fe 9%, #ffffff 100%);
  background-image: -o-linear-gradient(271deg, #f2f1fe 9%, #ffffff 100%);
  background-image: linear-gradient(1deg, #f2f1fe 9%, #ffffff 100%); }
  .our-fleet .section3 .container {
    background: white;
    padding-left: 0px;
    padding-right: 0px; }
    .our-fleet .section3 .container .content {
      border: 1px #dbdbdb solid;
      padding: 30px; }
      .our-fleet .section3 .container .content .title {
        color: #362372;
        font-weight: 700;
        font-size: 17px; }
      .our-fleet .section3 .container .content .title-1 {
        margin-bottom: 16px;
        font-weight: 700;
        padding-bottom: 25px;
        border-bottom: 1px solid #dbdbdb;
        margin-left: -30px;
        margin-right: -30px;
        padding-left: 30px;
        padding-right: 30px; }
      .our-fleet .section3 .container .content img {
        object-fit: cover;
        object-position: center;
        height: auto;
        max-height: 260px; }
      .our-fleet .section3 .container .content .img-responsive {
        width: 100%; }
      .our-fleet .section3 .container .content .fleet-content .fleet-title-1,
      .our-fleet .section3 .container .content .fleet-content .fleet-title-2,
      .our-fleet .section3 .container .content .fleet-content .fleet-title-3 {
        font-weight: 700;
        font-size: 15px; }
      .our-fleet .section3 .container .content .fleet-content .grey {
        color: #7F7F7F;
        font-weight: 700; }
      .our-fleet .section3 .container .content .fleet-content .fleet-title-1 {
        font-size: 16px;
        margin-top: 10px;
        color: #362372; }
      .our-fleet .section3 .container .content .fleet-content .border {
        text-align: center;
        border: 1px  #c7c7c7 solid;
        width: 200px;
        padding: 10px;
        color: #362372;
        font-weight: 700;
        margin: 30px auto; }
        .our-fleet .section3 .container .content .fleet-content .border.last {
          margin-top: 120px;
          margin-bottom: 30px;
          margin-left: auto;
          margin-right: auto; }
          @media (max-width: 992px) {
            .our-fleet .section3 .container .content .fleet-content .border.last {
              margin-top: 160px; } }
          @media (max-width: 767px) {
            .our-fleet .section3 .container .content .fleet-content .border.last {
              margin-top: 30px; } }
        .our-fleet .section3 .container .content .fleet-content .border:hover {
          background-color: #362372;
          color: white; }
        .our-fleet .section3 .container .content .fleet-content .border p {
          margin: 0; }

@media (max-width: 454px) {
  .our-fleet .section2 .fleet-banner {
    height: 161px !important; } }

.routing .section1 {
  background-color: #362372;
  padding: 15px 0; }
  .routing .section1 span {
    color: white;
    font-size: 21px;
    font-weight: 700; }

.routing .section2 {
  background-image: -webkit-linear-gradient(271deg, #f2f1fe 9%, #ffffff 100%);
  background-image: -o-linear-gradient(271deg, #f2f1fe 9%, #ffffff 100%);
  background-image: linear-gradient(1deg, #f2f1fe 9%, #ffffff 100%); }
  .routing .section2 .container {
    background-color: white;
    padding-left: 0px;
    padding-right: 0px; }
    .routing .section2 .container .content {
      border: 1px #dbdbdb solid;
      padding: 30px 30px 0px 30px; }
      .routing .section2 .container .content .title {
        color: #362372;
        font-size: 18px;
        font-weight: 700; }
      .routing .section2 .container .content .map {
        position: relative;
        margin-bottom: 30px; }
        .routing .section2 .container .content .map .place {
          position: absolute;
          cursor: pointer;
          width: 50px;
          height: 50px; }
        .routing .section2 .container .content .map .place-1 {
          position: absolute;
          top: 183px;
          left: 230px; }
    .routing .section2 .container .panel {
      border-radius: 0;
      margin: 0;
      border-color: #dbdbdb; }
      .routing .section2 .container .panel .panel-heading {
        padding: 10px 30px;
        background-color: white;
        border-radius: 0; }
        .routing .section2 .container .panel .panel-heading a {
          color: #362372;
          font-weight: 700; }
      .routing .section2 .container .panel .panel-body {
        padding: 10px 30px; }

.dinner-cruise .container {
  max-width: 860px; }

.dinner-cruise .section2 {
  background-color: #362372;
  padding: 15px 0; }
  .dinner-cruise .section2 span {
    color: white;
    font-size: 21px;
    font-weight: 700; }
    .dinner-cruise .section2 span img {
      padding: 0 8px;
      vertical-align: text-top; }

.dinner-cruise .section3 {
  padding: 0px 0 0px;
  background-image: -webkit-linear-gradient(271deg, #F3F2FE 9%, #ffffff 100%);
  background-image: -o-linear-gradient(271deg, #F3F2FE 9%, #ffffff 100%);
  background-image: linear-gradient(1deg, #F3F2FE 9%, #ffffff 100%); }
  .dinner-cruise .section3 .container {
    background-color: white;
    padding: 20px 46px 56px 46px;
    border: 1px solid #dbdbdb; }
    .dinner-cruise .section3 .container table.left thead {
      color: #362372;
      font-size: 19px;
      font-weight: 700; }
      .dinner-cruise .section3 .container table.left thead td {
        padding: 15px 0; }
    .dinner-cruise .section3 .container table.left tbody td {
      padding: 5px 0;
      vertical-align: top; }
    .dinner-cruise .section3 .container .right {
      margin-top: 20px;
      text-align: right; }
      .dinner-cruise .section3 .container .right div {
        padding-bottom: 20px; }
      .dinner-cruise .section3 .container .right span {
        font-size: 13px;
        color: #362372;
        font-weight: 700;
        border: 1px solid #c7c7c7;
        border-radius: 3px;
        padding: 8px;
        display: block;
        min-width: 180px;
        text-align: center; }
        .dinner-cruise .section3 .container .right span:hover {
          background-color: #362372;
          color: white; }
        .dinner-cruise .section3 .container .right span img {
          padding-top: 2px;
          padding-right: 5px;
          vertical-align: text-top; }
    .dinner-cruise .section3 .container .bottom {
      padding-top: 30px; }
      .dinner-cruise .section3 .container .bottom .title {
        color: #362372;
        font-size: 19px;
        font-weight: 700; }
      .dinner-cruise .section3 .container .bottom img {
        vertical-align: middle;
        padding-right: 8px; }
    .dinner-cruise .section3 .container .button-group {
      padding: 30px 0; }
      .dinner-cruise .section3 .container .button-group .button {
        padding: 16px;
        border-radius: 3px;
        font-weight: 700;
        text-align: center;
        border: 1px solid #c7c7c7; }
      .dinner-cruise .section3 .container .button-group .button1 {
        background-color: #362372;
        color: white; }
        .dinner-cruise .section3 .container .button-group .button1:hover {
          background-color: initial;
          color: #362372; }
      .dinner-cruise .section3 .container .button-group .button2 {
        color: #362372; }
        .dinner-cruise .section3 .container .button-group .button2 img {
          padding-right: 8px;
          vertical-align: middle; }
        .dinner-cruise .section3 .container .button-group .button2:hover {
          background-color: #362372;
          color: white; }

.dinner-cruise hr {
  margin: 0;
  display: none; }

.dinner-cruise .section6 {
  padding: 0 0;
  background-image: -webkit-linear-gradient(271deg, #f2f1fe 9%, #F3F2FE 100%);
  background-image: -o-linear-gradient(271deg, #f2f1fe 9%, #F3F2FE 100%);
  background-image: linear-gradient(1deg, #f2f1fe 9%, #F3F2FE 100%); }
  .dinner-cruise .section6 .container {
    border: 1px solid #dbdbdb;
    border-top: none;
    background-color: white;
    padding: 30px 31px 30px 31px; }
    .dinner-cruise .section6 .container .remark {
      font-weight: 700; }

.booking, .booking-special {
  background-image: url("../images/booking/hongkong_bg.png");
  background-size: cover; }
  .booking .row, .booking-special .row {
    margin-left: -5px;
    margin-right: -5px; }
  .booking .col-lg-1, .booking-special .col-lg-1, .booking .col-lg-10, .booking-special .col-lg-10, .booking .col-lg-11, .booking-special .col-lg-11, .booking .col-lg-12, .booking-special .col-lg-12, .booking .col-lg-2, .booking-special .col-lg-2, .booking .col-lg-3, .booking-special .col-lg-3, .booking .col-lg-4, .booking-special .col-lg-4, .booking .col-lg-5, .booking-special .col-lg-5, .booking .col-lg-6, .booking-special .col-lg-6, .booking .col-lg-7, .booking-special .col-lg-7, .booking .col-lg-8, .booking-special .col-lg-8, .booking .col-lg-9, .booking-special .col-lg-9, .booking .col-md-1, .booking-special .col-md-1, .booking .col-md-10, .booking-special .col-md-10, .booking .col-md-11, .booking-special .col-md-11, .booking .col-md-12, .booking-special .col-md-12, .booking .col-md-2, .booking-special .col-md-2, .booking .col-md-3, .booking-special .col-md-3, .booking .col-md-4, .booking-special .col-md-4, .booking .col-md-5, .booking-special .col-md-5, .booking .col-md-6, .booking-special .col-md-6, .booking .col-md-7, .booking-special .col-md-7, .booking .col-md-8, .booking-special .col-md-8, .booking .col-md-9, .booking-special .col-md-9, .booking .col-sm-1, .booking-special .col-sm-1, .booking .col-sm-10, .booking-special .col-sm-10, .booking .col-sm-11, .booking-special .col-sm-11, .booking .col-sm-12, .booking-special .col-sm-12, .booking .col-sm-2, .booking-special .col-sm-2, .booking .col-sm-3, .booking-special .col-sm-3, .booking .col-sm-4, .booking-special .col-sm-4, .booking .col-sm-5, .booking-special .col-sm-5, .booking .col-sm-6, .booking-special .col-sm-6, .booking .col-sm-7, .booking-special .col-sm-7, .booking .col-sm-8, .booking-special .col-sm-8, .booking .col-sm-9, .booking-special .col-sm-9, .booking .col-xs-1, .booking-special .col-xs-1, .booking .col-xs-10, .booking-special .col-xs-10, .booking .col-xs-11, .booking-special .col-xs-11, .booking .col-xs-12, .booking-special .col-xs-12, .booking .col-xs-2, .booking-special .col-xs-2, .booking .col-xs-3, .booking-special .col-xs-3, .booking .col-xs-4, .booking-special .col-xs-4, .booking .col-xs-5, .booking-special .col-xs-5, .booking .col-xs-6, .booking-special .col-xs-6, .booking .col-xs-7, .booking-special .col-xs-7, .booking .col-xs-8, .booking-special .col-xs-8, .booking .col-xs-9, .booking-special .col-xs-9 {
    padding-left: 5px;
    padding-right: 5px; }
  .booking span.required, .booking-special span.required, .booking .errorMessage, .booking-special .errorMessage, .booking .passenger-error, .booking-special .passenger-error {
    color: red; }
  .booking #formResult, .booking-special #formResult {
    text-align: center;
    font-size: 16px;
    color: red;
    margin-bottom: 20px; }
  .booking .container, .booking-special .container {
    max-width: 900px; }
    .booking .container .form, .booking-special .container .form {
      background: rgba(255, 255, 255, 0.95);
      border-radius: 3px;
      padding: 60px;
      margin: 60px 0; }
      @media (max-width: 480px) {
        .booking .container .form, .booking-special .container .form {
          padding: 30px; } }
      .booking .container .form .title, .booking-special .container .form .title {
        font-size: 27px;
        color: #362372;
        text-align: center;
        font-weight: 700;
        border-bottom: 2px solid #362372;
        padding-bottom: 20px;
        margin-bottom: 20px; }
      .booking .container .form .header, .booking-special .container .form .header {
        font-size: 21px;
        color: #6b6b6b;
        font-weight: 700; }
      .booking .container .form .information, .booking-special .container .form .information {
        margin-bottom: 20px; }
        .booking .container .form .information .detail, .booking-special .container .form .information .detail {
          color: #6b6b6b; }
      .booking .container .form label, .booking-special .container .form label {
        font-size: 16px;
        font-weight: initial; }
      .booking .container .form input[type='text'], .booking-special .container .form input[type='text'], .booking .container .form input[type='email'], .booking-special .container .form input[type='email'], .booking .container .form select, .booking-special .container .form select, .booking .container .form input[type='number'], .booking-special .container .form input[type='number'] {
        height: 40px; }
      .booking .container .form .routing-group .border, .booking-special .container .form .routing-group .border {
        padding: 10px 10px;
        border: 2px solid #dbdbdb;
        border-radius: 3px; }
        .booking .container .form .routing-group .border label, .booking-special .container .form .routing-group .border label {
          display: inline;
          font-size: 14px;
          margin-left: 10px;
          margin-bottom: 0; }
      @media (max-width: 420px) {
        .booking .container .form .g-recaptcha, .booking-special .container .form .g-recaptcha {
          transform: scale(0.77);
          -webkit-transform: scale(0.77);
          transform-origin: 0 0;
          -webkit-transform-origin: 0 0; } }
      .booking .container .form .date-time-group, .booking-special .container .form .date-time-group {
        display: none; }
      .booking .container .form .time-group .border, .booking-special .container .form .time-group .border {
        padding: 8px 0px 8px 10px;
        border: 2px solid #dbdbdb;
        border-radius: 3px;
        margin-bottom: 12px; }
        .booking .container .form .time-group .border label, .booking-special .container .form .time-group .border label {
          display: inline;
          font-size: 14px;
          margin-bottom: 0;
          margin-left: 5px; }
      .booking .container .form .person-group p span, .booking-special .container .form .person-group p span {
        color: #362372;
        font-weight: 700; }
      .booking .container .form .submit-button, .booking-special .container .form .submit-button {
        margin: 30px 0;
        text-align: center; }
        .booking .container .form .submit-button .btn, .booking-special .container .form .submit-button .btn {
          background: #68b928;
          border-radius: 2px;
          padding: 10px;
          color: white;
          font-weight: 500;
          font-size: 17px;
          width: 70%; }
      .booking .container .form #information-input, .booking-special .container .form #information-input {
        display: block; }
      .booking .container .form #payment-detail, .booking-special .container .form #payment-detail, .booking .container .form #available_seat, .booking-special .container .form #available_seat, .booking .container .form .passenger, .booking-special .container .form .passenger, .booking .container .form .passenger-information, .booking-special .container .form .passenger-information, .booking .container .form #reservation-id, .booking-special .container .form #reservation-id, .booking .container .form .has-coupon, .booking-special .container .form .has-coupon, .booking .container .form #detail-passenger-information, .booking-special .container .form #detail-passenger-information {
        display: none; }
      .booking .container .form #payment-detail .information, .booking-special .container .form #payment-detail .information {
        margin-bottom: 10px; }
      .booking .container .form #payment-detail .form-group, .booking-special .container .form #payment-detail .form-group {
        margin-bottom: 10px; }
        .booking .container .form #payment-detail .form-group label, .booking-special .container .form #payment-detail .form-group label {
          font-weight: 500;
          margin-bottom: 0; }
        .booking .container .form #payment-detail .form-group p, .booking-special .container .form #payment-detail .form-group p {
          margin-bottom: 5px; }

#hidden-content {
  display: none;
  width: 50%; }
  #hidden-content .title {
    font-size: 18px;
    font-weight: 700;
    color: #362372; }

.payment-successful {
  background-image: url("../images/booking/hongkong_bg.png");
  background-size: cover; }
  .payment-successful .row {
    margin-left: -5px;
    margin-right: -5px; }
  .payment-successful .col-lg-1, .payment-successful .col-lg-10, .payment-successful .col-lg-11, .payment-successful .col-lg-12, .payment-successful .col-lg-2, .payment-successful .col-lg-3, .payment-successful .col-lg-4, .payment-successful .col-lg-5, .payment-successful .col-lg-6, .payment-successful .col-lg-7, .payment-successful .col-lg-8, .payment-successful .col-lg-9, .payment-successful .col-md-1, .payment-successful .col-md-10, .payment-successful .col-md-11, .payment-successful .col-md-12, .payment-successful .col-md-2, .payment-successful .col-md-3, .payment-successful .col-md-4, .payment-successful .col-md-5, .payment-successful .col-md-6, .payment-successful .col-md-7, .payment-successful .col-md-8, .payment-successful .col-md-9, .payment-successful .col-sm-1, .payment-successful .col-sm-10, .payment-successful .col-sm-11, .payment-successful .col-sm-12, .payment-successful .col-sm-2, .payment-successful .col-sm-3, .payment-successful .col-sm-4, .payment-successful .col-sm-5, .payment-successful .col-sm-6, .payment-successful .col-sm-7, .payment-successful .col-sm-8, .payment-successful .col-sm-9, .payment-successful .col-xs-1, .payment-successful .col-xs-10, .payment-successful .col-xs-11, .payment-successful .col-xs-12, .payment-successful .col-xs-2, .payment-successful .col-xs-3, .payment-successful .col-xs-4, .payment-successful .col-xs-5, .payment-successful .col-xs-6, .payment-successful .col-xs-7, .payment-successful .col-xs-8, .payment-successful .col-xs-9 {
    padding-left: 5px;
    padding-right: 5px; }
  .payment-successful .container {
    max-width: 900px; }
    .payment-successful .container .form {
      background: rgba(255, 255, 255, 0.95);
      border-radius: 3px;
      padding: 60px;
      margin: 60px 0; }
      @media (max-width: 480px) {
        .payment-successful .container .form {
          padding: 30px; } }
      .payment-successful .container .form .title {
        font-size: 27px;
        color: #362372;
        text-align: center;
        font-weight: 700;
        border-bottom: 2px solid #362372;
        padding-bottom: 20px;
        margin-bottom: 20px; }
      .payment-successful .container .form .information {
        margin-bottom: 20px; }
        .payment-successful .container .form .information .header {
          font-size: 18px;
          color: #6b6b6b;
          font-weight: 700; }
      .payment-successful .container .form label {
        font-size: 16px;
        font-weight: 900; }
      .payment-successful .container .form .detail {
        font-weight: initial;
        font-size: 14px; }
      .payment-successful .container .form .submit-button {
        margin: 30px 0;
        text-align: center; }
        .payment-successful .container .form .submit-button .btn {
          background: #68b928;
          border-radius: 2px;
          color: white;
          padding: 10px;
          font-weight: 500;
          font-size: 17px;
          width: 70%; }
      .payment-successful .container .form .personal {
        text-align: center; }

#hidden-content {
  width: 50%; }
  #hidden-content .title {
    font-size: 18px;
    font-weight: 700;
    color: #362372; }

.contact-us .section1 {
  background-color: #362372;
  padding: 15px 0; }
  .contact-us .section1 span {
    color: white;
    font-size: 21px;
    font-weight: 700; }

.contact-us .section2 {
  background-image: -webkit-linear-gradient(271deg, #f2f1fe 9%, #ffffff 100%);
  background-image: -o-linear-gradient(271deg, #f2f1fe 9%, #ffffff 100%);
  background-image: linear-gradient(1deg, #f2f1fe 9%, #ffffff 100%);
  padding: 40px; }
  .contact-us .section2 .container {
    max-width: 770px;
    background-color: white;
    padding-left: 0px;
    padding-right: 0px; }
    .contact-us .section2 .container .content {
      border: 1px #dbdbdb solid;
      padding: 30px;
      margin: 0px 0; }
      .contact-us .section2 .container .content .text-group {
        margin-bottom: 40px;
        line-height: 24px;
        text-align: left; }
        .contact-us .section2 .container .content .text-group .title {
          color: #362372;
          font-size: 17px;
          font-weight: 700; }
        .contact-us .section2 .container .content .text-group img {
          padding-right: 10px; }
      .contact-us .section2 .container .content .errorMessage {
        color: red; }
      .contact-us .section2 .container .content #formResult {
        color: red; }

.enquiry {
  background-image: url("../images/booking/hongkong_bg.png");
  background-size: cover; }
  .enquiry .row {
    margin-left: -5px;
    margin-right: -5px; }
  .enquiry .col-lg-1, .enquiry .col-lg-10, .enquiry .col-lg-11, .enquiry .col-lg-12, .enquiry .col-lg-2, .enquiry .col-lg-3, .enquiry .col-lg-4, .enquiry .col-lg-5, .enquiry .col-lg-6, .enquiry .col-lg-7, .enquiry .col-lg-8, .enquiry .col-lg-9, .enquiry .col-md-1, .enquiry .col-md-10, .enquiry .col-md-11, .enquiry .col-md-12, .enquiry .col-md-2, .enquiry .col-md-3, .enquiry .col-md-4, .enquiry .col-md-5, .enquiry .col-md-6, .enquiry .col-md-7, .enquiry .col-md-8, .enquiry .col-md-9, .enquiry .col-sm-1, .enquiry .col-sm-10, .enquiry .col-sm-11, .enquiry .col-sm-12, .enquiry .col-sm-2, .enquiry .col-sm-3, .enquiry .col-sm-4, .enquiry .col-sm-5, .enquiry .col-sm-6, .enquiry .col-sm-7, .enquiry .col-sm-8, .enquiry .col-sm-9, .enquiry .col-xs-1, .enquiry .col-xs-10, .enquiry .col-xs-11, .enquiry .col-xs-12, .enquiry .col-xs-2, .enquiry .col-xs-3, .enquiry .col-xs-4, .enquiry .col-xs-5, .enquiry .col-xs-6, .enquiry .col-xs-7, .enquiry .col-xs-8, .enquiry .col-xs-9 {
    padding-left: 5px;
    padding-right: 5px; }
  .enquiry span.required {
    color: red; }
  .enquiry .errorMessage {
    color: red; }
  .enquiry .to {
    text-align: center;
    font-size: 16px;
    margin-top: 8px; }
  .enquiry .container {
    max-width: 900px; }
    .enquiry .container .form {
      background: rgba(255, 255, 255, 0.95);
      border-radius: 3px;
      padding: 60px;
      margin: 60px 0; }
      .enquiry .container .form .title {
        font-size: 27px;
        color: #362372;
        text-align: center;
        font-weight: 700;
        border-bottom: 2px solid #362372;
        padding-bottom: 20px;
        margin-bottom: 20px; }
      .enquiry .container .form .header {
        font-size: 21px;
        color: #6b6b6b;
        font-weight: 700; }
      .enquiry .container .form .information {
        margin-bottom: 20px; }
        .enquiry .container .form .information .detail {
          color: #6b6b6b; }
      .enquiry .container .form label {
        font-size: 16px;
        font-weight: initial; }
      .enquiry .container .form input[type='text'], .enquiry .container .form select, .enquiry .container .form input[type="number"] {
        height: 40px; }
      .enquiry .container .form .submit-button {
        margin: 30px 0;
        text-align: center; }
        .enquiry .container .form .submit-button .btn {
          background: #68b928;
          border-radius: 2px;
          height: 48px;
          color: white;
          font-weight: 500;
          font-size: 17px;
          width: 70%; }

.text-only .section1 {
  background-color: #362372;
  padding: 15px 0; }
  .text-only .section1 span {
    color: white;
    font-size: 21px;
    font-weight: 700; }

.text-only .section2 .container {
  max-width: 860px; }
  .text-only .section2 .container .content {
    border: 1px #F1F1F1 solid;
    padding: 30px; }
    .text-only .section2 .container .content .title {
      color: #362372;
      font-size: 16px;
      font-weight: 700; }

.gallery .section1 {
  background-color: #362372;
  padding: 15px 0; }
  .gallery .section1 span {
    color: white;
    font-size: 21px;
    font-weight: 700; }

.gallery .section2 {
  padding: 25px 0;
  background-image: -webkit-linear-gradient(271deg, #f2f1fe 9%, #ffffff 100%);
  background-image: -o-linear-gradient(271deg, #f2f1fe 9%, #ffffff 100%);
  background-image: linear-gradient(1deg, #f2f1fe 9%, #ffffff 100%); }
  .gallery .section2 .container .row:not(:hover) .col-sm-3 .overlay {
    opacity: 0; }
  .gallery .section2 .container .col-sm-3 {
    margin: 5px 0;
    padding-left: 5px;
    padding-right: 5px; }
    .gallery .section2 .container .col-sm-3 a:hover > .overlay {
      opacity: 0; }
    .gallery .section2 .container .col-sm-3 a:not(:hover) > .overlay {
      opacity: 1; }
    .gallery .section2 .container .col-sm-3:not(:hover) .overlay {
      opacity: 0; }
    .gallery .section2 .container .col-sm-3 a {
      display: inline-block;
      background-color: black; }
      .gallery .section2 .container .col-sm-3 a img {
        opacity: 1;
        object-fit: cover; }
        @media (min-width: 768px) {
          .gallery .section2 .container .col-sm-3 a img {
            height: 160px; } }
      .gallery .section2 .container .col-sm-3 a .overlay {
        position: absolute;
        top: 0;
        left: 5px;
        bottom: 4px;
        right: 5px;
        z-index: 1;
        background: rgba(0, 0, 0, 0.5);
        opacity: 0; }

.faq .section1 {
  background-color: #362372;
  padding: 15px 0; }
  .faq .section1 span {
    color: white;
    font-size: 20px;
    font-weight: 600; }

.faq .section2 {
  background-image: -webkit-linear-gradient(271deg, #f2f1fe 9%, #ffffff 100%);
  background-image: -o-linear-gradient(271deg, #f2f1fe 9%, #ffffff 100%);
  background-image: linear-gradient(1deg, #f2f1fe 9%, #ffffff 100%); }
  .faq .section2 .container {
    max-width: 860px;
    background-color: white;
    padding-left: 0px;
    padding-right: 0px; }
    .faq .section2 .container .panel-group {
      margin-bottom: 0px; }
    .faq .section2 .container .content {
      border: 1px #F1F1F1 solid;
      padding: 30px 30px 0px 30px; }
      .faq .section2 .container .content .title {
        color: #362372;
        font-size: 18px;
        font-weight: 700; }
    .faq .section2 .container .panel {
      border-radius: 0;
      margin: 0;
      border-color: #dbdbdb;
      border-bottom: none;
      border-top: none; }
      .faq .section2 .container .panel:first-child .panel-heading {
        border-top: none; }
      .faq .section2 .container .panel:last-child {
        padding-bottom: 20px; }
      .faq .section2 .container .panel .panel-heading {
        padding: 20px 30px 10px 30px;
        background-color: white;
        border-radius: 0;
        border-top: 1px solid #dbdbdb;
        margin-left: 30px;
        margin-right: 30px; }
        .faq .section2 .container .panel .panel-heading a {
          color: #362372;
          font-weight: 400;
          font-size: 15px; }
      .faq .section2 .container .panel .panel-body {
        padding: 10px 30px 20px 30px;
        border-top-color: transparent;
        margin-left: 30px;
        margin-right: 30px; }
    .faq .section2 .container .nav-tabs > li.active > a {
      background-color: #dbdbdb !important;
      box-shadow: inset -2px -2px 2px rgba(0, 0, 0, 0.1); }
    .faq .section2 .container .nav-tabs > li > a {
      border-radius: 0px;
      margin-right: 0px;
      padding: 10px 15.8px;
      font-weight: 600; }

.private-charters .section1 {
  padding: 30px 0; }
  .private-charters .section1 .container .row {
    margin-bottom: 15px;
    margin-top: 15px; }
    .private-charters .section1 .container .row .border .title {
      background-color: #362372;
      font-weight: 700;
      font-size: 17px;
      color: white;
      padding: 15px; }
  .private-charters .section1 .container .pages {
    text-align: center; }
    .private-charters .section1 .container .pages .selected a {
      background: #362372; }

.product-list .section1 {
  padding: 30px 0; }
  .product-list .section1 .container .row {
    margin-bottom: 15px;
    margin-top: 15px; }
    .product-list .section1 .container .row .border .title {
      background-color: #362372;
      font-weight: 700;
      font-size: 17px;
      color: white;
      padding: 15px; }
  .product-list .section1 .container .pages {
    text-align: center; }
    .product-list .section1 .container .pages .selected a {
      background: #362372; }
.product-list .section2, .press-detail .section2, .promotion-detail .section2 {
    background-color: #362372;
    padding: 15px 0; }
    .product-list .section2 span, .press-detail .section2 span, .promotion-detail .section2 span {
      color: white;
      font-size: 21px;
      font-weight: 700; }
	  
.list .section1 {
  background-color: #362372;
  padding: 15px 0; }
  .list .section1 span {
    color: white;
    font-size: 21px;
    font-weight: 700; }

.list .section2 {
  padding: 30px 0; }
  .list .section2 .container .row {
    margin-bottom: 15px;
    margin-top: 15px; }
    .list .section2 .container .row .border {
      border: 1px solid #F3F3F3; }
      .list .section2 .container .row .border .content {
        padding: 20px; }
        .list .section2 .container .row .border .content .title {
          color: #362372;
          font-weight: 700;
          font-size: 16px; }
        .list .section2 .container .row .border .content .date {
          color: #AFAFAF; }
        .list .section2 .container .row .border .content .btn {
          border: 1px solid #362372;
          color: #362372;
          font-weight: 700; }
          .list .section2 .container .row .border .content .btn:hover {
            background-color: #362372;
            color: white; }
  .list .section2 .container .pages {
    text-align: center; }
    .list .section2 .container .pages .selected a {
      background: #362372; }

.detail .container {
  max-width: 860px; }

.detail .section2 {
  background-color: #362372;
  padding: 15px 0; }
  .detail .section2 span {
    color: white;
    font-size: 21px;
    font-weight: 700; }

.detail .section3 .content {
  padding: 20px;
  border: 1px solid #F1F1F1; }
  .detail .section3 .content .title {
    margin-top: 15px;
    color: #362372;
    font-weight: 700;
    font-size: 17px; }

.weather .section1 {
  background-color: #362372;
  padding: 15px 0; }
  .weather .section1 span {
    color: white;
    font-size: 21px;
    font-weight: 700; }

.weather .section2 .container {
  max-width: 860px; }
  .weather .section2 .container .content {
    border: 1px #F1F1F1 solid;
    padding: 30px; }
    .weather .section2 .container .content .title {
      color: #362372;
      font-size: 17px;
      font-weight: 700; }
    .weather .section2 .container .content .intro {
      margin-bottom: 35px; }
    .weather .section2 .container .content .row {
      height: auto;
      margin-bottom: 15px; }
    .weather .section2 .container .content .intro, .weather .section2 .container .content .weather-desc {
      text-align: justify; }
    .weather .section2 .container .content img {
      max-width: 100%; }
  @media (max-width: 767px) {
    .weather .section2 .container .weather-block {
      text-align: center; }
    .weather .section2 .container .title {
      text-align: center; } }

.event-list .section1, .promotion-list .section1 {
  background-color: #362372;
  padding: 15px 0; }
  .event-list .section1 span, .promotion-list .section1 span {
    color: white;
    font-size: 21px;
    font-weight: 700; }

.event-list .section2, .promotion-list .section2 {
  padding: 0 0;
  background-image: linear-gradient(-1deg, #f2f1fe 9%, #ffffff 100%); }
  .event-list .section2 .container .row, .promotion-list .section2 .container .row {
    margin-bottom: 15px;
    margin-top: 15px;
    border: 1px solid #dbdbdb;
    background-color: white; }
    .event-list .section2 .container .row .col-lg-1, .promotion-list .section2 .container .row .col-lg-1, .event-list .section2 .container .row .col-lg-10, .promotion-list .section2 .container .row .col-lg-10, .event-list .section2 .container .row .col-lg-11, .promotion-list .section2 .container .row .col-lg-11, .event-list .section2 .container .row .col-lg-12, .promotion-list .section2 .container .row .col-lg-12, .event-list .section2 .container .row .col-lg-2, .promotion-list .section2 .container .row .col-lg-2, .event-list .section2 .container .row .col-lg-3, .promotion-list .section2 .container .row .col-lg-3, .event-list .section2 .container .row .col-lg-4, .promotion-list .section2 .container .row .col-lg-4, .event-list .section2 .container .row .col-lg-5, .promotion-list .section2 .container .row .col-lg-5, .event-list .section2 .container .row .col-lg-6, .promotion-list .section2 .container .row .col-lg-6, .event-list .section2 .container .row .col-lg-7, .promotion-list .section2 .container .row .col-lg-7, .event-list .section2 .container .row .col-lg-8, .promotion-list .section2 .container .row .col-lg-8, .event-list .section2 .container .row .col-lg-9, .promotion-list .section2 .container .row .col-lg-9, .event-list .section2 .container .row .col-md-1, .promotion-list .section2 .container .row .col-md-1, .event-list .section2 .container .row .col-md-10, .promotion-list .section2 .container .row .col-md-10, .event-list .section2 .container .row .col-md-11, .promotion-list .section2 .container .row .col-md-11, .event-list .section2 .container .row .col-md-12, .promotion-list .section2 .container .row .col-md-12, .event-list .section2 .container .row .col-md-2, .promotion-list .section2 .container .row .col-md-2, .event-list .section2 .container .row .col-md-3, .promotion-list .section2 .container .row .col-md-3, .event-list .section2 .container .row .col-md-4, .promotion-list .section2 .container .row .col-md-4, .event-list .section2 .container .row .col-md-5, .promotion-list .section2 .container .row .col-md-5, .event-list .section2 .container .row .col-md-6, .promotion-list .section2 .container .row .col-md-6, .event-list .section2 .container .row .col-md-7, .promotion-list .section2 .container .row .col-md-7, .event-list .section2 .container .row .col-md-8, .promotion-list .section2 .container .row .col-md-8, .event-list .section2 .container .row .col-md-9, .promotion-list .section2 .container .row .col-md-9, .event-list .section2 .container .row .col-sm-1, .promotion-list .section2 .container .row .col-sm-1, .event-list .section2 .container .row .col-sm-10, .promotion-list .section2 .container .row .col-sm-10, .event-list .section2 .container .row .col-sm-11, .promotion-list .section2 .container .row .col-sm-11, .event-list .section2 .container .row .col-sm-12, .promotion-list .section2 .container .row .col-sm-12, .event-list .section2 .container .row .col-sm-2, .promotion-list .section2 .container .row .col-sm-2, .event-list .section2 .container .row .col-sm-3, .promotion-list .section2 .container .row .col-sm-3, .event-list .section2 .container .row .col-sm-4, .promotion-list .section2 .container .row .col-sm-4, .event-list .section2 .container .row .col-sm-5, .promotion-list .section2 .container .row .col-sm-5, .event-list .section2 .container .row .col-sm-6, .promotion-list .section2 .container .row .col-sm-6, .event-list .section2 .container .row .col-sm-7, .promotion-list .section2 .container .row .col-sm-7, .event-list .section2 .container .row .col-sm-8, .promotion-list .section2 .container .row .col-sm-8, .event-list .section2 .container .row .col-sm-9, .promotion-list .section2 .container .row .col-sm-9, .event-list .section2 .container .row .col-xs-1, .promotion-list .section2 .container .row .col-xs-1, .event-list .section2 .container .row .col-xs-10, .promotion-list .section2 .container .row .col-xs-10, .event-list .section2 .container .row .col-xs-11, .promotion-list .section2 .container .row .col-xs-11, .event-list .section2 .container .row .col-xs-12, .promotion-list .section2 .container .row .col-xs-12, .event-list .section2 .container .row .col-xs-2, .promotion-list .section2 .container .row .col-xs-2, .event-list .section2 .container .row .col-xs-3, .promotion-list .section2 .container .row .col-xs-3, .event-list .section2 .container .row .col-xs-4, .promotion-list .section2 .container .row .col-xs-4, .event-list .section2 .container .row .col-xs-5, .promotion-list .section2 .container .row .col-xs-5, .event-list .section2 .container .row .col-xs-6, .promotion-list .section2 .container .row .col-xs-6, .event-list .section2 .container .row .col-xs-7, .promotion-list .section2 .container .row .col-xs-7, .event-list .section2 .container .row .col-xs-8, .promotion-list .section2 .container .row .col-xs-8, .event-list .section2 .container .row .col-xs-9, .promotion-list .section2 .container .row .col-xs-9 {
      padding-left: 0; }
    .event-list .section2 .container .row .content, .promotion-list .section2 .container .row .content {
      padding: 18px; }
      .event-list .section2 .container .row .content .title, .promotion-list .section2 .container .row .content .title {
        color: #362372;
        font-weight: 600;
        font-size: 16px; }
      .event-list .section2 .container .row .content .date, .promotion-list .section2 .container .row .content .date {
        color: #6b6b6b; }
      .event-list .section2 .container .row .content .btn, .promotion-list .section2 .container .row .content .btn {
        border: 1px solid #362372;
        color: #362372;
        font-weight: 700;
        font-size: 15px; }
        .event-list .section2 .container .row .content .btn:hover, .promotion-list .section2 .container .row .content .btn:hover {
          background-color: #362372;
          color: white; }
      .event-list .section2 .container .row .content p:nth-child(4), .promotion-list .section2 .container .row .content p:nth-child(4), .event-list .section2 .container .row .content p.text, .promotion-list .section2 .container .row .content p.text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-height: 20px;
        max-height: 40px; }
  .event-list .section2 .container .pages, .promotion-list .section2 .container .pages {
    text-align: center; }
    .event-list .section2 .container .pages .selected a, .promotion-list .section2 .container .pages .selected a {
      background: #362372; }

.event-detail .container, .press-detail .container, .promotion-detail .container {
  max-width: 860px; }

.event-detail .section2, .press-detail .section2, .promotion-detail .section2 {
  background-color: #362372;
  padding: 15px 0; }
  .event-detail .section2 span, .press-detail .section2 span, .promotion-detail .section2 span {
    color: white;
    font-size: 21px;
    font-weight: 700; }

.event-detail .section3 .content, .press-detail .section3 .content, .promotion-detail .section3 .content {
  padding: 20px;
  border: 1px solid #F1F1F1; }
  .event-detail .section3 .content .title, .press-detail .section3 .content .title, .promotion-detail .section3 .content .title {
    margin-top: 15px;
    color: #362372;
    font-weight: 600;
    font-size: 18px; }
  .event-detail .section3 .content .date, .press-detail .section3 .content .date, .promotion-detail .section3 .content .date {
    font-size: 16px;
    color: #6b6b6b;
    letter-spacing: 0;
    text-align: left; }
  .event-detail .section3 .content .text, .press-detail .section3 .content .text, .promotion-detail .section3 .content .text {
    padding-top: 20px; }
    .event-detail .section3 .content .text ul, .press-detail .section3 .content .text ul, .promotion-detail .section3 .content .text ul {
      list-style: disc outside none;
      padding-left: 40px; }
  .event-detail .section3 .content .border, .press-detail .section3 .content .border, .promotion-detail .section3 .content .border {
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    width: 246px;
    padding: 8px 0;
    margin: 30px 0;
    text-align: center;
    font-weight: 700;
    color: #362372;
    cursor: pointer;
    display: inline-block; }
    .event-detail .section3 .content .border:hover, .press-detail .section3 .content .border:hover, .promotion-detail .section3 .content .border:hover {
      background-color: #362372;
      color: white; }
    .event-detail .section3 .content .border img, .press-detail .section3 .content .border img, .promotion-detail .section3 .content .border img {
      margin-right: 10px;
      width: 15px;
      vertical-align: text-bottom; }

.product-cake .container, .press-detail .container, .promotion-detail .container {
    max-width: 860px; }

  .product-cake .section2, .press-detail .section2, .promotion-detail .section2 {
    background-color: #362372;
    padding: 15px 0; }
    .product-cake .section2 span, .press-detail .section2 span, .promotion-detail .section2 span {
      color: white;
      font-size: 21px;
      font-weight: 700; }

  .product-cake .section3 .content, .press-detail .section3 .content, .promotion-detail .section3 .content {
    padding: 20px;
    border: 1px solid #F1F1F1; }
    .product-cake .section3 .content .title, .press-detail .section3 .content .title, .promotion-detail .section3 .content .title {
      margin-top: 15px;
      color: #362372;
      font-weight: 600;
      font-size: 18px; }
    .product-cake .section3 .content .date, .press-detail .section3 .content .date, .promotion-detail .section3 .content .date {
      font-size: 16px;
      color: #6b6b6b;
      letter-spacing: 0;
      text-align: left; }
    .product-cake .section3 .content .text, .press-detail .section3 .content .text, .promotion-detail .section3 .content .text {
      padding-top: 20px; }
      .product-cake .section3 .content .text ul, .press-detail .section3 .content .text ul, .promotion-detail .section3 .content .text ul {
        list-style: disc outside none;
        padding-left: 40px; }
    .product-cake .section3 .content .border, .press-detail .section3 .content .border, .promotion-detail .section3 .content .border {
      border: 1px solid #c7c7c7;
      border-radius: 3px;
      width: 246px;
      padding: 8px 0;
	  margin: 30px 0;
	  text-align: center;
	  font-weight: 700;
	  color: #362372;
	  cursor: pointer;
	  display: inline-block; }
      .product-cake .section3 .content .border:hover, .press-detail .section3 .content .border:hover, .promotion-detail .section3 .content .border:hover {
        background-color: #362372;
        color: white; }
      .product-cake .section3 .content .border img, .press-detail .section3 .content .border img, .promotion-detail .section3 .content .border img {
        margin-right: 10px;
        width: 15px;
        vertical-align: text-bottom; }

  .product-dishes .container, .press-detail .container, .promotion-detail .container {
    max-width: 860px; }

  .product-dishes .section2, .press-detail .section2, .promotion-detail .section2 {
    background-color: #362372;
    padding: 15px 0; }
    .product-dishes .section2 span, .press-detail .section2 span, .promotion-detail .section2 span {
      color: white;
      font-size: 21px;
      font-weight: 700; }

  .product-dishes .section3 .content, .press-detail .section3 .content, .promotion-detail .section3 .content {
    padding: 20px;
    border: 1px solid #F1F1F1; }
    .product-dishes .section3 .content .title, .press-detail .section3 .content .title, .promotion-detail .section3 .content .title {
      margin-top: 15px;
      color: #362372;
      font-weight: 600;
      font-size: 18px; }
    .product-dishes .section3 .content .date, .press-detail .section3 .content .date, .promotion-detail .section3 .content .date {
      font-size: 16px;
      color: #6b6b6b;
      letter-spacing: 0;
      text-align: left; }
    .product-dishes .section3 .content .text, .press-detail .section3 .content .text, .promotion-detail .section3 .content .text {
      padding-top: 20px; }
      .product-dishes .section3 .content .text ul, .press-detail .section3 .content .text ul, .promotion-detail .section3 .content .text ul {
        list-style: disc outside none;
        padding-left: 40px; }    
        
  .product-restaurant .container, .press-detail .container, .promotion-detail .container {
    max-width: 860px; }

  .product-restaurant .section2, .press-detail .section2, .promotion-detail .section2 {
    background-color: #362372;
    padding: 15px 0; }
    .product-restaurant .section2 span, .press-detail .section2 span, .promotion-detail .section2 span {
      color: white;
      font-size: 21px;
      font-weight: 700; }
  .product-restaurant .section3 .content, .press-detail .section3 .content, .promotion-detail .section3 .content {
    padding: 20px;
    border: 1px solid #F1F1F1; }
    .product-restaurant .section3 .content .title, .press-detail .section3 .content .title, .promotion-detail .section3 .content .title {
      margin-top: 15px;
      color: #362372;
      font-weight: 600;
      font-size: 18px; }
    .product-restaurant .section3 .content .date, .press-detail .section3 .content .date, .promotion-detail .section3 .content .date {
      font-size: 16px;
      color: #6b6b6b;
      letter-spacing: 0;
      text-align: left; }
    .product-restaurant .section3 .content .text, .press-detail .section3 .content .text, .promotion-detail .section3 .content .text {
      padding-top: 20px; }
      .product-restaurant .section3 .content .text ul, .press-detail .section3 .content .text ul, .promotion-detail .section3 .content .text ul {
        list-style: disc outside none;
        padding-left: 40px; }
      .product-restaurant .section3 .content .border, .press-detail .section3 .content .border, .promotion-detail .section3 .content .border {
      border: 1px solid #c7c7c7;
      border-radius: 3px;
      width: 246px;
      padding: 8px 0;
      margin: 30px 0;
      text-align: center;
      font-weight: 700;
      color: #362372;
      cursor: pointer;
      display: inline-block; }
      .product-restaurant .section3 .content .border:hover, .press-detail .section3 .content .border:hover, .promotion-detail .section3 .content .border:hover {
        background-color: #362372;
        color: white; }
      .product-restaurant .section3 .content .border img, .press-detail .section3 .content .border img, .promotion-detail .section3 .content .border img {
        margin-right: 10px;
        width: 15px;
        vertical-align: text-bottom; }		
		
.press-list .section1 {
  background-color: #362372;
  padding: 15px 0; }
  .press-list .section1 span {
    color: white;
    font-size: 21px;
    font-weight: 700; }

.press-list .section2 {
  padding: 0px 0;
  background-image: linear-gradient(-1deg, #f2f1fe 9%, #ffffff 100%); }
  .press-list .section2 .container {
    max-width: 860px;
    background: white;
    padding-left: 31px;
    padding-right: 31px;
    padding-top: 30px;
    border: 1px solid #dbdbdb; }
    .press-list .section2 .container .row {
      border-bottom: 1px solid #F3F3F3;
      min-height: 59px;
      padding: 10px 0; }
      .press-list .section2 .container .row .content {
        padding: 10px 0; }
        .press-list .section2 .container .row .content .title {
          color: #362372;
          font-weight: 700;
          font-size: 16px; }
        .press-list .section2 .container .row .content .date {
          color: #AFAFAF; }
        .press-list .section2 .container .row .content .btn {
          border: 1px solid #362372;
          color: #362372;
          font-weight: 700; }
          .press-list .section2 .container .row .content .btn:hover {
            background-color: #362372;
            color: white; }
    .press-list .section2 .container .pages {
      text-align: center;
      min-height: 60px; }
      .press-list .section2 .container .pages .selected a {
        background: #362372; }

body {
  padding: 0; }

.fancybox-content.pressDetail {
  height: 852px !important;
  width: 860px !important; }

a.link {
  font-size: 14px;
  color: #1d53bc;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify; }

div.pressDescription {
  font-size: 14px;
  color: #222222;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  margin-bottom: 30px; }

.content .img-responsive {
  width: 80%;
  margin: auto; }

.one-column .container {
  max-width: 860px; }

.one-column .section2 {
  background-color: #362372;
  padding: 15px 0; }
  .one-column .section2 span {
    color: white;
    font-size: 21px;
    font-weight: 700; }

.one-column .section3 {
  background-image: linear-gradient(-1deg, #f2f1fe 9%, #ffffff 100%); }
  .one-column .section3 .content {
    border: 1px #dbdbdb solid;
    padding: 30px;
    background-color: white; }
    .one-column .section3 .content .title {
      color: #362372;
      font-weight: 700;
      font-size: 19px; }
    .one-column .section3 .content .sub-title {
      font-weight: 700;
      font-size: 15px; }
    .one-column .section3 .content .bg {
      background-color: #f3f3f3;
      padding: 15px;
      margin-bottom: 15px; }
      .one-column .section3 .content .bg .title {
        color: #362372;
        font-size: 19px;
        font-weight: 700; }
      .one-column .section3 .content .bg .border {
        text-align: left; }
        .one-column .section3 .content .bg .border .icon {
          display: inline-block; }
          @media (max-width: 767px) {
            .one-column .section3 .content .bg .border .icon {
              width: 5%;
              margin-right: 8px; } }
        .one-column .section3 .content .bg .border .text {
          display: table-cell;
          width: 90%;
          vertical-align: middle; }
          @media (max-width: 767px) {
            .one-column .section3 .content .bg .border .text {
              display: inline-block; } }
    .one-column .section3 .content ul {
      list-style: initial;
      padding-left: 20px; }
      .one-column .section3 .content ul li {
        font-size: 14px;
        color: #20212f;
        letter-spacing: 0;
        line-height: 24px;
        text-align: justify; }
    .one-column .section3 .content .border {
      background: #ffffff;
      border: 1px solid #c7c7c7;
      color: #362372;
      font-weight: 700;
      margin-bottom: 10px;
      text-align: center;
      display: table;
      width: 100%;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 10px;
      padding-bottom: 10px; }
      .one-column .section3 .content .border:hover {
        background-color: #362372;
        color: white; }
      .one-column .section3 .content .border img {
        margin-right: 10px;
        width: 15px;
        vertical-align: text-bottom; }
    .one-column .section3 .content .enquiry {
      background: #362372;
      border: 1px solid #c7c7c7;
      padding: 10px 15px;
      color: white;
      font-weight: 700;
      margin-bottom: 10px;
      text-align: center; }
      .one-column .section3 .content .enquiry:hover {
        background-color: white;
        color: #362372; }
      .one-column .section3 .content .enquiry img {
        margin-right: 10px;
        width: 15px;
        vertical-align: text-bottom; }
    .one-column .section3 .content .row.amenities {
      border: 8px solid #362372;
      margin-left: 0px;
      margin-right: 0px;
      padding: 30px 25px 30px 25px; }
    .one-column .section3 .content .block {
      margin-bottom: 50px; }

/*# sourceMappingURL=maps/style.css.map */
#res_btn_book_now_top_menu{display: none;}
@media (max-width: 767px) {
  #res_btn_book_now_top_menu {
    display: block;
    position: absolute;
    padding: 10px 10px;
    right: 10px;
    top: 49px;
    cursor: pointer;
    text-align: center;
    color: #362372;
    border: 1px solid #362372;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #362372;
    color:white;
  }
  #res_btn_book_now_top_menu:hover{
    background-color: white;
    color: #362372;
  }
}
@media (max-width: 320px) {
  .navbar .navbar-brand{left: calc(50% + 35px);    width: 170px; padding-top: 25px; }
}
@media (max-width: 480px) {
  #res_btn_book_now_top_menu {
    width: 80px;
    top: 53px;
    padding: 10px 0;
    font-size: 10px;
  }
}
.s_weather_icon{
  width: 40px;
  height: 40px;
}
#weather_weather_icons{text-align: right;padding-top: 7px;display:block;}