body{
  padding: 0;
  margin: 0;
  font-family: 'Open Sans', sans-serif, "Microsoft JhengHei", "微軟正黑體";
  font-weight: 300;
  font-size: 14px;
}

input, textarea{ font-family: 'Open Sans', sans-serif, "Microsoft JhengHei", "微軟正黑體";  -webkit-appearance: none;}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-text-size-adjust: none;word-wrap: break-word;}
*:focus{outline: none;}
img {border: 0;max-width: 100%;}
ul{ list-style: none; padding: 0; margin: 0; }
a{text-decoration: none;color: #000;}
.has-padding { padding: 0 10px; }
.row { display: block; }
.row:after, .container:after { content: '';overflow: hidden;height: 0;display: block; clear: both; }
.row .col-5 { float: left; width: 50%; }
hr{ height: 3px; border: none; background: #d9e7c5; width: 1180px; margin: 50px auto; }
.container{ width: 1180px; margin: 0 auto; position: relative;}
.displayNone{ display: none; }
::-webkit-input-placeholder {color: #aaa;}
:-moz-placeholder {color: #aaa; opacity: 1;}
::-moz-placeholder { color: #aaa;opacity: 1;}
:-ms-input-placeholder { color: #aaa; }

ul.bullet-list li{ background: url(../images/bullet-point.png) no-repeat left 7px; padding-left: 12px; margin-bottom: 6px; background-size: 5px auto; }

.offcanvas-menu {position: fixed;width: 315px;margin: 0;padding: 0;right: 0;top: 0;bottom: 0;background: #fff;z-index: 0; display: none; }
.offcanvas-menu .menu-content,
.offcanvas-menu .menu-inner-content {display: block;position: absolute;margin: 0;top: 0;bottom: 0;left: 0;right: 0; border-left: 1px solid #aaa; }
.offcanvas-menu .menu-inner-content {overflow: scroll;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;top: 0;-webkit-transition: -webkit-transform .4s;-moz-transition: -moz-transform .4s;-ms-transition: -ms-transform .4s;transition: transform .4s;background: #fff}
.offcanvas-menu .menu-content {overflow: hidden}
.offcanvas-menu .menu-content .sub-menu {-webkit-transform: translateX(315px);-moz-transform: translateX(315px);-ms-transform: translateX(315px);transform: translateX(315px)}
.offcanvas-menu .menu-content .menu-opened {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}
.offcanvas-menu .menu-content .menu-hidden {display: none}
.offcanvas-menu .menu-content .footer a,
html.menu-opened .offcanvas-menu {display: block}
.offcanvas-menu .menu-content .menu-top-level {z-index: 10}
.offcanvas-menu .menu-content .footer {padding: 0 20px;height: 55px;line-height: 55px;width: 100%;position: absolute;bottom: 0;left: 0;color: #000;text-align: right;background: #ededed;font-weight: 700;font-size: 16px;}
.offcanvas-menu .menu-content .footer i {color: #db0011;font-size: 14px;margin-left: 2px}
.offcanvas-menu .text {color: #000}
.offcanvas-menu .back-title {cursor: pointer;background: #ededed;color: #000;padding: 15px 20px;font-weight: 700;font-size: 15px}
.offcanvas-menu .back-title .icon {line-height: 20px}
.offcanvas-menu .current-category a{padding: 16px 20px;display: block;}
.offcanvas-menu .menu-main .current-category {padding: 16px 20px;}
.offcanvas-menu ul {list-style: none;padding: 0;margin: 0}
.offcanvas-menu ul li {padding: 0;margin: 0}
.offcanvas-menu ul li a {font-weight: 400; color: #003a3f;text-decoration: none;font-size: 18px;padding: 14px 20px;display: block;position: relative;word-wrap: break-word;border-bottom: 2px solid #e4e4e4;}
.offcanvas-menu ul li:last-child a{ border: none; }
.offcanvas-menu ul li:first-child a {border-top: 1px solid #e4e4e4;}
.offcanvas-menu ul li a.selected{color: #fff; background: #003a3f; }
.offcanvas-menu ul ul li a{padding: 16px 50px 16px 20px;background: #ededed;border: none;}
.offcanvas-menu ul ul li:first-child a{border-top: none;}
.offcanvas-menu ul li.lang-li { border-bottom: 2px solid #5d9475; }
.offcanvas-menu ul li ul a{ font-weight: 400; padding: 12px 15px 12px 30px; font-size: 16px; cursor: pointer; border: none; }
.offcanvas-menu ul li.lang-li ul{display: none;}
.offcanvas-menu ul li:not(lang-li) ul a{ font-size: 17px; }
.menu-animated .offcanvas-menu {z-index: 999}
.wrapper {z-index: 1;position: relative;background: #fff;-webkit-transition: -webkit-transform .4s;-moz-transition: -moz-transform .4s;-ms-transition: -ms-transform .4s;transition: transform .4s}
.wrapper.menu-opened{-webkit-transform: translateX(-315px);-moz-transform: translateX(-315px);-ms-transform: translateX(-315px);transform: translateX(-315px)}
.mobile-menu-close-block {background: rgba(0, 0, 0, 0);top: 0;left: 0;position: fixed;width: 100%;height: 100%;z-index: -2;opacity: 0;-webkit-transition: -webkit-transform .4s, opacity .4s;-moz-transition: -moz-transform .4s, opacity .4s;-ms-transition: -ms-transform .4s, opacity .4s;transition: transform .4s, opacity .4s;}
.menu-opened .mobile-menu-close-block{-webkit-transform: translateX(-315px);-moz-transform: translateX(-315px);-ms-transform: translateX(-315px);transform: translateX(-315px);opacity: 1;z-index: 2;}
.wrapper.menu-opened .mobile-menu-close-block {display: block}

.sub-page .banner-wrap{ padding-top: 120px; text-align: center; background-repeat: no-repeat; background-size: cover; background-position: center center; border-bottom: 4px solid #7a9d96; margin-bottom: 30px; }
.sub-page h1.page-title{ font-size: 48px; color: #fff; font-weight: 300; background: #dcae1d; display: inline-block; padding: 10px 30px; }

.top-bar { background: #7a9d96; text-align: right; color: #fff; height: 39px; }
.fb-icon { margin-right: 45px; display: none;}
.fb-icon img{ width: 16px; vertical-align: middle;}
.lang-wrap { position: relative; }
ul.select-lang{ display: inline-block; position: relative; cursor: pointer; width: 140px; text-align: center; }
ul.select-lang > li{ padding: 10px; }
ul.select-lang > li > span{ display: none;}
ul.select-lang:hover{ background: #003a3f; color: #fff; }
ul.select-lang ul{ margin-top: 4px; position: absolute; right: 0; top: 35px; background: #fff; padding: 15px 10px 6px 10px; z-index: 2; width: 140px; text-align: center; box-shadow: 0 2px 4px #ddd; display: none; }
ul.select-lang ul:after{ content: ''; top: 0; left: 50%; margin-left: -9px; position: absolute; width: 0;height: 0;border-style: solid;border-width: 16px 9px 0 9px;border-color: #003a3f transparent transparent transparent;}
ul.select-lang ul a{ color: #5c9476; padding: 10px 0; display: block; -webkit-transition: all 0.2s;  -moz-transition: all 0.2s;  -ms-transition: all 0.2s;  transition: all 0.2s; }
ul.select-lang ul a:hover{ color: #fff; background: #dcae1d; }
ul.select-lang > li:hover ul{ display: block; }

.mobile-header{ background: #7a9d96; padding: 10px 15px; display: none; }
.mobile-header .left{ float: left;}
.mobile-header .left img{ height: 26px;}
.mobile-header .right{ float: right;}
.mobile-menu-trigger{ cursor: pointer; }
.mobile-header .right a{ position: relative; border-top: 2px solid #fff; border-bottom: 2px solid #fff; width: 20px; height: 16px; display: inline-block; margin-top: 5px; cursor: pointer; }
.mobile-header .right a:after { position: absolute; content: ''; width: 100%; height: 2px; background: #fff; top: 5px; left: 0; }

.desktop-header .menu-wrap { position: absolute; width: 100%; top: 40px; left: 0; z-index: 1; background: rgba(255,255,255,0.8); }
.desktop-header .menu-wrap .container:after{ content: '';overflow: hidden;height: 0;display: block; clear: both; }
.desktop-header .menu-wrap .container{ padding: 30px 20px;}
.desktop-header .menu-wrap .logo{ vertical-align: middle; float: left; }
.desktop-header .menu-wrap .logo img{ width: 345px; }
.desktop-header .menu-wrap ul{ text-align: right; vertical-align: middle; float: right; margin-top: 35px; }
.desktop-header .menu-wrap ul > li{ display: inline-block; position: relative; }
.desktop-header .menu-wrap ul > li > a{ cursor: pointer; padding: 12px; color: #5c9476; -webkit-transition: all 0.2s;  -moz-transition: all 0.2s;  -ms-transition: all 0.2s;  transition: all 0.2s; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
.desktop-header .menu-wrap ul > li:hover > a, .desktop-header .menu-wrap ul > li a.selected{ background: #003a3f; color: #fff; }
.desktop-header .menu-wrap ul > li:last-child a{ margin-right: 0px;}
.desktop-header .menu-wrap ul ul { display: none; position: absolute; top: 0; left: 0; text-align: left; float: left; background: #7a9d96; margin-top: 30px; width: 150px;}
.desktop-header .menu-wrap ul ul li { display: block; }
.desktop-header .menu-wrap ul ul li:hover a{ background: #003a3f; }
.desktop-header .menu-wrap ul ul li a{ color: #fff; display: block;}
.desktop-header .menu-wrap ul > li:hover ul{ display: block;}

.slider .slide{ position: relative; }
.slider .slide h2{ font-size: 48px; margin: 0; }
.slider .slide p{ font-size: 24px; margin: 0; }
.slider .slide .link{ text-align: right; padding-top: 30px;}
.slider .slide .link a{ padding: 10px 50px; font-size: 24px; background: #dcae1d; color: #fff; display: inline-block; -webkit-transition: all 0.2s;  -moz-transition: all 0.2s; -ms-transition: all 0.2s;  transition: all 0.2s;}
.slider .slide .link a:hover{ background: #003a3f; color: #fff; }
.slider .slide .container{ position: absolute; left: 50%; bottom: 10%; margin-left: -590px; }
.slider .slide .content{ display: inline-block; position: absolute; bottom: 20px; right: 70px; background: rgba(0,0,0,0.5); padding: 20px 60px; color: #fff; }

ul.section-tab { border-bottom: 6px solid #003a3f;}
ul.section-tab:after { content: '';overflow: hidden;height: 0;display: block; clear: both; }
ul.section-tab li { float: left; width: 33.3%; text-align: left; padding: 18px 20px; background: #cae4db; color: #003a3f; cursor: pointer; font-size: 18px; line-height: 45px; border-left: 1px solid #fff; -webkit-transition: all 0.2s;  -moz-transition: all 0.2s; -ms-transition: all 0.2s;  transition: all 0.2s;}
ul.section-tab li.selected, ul.section-tab li:hover { border-left: 1px solid #003a3f; background: #003a3f; color: #fff; }
ul.thumbnail-list { width: 100%; }
ul.thumbnail-list.selected { display: block; }
ul.thumbnail-list:after {content: '';overflow: hidden;height: 0;display: block; clear: both; }
ul.thumbnail-list li { float: left; width: 33.3%; padding: 24px 12px 0 12px; text-align: center; background: #fff; }
ul.thumbnail-list li img{ width: 100%; }
ul.thumbnail-list li h3{ font-size: 18px; color: #1a5649; padding: 0 10px;}
ul.thumbnail-list li p{ line-height: 24px; padding: 0 10px;}
ul.thumbnail-list li .content { box-shadow: 0 0 5px #aaa; padding: 6px; position: relative; }
ul.thumbnail-list li .date{ background: #f9f9f9; color: #1a5649; font-size: 18px; padding: 8px 10px; font-weight: 400; margin-top: 25px; }
ul.thumbnail-list li .tools-wrap{ font-size: 22px; margin-top: 25px; }
ul.thumbnail-list li .tools-wrap .up{ font-size: 14px; padding-left: 4px; }
ul.thumbnail-list li .tools-wrap:after{ content: '';overflow: hidden;height: 0;display: block; clear: both; }
ul.thumbnail-list li .tools-wrap .price-wrap, ul.thumbnail-list li .tools-wrap .details-wrap{  padding: 10px 20px; font-weight: bold; }
ul.thumbnail-list li .tools-wrap .details-wrap{ float: right; width: 50%; padding: 10px 20px; background: #cae4db; color: #003a3f;  }
ul.thumbnail-list li .tools-wrap .price-wrap { float: left; width: 50%; color: #fff; background: #dcae1d; }

.products ul.thumbnail-list li .tools-wrap{ font-size: 22px; margin-top: 0px; }

.section-tab-wrap ul.thumbnail-list { display: none; }
.section-tab-wrap ul.thumbnail-list.selected { display: block; }
.mobile-section-tab{ display: none; cursor: pointer; text-align: center; line-height: 86px; color: #fff; font-size: 18px;background: #003a3f; border: 1px solid #25676d; }
.mobile-section-tab.selected{ background: #cae4db; color: #003a3f;  }

.quick-links img{ width: 100%; }
.quick-links .col-5 { position: relative; }
.quick-links .col-5:first-child{ padding-right: 7px;}
.quick-links .col-5:last-child{ padding-left: 7px;}

.contact-us-info{ margin: 30px 0; }
.contact-us-info h2{ font-size: 30px; color: #1a5649; }
.contact-us-info p{ line-height: 20px; }
.contact-us-info ul { padding-left: 10px;}
.contact-us-info ul li { background-repeat: no-repeat; background-position: left 3px; padding-left: 22px; margin-bottom: 16px;}
.contact-us-info ul li.address{ background-image: url(../images/address.png);}
.contact-us-info ul li.tel{ background-image: url(../images/tel.png);}
.contact-us-info ul li.fax{ background-image: url(../images/fax.png);}

.contact-us .contact-us-info{ float: left; width: 420px; }
.contact-us .contact-form{ margin-left: 450px; background: #cae4db; padding: 25px 25px 15px 25px; margin-top: 40px; overflow: hidden; }
.contact-us .contact-form .col{ float: left; width: 50%; }
.contact-us .contact-form .col:first-child{ padding-right: 10px;}
.contact-us .contact-form .col:last-child{ padding-left: 10px;}
.contact-us .contact-form input[type='text'], .contact-us .contact-form textarea{ width: 100%; border: none; background: #fff; padding: 15px 10px; margin-bottom: 15px; font-size: 14px; border: 1px solid #fff; }
.contact-us .contact-form textarea{ height: 120px; }
.contact-us .contact-form .submit-wrap{ text-align: right;}
.contact-us .contact-form .submit-wrap button{ color: #fff; background: #dcae1d; padding: 10px 40px; font-size: 24px; border: none; cursor: pointer; }
.contact-us .contact-form .error{ border: 1px solid #c42525 !important; }
.contact-us .contact-form .thanks-msg{ text-align: center; font-size: 16px; padding-bottom: 20px; font-weight: 400; color: #1a5649; display: none; }

ul.airlines { margin-top: 50px; }
ul.airlines:after{ content: '';overflow: hidden;height: 0;display: block; clear: both; }
ul.airlines li { float: left; width: 20%; padding: 0 25px; }
ul.airlines li img{ width: 100%; }

footer{ padding: 20px; background: #7a9d96; color: #fff; margin-top: 40px; }
footer .left{ float: left; }
footer .right{ float: right; text-align: right; }
footer:after {content: '';overflow: hidden;height: 0;display: block; clear: both; }
footer ul li { display: inline-block; margin-right: 30px; }
footer ul li a { color: #fff; }

.go-top{ position: fixed; right: 80px; bottom: 120px; background: rgba(0,0,0,0.5); width: 60px; height: 60px; z-index: 999; cursor: pointer; display: none; }
.go-top:after{ content: ''; width: 25px; height: 25px; position: absolute; top: 24px; left: 16px; border-top: 3px solid #fff; border-right: 3px solid #fff; -webkit-transform: rotate(-45deg); }

ul.region-list{ font-size: 18px; margin-bottom: 25px; color: #5c9476; }
ul.region-list li { margin-right: 18px; display: inline-block;}
ul.region-list li:first-child { font-weight: 400; }
ul.region-list li a{ display: block; color: #003a3f; }

.pager { text-align: right; color: #003a3f; padding-bottom: 15px; }
.pager a{ background: #003a3f; color: #fff; padding: 5px 6px; font-size: 8px; display: inline-block; vertical-align: bottom; cursor: pointer; }
.pager a.prev{ margin-right: 4px;}
.pager a.next{ margin-left: 4px;}
.pager .pages { display: inline-block; height: 21px; font-size: 16px; }
.pager .pages input{ width: 30px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; border: 1px solid #5c9476; padding: 0px 4px; vertical-align: bottom; font-size: 14px; text-align: center; height: 21px; color: #5c9476; }

.products .mobile-region-list.hascustomSelect{ display: none; margin-bottom: 20px;}

.custom-select{ position: relative;  }
.custom-select select{ width: 100%; height: 100%; }
.customSelect{
  border: 1px solid #5c9476;
  color: #5c9476;
  font-weight: 400;
  padding: 12px;
  font-size: 18px;
  width: 100%;
  background: url(../images/mobile-select-arrow.png) no-repeat right 0;
  background-size: auto 100%;
  padding-right: 60px;
  white-space: nowrap;
}
.customSelect.customSelectHover {}
.customSelect.customSelectOpen {}
.customSelect.customSelectFocus {}
.customSelect.customSelectDisabledOption {}
.customSelect.customSelectDisabled {}
.customSelectInner { text-overflow: ellipsis; overflow: hidden; }

.login-wrap{ background: #cae4db; color: #003a3f; padding: 40px 26px; margin: 0 auto; max-width: 300px; font-size: 14px; text-align: center;}
.login-wrap input[type='text'], .login-wrap input[type='password']{ display: block; width: 100%; margin-top: 10px; font-size: 14px; padding: 8px; border: none; }
.login-wrap input[type='text']{ margin-bottom: 10px;}
.login-wrap button{ color: #fff; background: #dcae1d; border: none; width: 100%; padding: 10px; font-size: 14px; text-align: center; margin-top: 30px; cursor: pointer; }
.login-wrap .error-msg{ color: #c42525; text-align: center; padding: 10px; }

.ticket-list ul ul{ display: table; width: 100%; table-layout: fixed; }
.ticket-list > ul:after{content: '';overflow: hidden;height: 0;display: block; clear: both; }
.ticket-list ul li li{ display: table-cell; vertical-align: middle; text-align: center; border-left: 1px solid #1a5649; }
.ticket-list > ul > li:nth-child(odd){background: #eee; }
.ticket-list > ul > li li{ padding: 12px 10px; position: relative; }
.ticket-list ul li li:first-child{ width: 20%; border: none; }
.ticket-list ul li li:nth-child(2){ width: 10%;}
.ticket-list ul li li:nth-child(3){ width: 8%;}
.ticket-list ul li li:nth-child(4){ width: 19%;}
.ticket-list ul li li:nth-child(5){ width: 19%;}
.ticket-list ul li li:nth-child(6){ width: 12%;}
.ticket-list ul li li:nth-child(7){ width: 6%; padding: 8px;}
.ticket-list ul li li:nth-child(8){ width: 6%; padding: 8px;}
.ticket-list > ul > li:first-child li{ padding: 14px 10px; background: #003a3f; color: #fff; font-weight: 400; font-size: 16px;}
.ticket-list .download-btn{ width: 20px; }

.package-list ul ul{ display: table; width: 100%; table-layout: fixed; }
.package-list > ul:after{content: '';overflow: hidden;height: 0;display: block; clear: both; }
.package-list ul li li{ display: table-cell; vertical-align: middle; text-align: center; border-left: 1px solid #1a5649; }
.package-list > ul > li:nth-child(odd){background: #eee; }
.package-list > ul > li li{ padding: 12px 10px; position: relative; }
.package-list ul li li:first-child{ width: 18%; border: none; }
.package-list ul li li:nth-child(2){ width: 17%;}
.package-list ul li li:nth-child(3){ width: 11%;}
.package-list ul li li:nth-child(4){ width: 18%;}
.package-list ul li li:nth-child(5){ width: 19%;}
.package-list ul li li:nth-child(5) .inner{ text-align: left;}
.package-list ul li li:nth-child(6){ width: 10%;}
.package-list ul li li:nth-child(7){ width: 7%;}
.package-list > ul > li:first-child li{ padding: 14px 10px; background: #003a3f; color: #fff; font-weight: 400; font-size: 16px;}
.package-list .download-btn{ width: 20px; }
.package-list .area{ font-size: 28px; font-weight: 400; color: #dcae1d; margin: 20px 0 5px; }

.ticket-list{ margin-top: 30px; }

select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* remove default arrow */
   background-image: url(../images/select-arrow.png);   /* add custom arrow */
   background-repeat: no-repeat;
   background-position: right 10px center;
   background-size: 10px auto;
}
select::-ms-expand {
    display: none;
}

.search-wrap { padding-bottom: 10px; border-bottom: 1px solid #eee;}
.search-wrap ul { width: 100%; }
.search-wrap ul li{ float: left; padding: 5px; width: 25%; }
.search-wrap ul li label{ display: block; width: 100%; color: #aaa; font-size: 13px;}
.search-wrap ul li select{ color: #555; border: 1px solid #ddd; padding: 10px 40px 10px 10px; font-size: 14px; line-height: 20px; height: 42px; background-color: #f9f9f9; border-radius: 1px; width: 100%;}
.search-wrap ul li .item-date-wrap{ position: relative; }
.search-wrap ul li input[type='text']{color: #555;  height: 42px; padding: 10px 40px 10px 10px; line-height: 42px; border: 1px solid #ddd;  background: #f9f9f9;  border-radius: 1px; font-size: 14px; width: 100%; cursor: pointer;}
.search-wrap ul li i { width: 18px; height: 18px; background: url(../images/calendar.png) no-repeat center center; background-size: cover;  position: absolute; right: 10px; top: 50%; margin-top: -9px; cursor: pointer;}
.search-wrap .search-btn { cursor: pointer; background: #003a3f; color: #fff; padding: 10px 20px; font-size: 16px; border: none; margin: 5px; }



.search-result-error{ text-align: center; padding: 20px 0; font-size: 16px; }

.about-us strong{ font-weight: 400; color: #1a5649; }

.travel-info ul li{ float: left; width: 25%; padding: 7px; margin-bottom: 20px;}
.travel-info ul li .content{ box-shadow: 0 0 5px #ccc; padding: 10px; text-align: center; }
.travel-info ul li h2{ font-size: 14px; font-weight: 300; }

.cruise ul { margin: 0 auto; text-align: center; }
.cruise ul li{ max-width: 250px; text-align: center; display: inline-block; padding: 0 20px;}
.cruise ul li .remarks{ font-size: 12px; }
.cruise ul li a{ display: block; }

.cruise-details .cruise-oceanwide-list h2 { margin-top: 0; }
.cruise-details .cruise-oceanwide-list .item{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; display: none; }
.cruise-details .cruise-oceanwide-list .item.active{ display: block; }
.cruise-details .cruise-oceanwide-list .item:after{content: '';overflow: hidden;height: 0;display: block; clear: both; }
.cruise-details .cruise-oceanwide-list .item .row{ margin-bottom: 4px; }
.cruise-details .cruise-oceanwide-list .content-wrap{ float: left; width: 65%; padding-right: 30px; }
.cruise-details .cruise-oceanwide-list .data-list .name { float: left; width: 150px; font-weight: bold; }
.cruise-details .cruise-oceanwide-list .data-list .value { margin-left: 170px; }
.cruise-details .cruise-oceanwide-list .summary-trigger { margin: 10px 0; color: #dcae1d; font-weight: bold; display: block; cursor: pointer; }
.cruise-details .cruise-oceanwide-list .summary-trigger.hide-summary { display: none; }
.cruise-details .cruise-oceanwide-list .summary-trigger.show-summary.hidden { display: none; }
.cruise-details .cruise-oceanwide-list .summary-trigger.active{ display: block; }
.cruise-details .cruise-oceanwide-list .summary { display: none; }
.cruise-details .cruise-oceanwide-list .arrow-up,
.cruise-details .cruise-oceanwide-list .arrow-down{display: inline-block; z-index: 1; cursor: pointer; width: 10px;height: 10px;border-top: #dcae1d 2px solid;border-right: #dcae1d 2px solid; }
.cruise-details .cruise-oceanwide-list .arrow-up { -webkit-transform: rotate(-45deg) translateY(4px); -ms-transform: rotate(-45deg) translateY(4px); transform: rotate(-45deg) translateY(4px); -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; user-select: none; }
.cruise-details .cruise-oceanwide-list .arrow-down { margin-left: 4px; -webkit-transform: rotate(135deg) translateY(2px); -ms-transform: rotate(135deg) translateY(2px); transform: rotate(135deg) translateY(2px);  -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; user-select: none; }
.cruise-details .cruise-oceanwide-list .photo-wrap { margin-left: 65%; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 180px; }
.cruise-details .cruise-oceanwide-list .mobile-photo-wrap { display: none; }

.cruise-details .pagination{ text-align: center; margin: 30px 0;}
.cruise-details .pagination .page-item{ background: #fafafa; display: inline-block; margin: 2px 1px; }
.cruise-details .pagination .page-item a{ padding: 4px 8px; display: block; }
.cruise-details .pagination .page-item.active { background: #003a3f; }
.cruise-details .pagination .page-item.active a { color: #fff; }

.cruise-details > .container > div{ height: 800px; width: 100%; }
.cruise-details iframe{ width: 1px; height: 1px; min-width: 100%; min-height: 100%; }
/* .cruise-details > .container > div{ height: 600px; width: 100%;} */
@media screen and (max-width:500px) {
    .cruise-details > .container > div{ height: 500px; }
    /* .cruise-details > .container{ position: relative; width: 300px; height: 400px; overflow: auto; overflow-y: scroll; padding-right: 100px;}
    .cruise-details iframe{ -webkit-overflow-scrolling:touch; overflow: auto; z-index: 10; position: absolute; top: 0; left: 0; width: 100%; } */
}

@media screen and (max-width:768px) {
    .cruise-details .cruise-oceanwide-list .content-wrap{ float: none; width: 100%; padding-right: 0; }
    .cruise-details .cruise-oceanwide-list .photo-wrap{ display: none; }
    .cruise-details .cruise-oceanwide-list .mobile-photo-wrap { display: block; margin-bottom: 20px;}
}

@media screen and (max-width:1200px) {
  hr{ width: calc(100% - 30px); margin: 30px auto; }
  .container{ width: 100%; padding: 0 15px; }
  ul.thumbnail-list li{ padding: 15px 8px;}
  ul.thumbnail-list li .tools-wrap{ font-size: 18px; }
  ul.thumbnail-list li .tools-wrap .up{ font-size: 12px;}
  ul.thumbnail-list li .tools-wrap .price-wrap, ul.thumbnail-list li .tools-wrap .details-wrap{ padding: 10px 0;}
}

@media screen and (max-width:1160px) {
  .desktop-header .menu-wrap .container { padding: 30px 15px; }
  .desktop-header .menu-wrap .logo{ float: none; text-align: center; }
  .desktop-header .menu-wrap .logo img{ width: 280px; }
  .desktop-header .menu-wrap ul{ float: none; margin: 0 auto; text-align: center; }
  .desktop-header .menu-wrap ul li a{ margin-right: 2px; }
  .desktop-header .menu-wrap ul{ margin-top: 28px; }
  .sub-page .banner-wrap{ padding-top: 150px; }
  .slider .slide .container{ margin-left: 0; text-align: center; left: 0; padding: 0 55px;}
  .slider .slide .content{ right: 0; left: 0; position: relative; text-align: left; padding: 20px;}
}

@media screen and (max-width:1024px) {
  .index-footer-tools .row .col-5{ float: none; width: 100%; margin-bottom: 20px;}
  .index-footer-tools .row .col-5:first-child{ text-align: center;}
  .quick-links .col-5 { float: left !important; width: 50% !important; }
  .contact-us-info{ margin: 0; }
  .contact-us-info h2{ margin-top: 0; }
  ul.airlines{ margin-top: 20px;}

  .contact-us .contact-us-info{ float: none; margin-top: 40px; width: 100%; }
  .contact-us .contact-form { margin-top: 40px; margin-left: 0; }

  .travel-info ul li{ width: 33.3%;}
}

@media screen and (max-width:960px) {
  ul.airlines li{ width: 25%; }
  .ticket-list, .package-list{ font-size: 12px; }
  .ticket-list > ul > li:first-child li, .package-list > ul > li:first-child li{ font-size: 14px;}
}

@media screen and (min-width:840px) {
  ul.thumbnail-list.selected{ display: table; }
}

@media screen and (max-width:840px) {

  .search-wrap ul li label{ font-size: 12px; margin-top: 10px; }
  .search-wrap ul li select{ font-size: 13px;}
  .search-wrap ul li, .airfare-search-wrap.search-wrap ul li{ float: none; padding: 0px; width: 100%; }
  .search-wrap .search-btn{ width: 100%; padding: 15px 20px; margin: 10px auto 0;}

  .sub-page h1.page-title{ font-size: 40px; }
  .mobile-header{ display: block; }
  .desktop-header{ display: none; }
  .sub-page .banner-wrap{ padding-top: 1px; }
  .container{ padding: 0; }
  .sub-page .container{ padding: 0 15px; }
  ul.thumbnail-list li{ display: block; width: 100%; margin-bottom: 0; padding: 0 20px 20px 20px; }
  ul.thumbnail-list li:first-child{ padding: 20px 20px 20px 20px; }
  ul.thumbnail-list.first{ display: block;}
  ul.section-tab{ display: none; }
  .mobile-section-tab{ display: block;}
  .go-top{ right: 20px;}


  .ticket-list > ul > li{ border-bottom: 2px solid #1a5649; }
  .ticket-list > ul > li:nth-child(odd){ background: #fff; }
  .ticket-list > ul > li:nth-child(even){ background: #eee; }
  .ticket-list{ font-size: 13px; }
  .ticket-list > ul > li li{ padding: 10px; }
  .ticket-list ul li li{ display: block; float: left; border-bottom: 1px solid #1a5649; }
  .ticket-list > ul > li:first-child{ display: none; }
  .ticket-list ul li li:first-child{ width: 40%;  border-bottom: 1px solid #1a5649; display: table-cell; cursor: pointer; }
  .ticket-list ul li li:nth-child(2){ width: 25%;  display: table-cell; cursor: pointer; }
  .ticket-list ul li li:nth-child(3){ width: 35%;  display: table-cell; cursor: pointer; padding-right: 30px;}
  .ticket-list ul li li:nth-child(3):after{ content:''; top: 12px; right: 20px; width: 10px; height: 10px; background: url(../images/list-arrow.png) no-repeat center center; position: absolute; background-size: 10px;}
  .ticket-list ul li li:nth-child(4),
  .ticket-list ul li li:nth-child(5),
  .ticket-list ul li li:nth-child(6){ padding-left: 120px; width: 100%;  display: none;}
  .ticket-list ul li li:nth-child(7),
  .ticket-list ul li li:nth-child(8){ padding-left: 90px; width: 50%; display: none;}
  .ticket-list ul li li:nth-child(4):after,
  .ticket-list ul li li:nth-child(5):after,
  .ticket-list ul li li:nth-child(6):after{ content: attr(data-title); width: 100px; top: 0; left: 0; position: absolute; background: #003a3f; color: #fff; padding: 10px; border-bottom: 1px solid #1a5649; }

  .ticket-list ul li li:nth-child(7):after,
  .ticket-list ul li li:nth-child(8):after{ content: attr(data-title); width: 70px; top: 0; left: 0; position: absolute; background: #003a3f; color: #fff;padding: 9px 10px 10px 10px; border-bottom: 1px solid #1a5649; }
  .ticket-list .download-btn{ width: 21px; }


  .package-list > ul > li{ border-bottom: 2px solid #1a5649; }
  .package-list > ul > li:nth-child(odd){ background: #fff; }
  .package-list > ul > li:nth-child(even){ background: #eee; }
  .package-list{ font-size: 13px; }
  .package-list > ul > li li{ padding: 8px; }
  .package-list ul li li{ display: block; float: left; border-bottom: 1px solid #1a5649; }
  .package-list > ul > li:first-child{ display: none; }
  .package-list ul li li:first-child{ width: 40%;  border-bottom: 1px solid #1a5649; display: table-cell; cursor: pointer; }
  .package-list ul li li:nth-child(2){ width: 35%;  display: table-cell; cursor: pointer; }
  .package-list ul li li:nth-child(3){ width: 25%;  display: table-cell; cursor: pointer; padding-right: 30px;}
  .package-list ul li li:nth-child(3):after{ content:''; top: 12px; right: 20px; width: 10px; height: 10px; background: url(../images/list-arrow.png) no-repeat center center; position: absolute; background-size: 10px;}
  .package-list ul li li:nth-child(4),
  .package-list ul li li:nth-child(5),
  .package-list ul li li:nth-child(6),
  .package-list ul li li:nth-child(7){ padding-left: 120px; width: 100%;  display: none;}
  .package-list ul li li:nth-child(4):after,
  .package-list ul li li:nth-child(5):after,
  .package-list ul li li:nth-child(6):after,
  .package-list ul li li:nth-child(7):after{ height: calc(100% - 18px); content: attr(data-title); width: 100px; top: 0; left: 0; position: absolute; background: #003a3f; color: #fff; padding: 9px 10px 10px 10px; border-bottom: 1px solid #1a5649; }
  .package-list .download-btn{ width: 21px; }
  .package-list ul li li:nth-child(5) .inner{ min-height: 18px; padding: 0 10px; }


  footer .left, footer .right{ float: none; width: 100%;}
  footer .left ul{ text-align: center; width: 100%; }
  footer ul li{ display: block; margin-bottom: 4px; margin-right: 0;}
  footer .right{ text-align: center; margin-top: 30px;}
}

@media screen and (max-width:768px) {
  .slick-prev, .slick-next{ background-size: 32px auto !important; }
  .slider .slide h2{ font-size: 32px;}
  .slider .slide p{ font-size: 20px;}
  .slider .slide .link a{ font-size: 20px; padding: 10px 30px; display: block; text-align: center; }

  .products .region-list{ display: none; }
  .products .mobile-region-list.hascustomSelect{ display: block; }

  .contact-us .contact-form .col{ float: none; width: 100%; }
  .contact-us .contact-form .col:first-child{ padding-right: 0;}
  .contact-us .contact-form .col:last-child{ padding-left: 0;}
  .contact-us .contact-form .submit-wrap button{ width: 100%; }
  .contact-us .contact-form textarea{ height: 180px; }

  .products ul.thumbnail-list li .tools-wrap{ font-size: 20px; }
  ul.thumbnail-list li .date { font-size: 16px; }

  .travel-info ul li{ width: 50%;}
  .travel-info ul li img{ height: 100px;}
  .travel-info ul li h2{ font-size: 12px; }
}

@media screen and (max-width:640px) {
  ul.airlines li{ width: 33.3%; }
  .quick-links .col-5 { float: none !important; width: 100% !important; }
  .quick-links .col-5:first-child{ padding-right: 0; }
  .quick-links .col-5:last-child{ padding-left: 0; }
}

@media screen and (max-width:500px) {
  .travel-info ul li { width: 100%; margin-bottom: 0px;}
  .travel-info ul li img{ height: 60px;}
  .travel-info ul li .content{ padding: 5px 10px; }
  .travel-info ul li h2{ font-size: 14px; }
}

@media screen and (max-width:375px) {
  ul.airlines li{ width: 50%; }
}




.airfare-search-wrap.search-wrap ul:after{ content: '';overflow: hidden;height: 0;display: block; clear: both; }
.airfare-search-wrap.search-wrap ul li { float: left; width: 20%; padding: 6px 10px; text-align: center; height: 45px; }
@media screen and (max-width:840px) {
    .airfare-search-wrap.search-wrap ul li { width: 25%; }
}
@media screen and (max-width:420px) {
    .airfare-search-wrap.search-wrap ul li { width: 33.33%; }
}