/* ==============================================================
    CUSTOM CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
==============================================================   */
#header .col-xs-4, #header .col-xs-2, #header .col-xs-7, #header .col-xs-6,#header .col-xs-1{ padding-left:7px; padding-right:7px;}
#header .col-xs-4{ padding-left:15px;}
#header .col-xs-7, #header .col-xs-6{ padding-right:15px;}
.top-baner {
    position: relative;
    width: 100%;
}

.innerlogo{ max-width:220px; text-align:center; margin:0 auto 10px auto}
.innercircle{max-width:320px; text-align:center; margin:0 auto 10px auto}
.responsive{ width:100%}
div.quote {
    display: inline-block;
	clear:both;
    position: relative;
    font-weight: 300;
    line-height: 28px;
    color: rgb(0, 0, 0);
    font-family: 微軟正黑體;
	padding: 10px 20px;
    font-size: 16px;
}

div.quote:before, div.quote:after {
    display: inline-block;
    font-size: 140%;
    font-family: v2;
    font-style: normal;
    content: "\e60e";
    color: #ccc;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

div.quote:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    margin-right: 20px;
}

.tabbed-about-us-v2.tabbed-about-us .details p.signtitle{ font-size:14px; color:#666;}
.tabbed-about-us-v2.tabbed-about-us .details img.responsive{ width:100%}
.sign{font-family: 'Alex Brush', cursive; font-size:38px; font-weight:400; padding:0 10px;}

.custom, .custom-home{ overflow:hidden}
.absolute_container {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
}

.flexslider .absolute_container {
    opacity: 0;
    visibility: hidden;
    transition: all 800ms;
    -webkit-transition: all 800ms;
    z-index: 20;
}

.flexslider .flex-active-slide .absolute_container {
    opacity: 1;
    visibility: visible;
    transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
}
.flexslider .slides img.slide_bg {
    display: none;
}
.flexslider .slides a img.slide_bg {
    display: block;
}
.flex-caption {
    z-index: 999;
	top:20%;
	right:10%;
	position:absolute;
	width:30%;
    color: #fff;
    font-size: 13px;
    padding: 20px 25px;
    background: rgba(0,0,0,0.7);
}
.flex-center-caption {
    z-index: 999;
	top:50%;
	left:10%;
	position:absolute;
    padding: 20px 25px;
	background-image: radial-gradient(closest-side,rgba(0,0,0,.2),transparent);
	webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.flex-center-caption h3{
	color: #fff;
    font-size: 4rem;
	font-weight:700;
	margin-bottom:10px;
	font-family: Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif !important;
	text-shadow: 0 0 1rem rgba(0,0,0,.4);
}
.cruise-box{
	position: absolute;
	top:130px;
	left:80px;
	z-index:1115;
	background:rgba(255,255,255,0.7);
	color:#fff;
	float:left;
	width:auto;
	display:block;
}

/*  Login */

.background-block {
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
}
.login-fullpage {
    position: relative;
    margin-top: 116px;
    margin-bottom: 46px;
    background: #fff;
}
.login-logo {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 58.33333333%;
}
.full-copy {
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
	text-align:center;
	margin-bottom:30px;
}
.f-login-content {
    padding: 78px 100px 78px 100px;
}
.f-login-header {
    margin-bottom: 69px;
}
.f-login-header .logos{ max-width:200px; text-align:center; margin:0 auto;}
.f-login-title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    letter-spacing: 6px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5px;
    margin-bottom: 16px;
	color: #ff6600;
}
.f-login-desc {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    text-align: center;
}
.input-style-1, .login {
    position: relative;
    float: left;
    display: block;
    width: 100%;
}
.input-style-1 input {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: none;
    padding: 0px 20px 0px 50px;
	font-size:15px;
    color: #fff;
}
.input-style-1.color-5 input {
    border-color: #dfdfdf;
    background: #fff;
    color: #222;
    opacity: 1;
}
.f-login-form .input-style-1 {
    margin-bottom: 9px;
    float: none;
}
.input-style-1.b-50 input {
    font-size: 14px;
    height: 40px;
    padding: 0px 20px 0px 44px;
}

.input-entry .checkbox-form {
    display: none;
}

.input-entry.color-3 .checkbox-text {
    color: #222;
    cursor: pointer;
}

.input-style-1.type-2.b-50 input {
    padding: 0px 20px 0px 21px;
}

.input-entry .checkbox-text {
    
    font-size: 14px;
    font-weight: 400;
    padding-top: 2px;
}
.input-entry .checkbox-form + label span.sp-check {
    position: relative;
    display: inline-block;
    float: left;
    width: 19px;
    height: 19px;
    top: 0px;
    margin: 0px 14px 0 0;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}
.input-entry.color-3 .checkbox-form + label span.sp-check {
    background: #ffffff;
    border: 1px solid #f1f1f1;
}
.input-entry.color-3 .checkbox-form:checked + label span.sp-check i {
    color: #2D3E50;
}
.input-entry .checkbox-form + label span.sp-check i {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px;
}
.input-entry .checkbox-form:checked + label span.sp-check i {
    display: block;
}
.c-button.full {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}
.c-button.b-60 {
    height: 60px;
    line-height: 54px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.c-button.b-50 {
    height: 50px;
    line-height: 44px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.c-button.b-40 {
    height: 40px;
    line-height: 34px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.btn-primary.b-34 {
    height: 34px;
    line-height: 34px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.c-button.b-50 .fa {
    position: relative;
    top: 2px;
    font-size: 20px;
    margin-right: 5px;
}
.c-button.b-60 .fa {
    position: relative;
    top: 2px;
    font-size: 20px;
    margin-right: 5px;
}
.f-login-form .login-btn {
    margin-bottom: 30px;
}
.checkbox-group {
    margin-bottom: 40px;
}
.hv-dr-blue-2-o{
	background: #ff6600;
}
.c-button.hv-dr-blue-2-o{
	border: 2px solid #ff6600;
	color: #fff;
}
.hv-dr-blue-2-o:hover {
    color: #000;
	background: #ff6600;
}

.hv-dr-blue-4-o{
	background: #dfdfdf;
}
.c-button.hv-dr-blue-4-o{
	border: 2px solid #dfdfdf;
	color: #fff;
}
.hv-dr-blue-4-o:hover {
    background: transparent;
    color: #dfdfdf;
}
.c-button.hv-dr-blue-2:hover {
    background: transparent;
    color: #dfdfdf;
}

.bg-blue-8 {
    background: #28a9e2;
}
.c-button.bg-blue-8 {
    color: #fff;
    border: 2px solid #28a9e2;
}
.c-button.hv-blue-8-o:hover {
    background: transparent;
    color: #28a9e2;
}
.bg-blue-7 {
    background: #1e4389;
}
.c-button.bg-blue-7 {
    color: #fff;
    border: 2px solid #1e4389;
}
.c-button.hv-blue-7-o:hover {
    background: transparent;
    color: #1e4389;
}


.crusie-login-form{
	width:70%;
}
.crusie-login-form .btn.login-btn{ margin:0;}
.crusie-login-form .checkbox-group, .crusie-login-form .btn.login-btn{ margin-bottom:20px;}
.panel-box .crusie-login-form .btn{ margin-left:0; margin-right:0}

.login input {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: none;
    height: 40px;
    padding: 0px 20px 0px 30px;
	font-size:15px;
    color: #fff;
	margin:10px 0;
}
.login.color-5 input {
    border-color: #dfdfdf;
    background: #fff;
    color: #222;
    opacity: 1;
}
.login.b-40 input {
    font-size: 14px;
    height: 40px;
    padding: 0px 20px 0px 44px;
}
.login.type-2.b-40 input {
    padding: 0px 10px 0px 11px;
}
/* 語言控制*/
header .selected-country-wrapper{ margin-top:11px; margin-left:15px;}
header.sticky-header .selected-country-wrapper{ margin-top:8px;}
.selected-country-wrapper  a{
    position: relative;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    height: 42px;
	width:42px;
	padding:4px 6px;
    line-height: 42px;
    border-radius: 50%;
    border: 3px solid #ebebeb;
    background-color: #fff;
}
.selected-country-wrapper  a:hover{border: 3px solid #ff6600;}
.region-area.selected-country-wrapper  a{
	position: relative;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
	border:none;
	background-color:transparent;
}
.selected-country-wrapper a>div {
    display: inline-table;
    padding: 0;
	line-height: 24px;
    font-size: 12px;
	vertical-align:top;
    color: #333;
}
.region-area.selected-country-wrapper a>div{font-size:15px;}
.selected-country-wrapper a>div span:not(.country-select),.selected-country-wrapper a>div.country-select span
{
	display:inline-block
}

.selected-country-wrapper a>div.ccl-arrow
{
	display:inline-block;
	margin:0 4px 0 2px;
	border-right:none
}

.selected-country-wrapper a>div.ccl-arrow
{
	padding-right:3px
}

.selected-country-wrapper a>div.ccl-arrow i
{
	font-size:7px
}

.selected-country-wrapper a>div.country-select
{
	padding:0
}

.selected-country-wrapper a>div span:not(.country-select)
{
	font-weight:700;
	vertical-align:middle
}

.flag-sprite {
    padding: 0!important;
    background-image: url(../img/countryflags2_24px@1x.png);
}
.flag-sprite.ad, .flag-sprite.ae, .flag-sprite.af, .flag-sprite.ag, .flag-sprite.ai, .flag-sprite.al, .flag-sprite.am, .flag-sprite.an, .flag-sprite.ao, .flag-sprite.aq, .flag-sprite.ar, .flag-sprite.as, .flag-sprite.at, .flag-sprite.au, .flag-sprite.aw, .flag-sprite.ax, .flag-sprite.az, .flag-sprite.ba, .flag-sprite.bb, .flag-sprite.bd, .flag-sprite.be, .flag-sprite.bf, .flag-sprite.bg, .flag-sprite.bh, .flag-sprite.bi, .flag-sprite.bj, .flag-sprite.bl, .flag-sprite.bm, .flag-sprite.bn, .flag-sprite.bo, .flag-sprite.br, .flag-sprite.bs, .flag-sprite.bt, .flag-sprite.bw, .flag-sprite.by, .flag-sprite.bz, .flag-sprite.ca, .flag-sprite.cc, .flag-sprite.cd, .flag-sprite.cf, .flag-sprite.cg, .flag-sprite.ch, .flag-sprite.ci, .flag-sprite.ck, .flag-sprite.cl, .flag-sprite.cm, .flag-sprite.cn, .flag-sprite.co, .flag-sprite.cr, .flag-sprite.cu, .flag-sprite.cv, .flag-sprite.cw, .flag-sprite.cx, .flag-sprite.cy, .flag-sprite.cz, .flag-sprite.de, .flag-sprite.dj, .flag-sprite.dk, .flag-sprite.dm, .flag-sprite.do, .flag-sprite.dz, .flag-sprite.ec, .flag-sprite.ee, .flag-sprite.eg, .flag-sprite.eh, .flag-sprite.er, .flag-sprite.es, .flag-sprite.et, .flag-sprite.eu, .flag-sprite.fi, .flag-sprite.fj, .flag-sprite.fk, .flag-sprite.fm, .flag-sprite.fo, .flag-sprite.fr, .flag-sprite.ga, .flag-sprite.gb, .flag-sprite.gd, .flag-sprite.ge, .flag-sprite.gf, .flag-sprite.gg, .flag-sprite.gh, .flag-sprite.gi, .flag-sprite.gl, .flag-sprite.gm, .flag-sprite.gn, .flag-sprite.gp, .flag-sprite.gq, .flag-sprite.gr, .flag-sprite.gs, .flag-sprite.gt, .flag-sprite.gu, .flag-sprite.gw, .flag-sprite.gy, .flag-sprite.hk, .flag-sprite.hn, .flag-sprite.hr, .flag-sprite.ht, .flag-sprite.hu, .flag-sprite.ic, .flag-sprite.id, .flag-sprite.ie, .flag-sprite.il, .flag-sprite.im, .flag-sprite.in, .flag-sprite.iq, .flag-sprite.ir, .flag-sprite.is, .flag-sprite.it, .flag-sprite.je, .flag-sprite.jm, .flag-sprite.jo, .flag-sprite.jp, .flag-sprite.ke, .flag-sprite.kg, .flag-sprite.kh, .flag-sprite.ki, .flag-sprite.km, .flag-sprite.kn, .flag-sprite.kp, .flag-sprite.kr, .flag-sprite.ky, .flag-sprite.kz, .flag-sprite.la, .flag-sprite.lb, .flag-sprite.lc, .flag-sprite.li, .flag-sprite.lk, .flag-sprite.lr, .flag-sprite.ls, .flag-sprite.lt, .flag-sprite.lu, .flag-sprite.lv, .flag-sprite.ly, .flag-sprite.ma, .flag-sprite.mc, .flag-sprite.md, .flag-sprite.me, .flag-sprite.mf, .flag-sprite.mg, .flag-sprite.mh, .flag-sprite.mk, .flag-sprite.ml, .flag-sprite.mm, .flag-sprite.mn, .flag-sprite.mo, .flag-sprite.mp, .flag-sprite.mq, .flag-sprite.mr, .flag-sprite.ms, .flag-sprite.mt, .flag-sprite.mu, .flag-sprite.mv, .flag-sprite.mw, .flag-sprite.mx, .flag-sprite.my, .flag-sprite.mz, .flag-sprite.na, .flag-sprite.nc, .flag-sprite.ne, .flag-sprite.nf, .flag-sprite.ng, .flag-sprite.ni, .flag-sprite.nl, .flag-sprite.no, .flag-sprite.np, .flag-sprite.nr, .flag-sprite.nu, .flag-sprite.nz, .flag-sprite.om, .flag-sprite.pa, .flag-sprite.pe, .flag-sprite.pf, .flag-sprite.pg, .flag-sprite.ph, .flag-sprite.pk, .flag-sprite.pl, .flag-sprite.pn, .flag-sprite.pr, .flag-sprite.ps, .flag-sprite.pt, .flag-sprite.pw, .flag-sprite.py, .flag-sprite.qa, .flag-sprite.ro, .flag-sprite.rs, .flag-sprite.ru, .flag-sprite.rw, .flag-sprite.sa, .flag-sprite.sb, .flag-sprite.sc, .flag-sprite.sd, .flag-sprite.se, .flag-sprite.sg, .flag-sprite.sh, .flag-sprite.si, .flag-sprite.sk, .flag-sprite.sl, .flag-sprite.sm, .flag-sprite.sn, .flag-sprite.so, .flag-sprite.sr, .flag-sprite.ss, .flag-sprite.st, .flag-sprite.sv, .flag-sprite.sx, .flag-sprite.sy, .flag-sprite.sz, .flag-sprite.tc, .flag-sprite.td, .flag-sprite.tf, .flag-sprite.tg, .flag-sprite.th, .flag-sprite.tj, .flag-sprite.tk, .flag-sprite.tl, .flag-sprite.tm, .flag-sprite.tn, .flag-sprite.to, .flag-sprite.tr, .flag-sprite.tt, .flag-sprite.tv, .flag-sprite.tw, .flag-sprite.tz, .flag-sprite.ua, .flag-sprite.ug, .flag-sprite.us, .flag-sprite.uy, .flag-sprite.uz, .flag-sprite.va, .flag-sprite.vc, .flag-sprite.ve, .flag-sprite.vg, .flag-sprite.vi, .flag-sprite.vn, .flag-sprite.vu, .flag-sprite.wf, .flag-sprite.ws, .flag-sprite.ye, .flag-sprite.yt, .flag-sprite.za, .flag-sprite.zm, .flag-sprite.zw {
    width: 24px;
    height: 24px;
}
.flag-sprite.tw {
    background-position: 0 -5352px;
}
.flag-sprite.vn {
    background-position: 0 -5640px;
}
.flag-sprite.ph {
    background-position: 0 -4200px;
}
.flag-sprite.th {
    background-position: 0 -5112px;
}
.flag-sprite.kh {
    background-position: 0 -2760px;
}
.flag-sprite.id {
    background-position: 0 -2400px;
}
.flag-sprite.sg {
    background-position: 0 -4656px;
}
.flag-sprite.my {
    background-position: 0 -3744px;
}
.flag-sprite.kr {
    background-position: 0 -2880px;
}
.flag-sprite.jp {
    background-position: 0 -2688px;
}
.flag-sprite.in {
    background-position: 0 -2496px;
}
.flag-sprite.hk {
    background-position: 0 -2256px;
}
.flag-sprite.cn {
    background-position: 0 -1104px;
}
.flag-sprite.my {
    background-position: 0 -3456px;
}

.region-area{padding:30px 10px; background-image:url(../img/map.jpg); background-size:cover; display:block}
.region{ list-style:none; padding:20px;}
.region li{ display:inline-table; padding:10px 10px 10px 0; font-size:18px; border-bottom:1px solid #ccc; width:33%;}

.flexslider .slides>li{ background-size:cover}
.section-image{ display:none}
.footer-share{ clear:both}
.footer-share a {
    position: relative;
    float: left;
    font-size: 22px;
    color: #fff;
    margin: 0px 20px 0px 0px;
}
.footer-share a:hover {
    color: #ff6600;
}
.demo-video-v2 .col-md-8, .three .col-sm-7, .promo .col-sm-5{ float:none; margin:0 auto}
.adviser{ background-position: center center; background-image: url(../img/why-inpage05b.jpg);}
.rightnow{ background-image:url(../img/45036276_ml.jpg); background-size:cover; background-position:center center; height:750px;}
.self-help{ background-image:url(../img/45903149_ml.jpg); background-size:cover; background-position:center center; min-height: 25vw; padding-top: 39vw;}
.joinus{background-image:url(../img/52020952_ml.jpg); background-size:cover; background-position:center center; min-height: 25vw; padding-bottom: 39vw;}
.jointoseller{background-image:url(../img/44276715_sl.jpg); background-size:cover; background-position:center center; min-height: 25vw; padding-bottom: 29vw;}
.present{ background-color:#b31e24; background-size:cover; background-position:center center; background-repeat:no-repeat}
.ice{ background-image: url(../img/international-cruise-and-excursions-office.jpg); background-size:cover; background-position:top center; background-repeat:no-repeat}
.travel{ background:url(../img/46978457_bl.jpg);background-size:cover; background-position:center center; min-height: 18vw; }
.sea{ background:url(../img/28578563l.jpg);background-size:cover; background-position:center center;  }
.cruise-paint{background:url(../img/cruise_paint.jpg);background-size:cover; background-position:center center; min-height: 24vw;padding-bottom: 10vw;}
.travelfund{ background:url(../img/savecoin.jpg);background-size:cover; background-position:top center; }
.gotoaction{background-image:url(../img/51914482_x.jpg); background-size:cover; background-position:center center; min-height: 22vw; padding-bottom: 19vw;}
.self-help .section-title, .self-help .section-subtitle{ color:#fff}
.btns{ padding:20px 0 20px 20px;}
.change_form_data li, .share li{line-height:10px; width:100%; font-size:16px; padding:5px 0 15px 0;}
.change_form_data li input.form-control, .change_form_data li textarea.form-control{ max-width:calc(90% - 90px);  width:90%;display:inline-block}
.change_form_data li input.form-control.auto, .share li input.form-control.auto{ width:auto}
.change_form_data li select.form-control, .share li select.form-control{ width:auto;display:inline-block}
.change_form_data li div, .share li div{display:inline-block}
.change_form_data li input[type=radio], .share li input[type=radio]{ width:auto; margin-right:5px;}
.change_form_data li label{ width:20%; min-width:90px; text-align:right; padding-right:10px; display:inline-block; margin-bottom:0;}
.share li label.top{ vertical-align:top;}
.change_form_data li span, .share li span{ color:#666;display:block; clear:both;margin-left:calc(20% + 5px); padding:0; margin-top:5px; line-height:18px; font-size:15px;}
.share li span{ margin-left:calc(15% + 5px); }
.change_form_data li .data-com, .change_form_data li .data-com select.form-control, .share li .data-com, .share li .data-com select.form-control{display:inline-block; width:auto;}
.share li label{ width:15%; min-width:80px; text-align:right; padding-right:10px; display:inline-block; margin-bottom:0;}
.share li input.form-control, .share li textarea.form-control{ max-width:calc(90% - 80px);  width:85%;display:inline-block}

.sideer-content{border-left:1px solid #ccc}
.map-block {
    position: relative;
}
#map-canvas {
    height: 702px;
    z-index: 2;
}
#map-canvas.style-2 {
    height: 550px;
}
#maptwo-canvas.style-2 {
    height: 702px;
}
.mobile{ display:none}
.desktop{ display:block}
.memlogin{ margin-top:18px; color:#222}
.memlogin i{ font-size:16px;}
.memlogin a{margin: 0px 5px 0px 0px;}


.vertical-align {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    width: 100%;
    left: 0px;
}
.controls-align{
    bottom:15px;
    position: absolute;
    width: 100%;
    left: 0px;
}
.controls-align .conven{text-align:center; margin:10px auto; }
.controls-align .conven li{display:inline-table; text-align:center; margin:0 5px; padding:8px 15px 15px 15px; background-color:rgba(0,0,0,.95); color:#fff; }
.controls-align .conven li:hover{background-color:rgba(0,0,0,.75);}
.controls-align .conven li a{ display:block; position:relative}
.controls-align .conven li i{font-size:24px; margin:0 auto; padding:0 0 10px 0; color:#fff; text-align:center}
.controls-align .conven li h5{color:#fff; clear:both}
.banner-breadcrumb {
    margin-bottom: 10px;
}
.banner-breadcrumb li {
    display: inline-block;
    margin-right: 2px;
}
.banner-breadcrumb li, .banner-breadcrumb a {
    
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
a.link-blue-2{ color:#fff}
.color-white {
    color: #fff;
}
.background-block {
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
}
.inner-banner {
    position: relative;
    min-height: 380px;
    text-align: center;
}
.inner-banner.style-6 {
    min-height: 130px;
    margin-top: 60px;
}

.bg-1 { background: #ff6600;color: #fff;}
.bg-2{background-color: #c2e4e7; color: #555;}
.bg-3 { background: #ebd8bc;color: #555;}
.alert {
    padding: 25px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert {
    font-size: 14px;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}
.alert .fa {
    font-size: 24px;
    line-height: 20px;
    cursor: pointer;
    position: absolute;
    top: 30px;
    transform: translateY(-50%);
    right: 20px;
}
.alert a{ color:#fff; text-decoration:underline !important;}
.alert.act {
    display: none;
}
.alert.iconshow{ padding-left:120px; padding-right:60px; font-size:15px;}
.alert .fa.fa-envelope, .alert .fa.fa-commenting {
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    margin-right: 0;
    display: block;
    position: absolute;
    font-size: 60px;
    top: 44px;
    left: 24.5px;
}

.alert .alert .fa-address-card-o {
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    margin-right: 0;
    display: block;
    position: absolute;
    font-size: 60px;
    top: 44px;
    left: 24.5px;
}
.alert.bg-2 .fa.fa-envelope{color:#4cb0bb;}
.alert.bg-3 .fa.fa-commenting{color:#cc6600;}
a.agree-btn, a.disagree-btn{ padding:4px 15px; font-size:15px; margin:10px 10px 10px 0; text-decoration:none !important}
a.agree-btn{ background:#fc3;color:#000; }
a.disagree-btn{ padding:4px 15px; font-size:12px; background:#fff;color:#ff6600;margin:10px 10px 10px 0;text-decoration:none !important}

.ticket{ padding:30px; margin:20px 40px 20px 20px; border:3px dotted #fff; font-size:18px;}
.dashboard-bar{ position: relative; background-color: #484848;margin-top:60px}
.panel-body {
    position: relative;
	margin: 0;
    padding: 20px;
}
.panel-body .date{ color:#ccc; font-size:13px; padding:3px 0;}
.panel-body h2.text-center{ font-size:32px; margin-bottom:15px;}
.award li{ padding:5px 0; border-bottom:1px dotted #ccc; width:100%}
.award li:last-child{ border-bottom:0;}
.award li label, .award li span{ display:inline-table; width:50%;}
.award li span{ text-align:right}
.award li label{ text-align:left; margin-bottom:0;}
a.edit-profile{ color:#4ba3a8}
.export{ float:left; width:100%;position:relative;padding:15px; background-color:#f7f7f7; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; margin-bottom:20px;}
.export .form-control{ width:auto; display:inline-block}
.export .datepicker{ max-width:130px; margin-top:-1px;}
.panel {
    border: 1px solid #dce0e0;
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	margin-bottom:15px;
}
.panel-header {
    color: #484848;
	background-color: #edefed;
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
	text-align:center;
    border-bottom: 1px solid #dce0e0;
	position: relative;
    margin: 0;
    padding: 20px;
}

.infoboxop{ padding:20px; border:1px solid #ebebeb; margin:15px 0}
.infobox .infoboxop{ display:none}
.infobox.opened .infoboxop{ display:block}
a.download-txt{ color:#ff0000; font-size:15px;}
a.download-txt:hover{ text-decoration:underline !important}

.with-shadow {
    box-shadow: 0px 0px 0px 1px rgba(204, 204, 204, 0.1);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(204, 204, 204, 0.1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(204, 204, 204, 0.1);
}
.an-panel-main-info-single {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 30px;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 3px;
}

.an-panel-main-info-single.color-cyan {
    background: #70c1b3;
    border: 1px solid #62bbab;
}
.an-panel-main-info-single.lime-green {
    background: #b2dbbf;
    border: 1px solid #a4d5b3;
}
.an-panel-main-info-single.pale-yellow {
    background: #f3ffbd;
    border: 1px solid #eaff8a;
}
.an-panel-main-info-single.soft-pink {
    background: #eb547c;
    border: 1px solid #e9426e;
}
.an-panel-main-info-single h2 {
    position: relative;
    font-size: 30px;
    color: #ffffff;
    font-weight: 700;
    margin: 0;
}
.an-panel-main-info-single h2 .info-identifier {
    display: block;
    font-size: 12px;
    font-weight: 400;
    opacity: .6;
}
.an-panel-main-info-single > i {
    position: absolute;
    right: 0;
    top: 46%;
    font-size: 70px;
    color: #ffffff;
    color: #ffffff;
    opacity: .4;
}
.an-panel-main-info-single.pale-yellow h2 {
    color: #475700;
}
.an-panel-main-info-single.pale-yellow i {
    color: #333333;
    opacity: .2;
}

/* 最新消息*/
.news-list{ margin:20px 0}
.news-list li{ padding:7px 0; border-bottom:1px dotted #ccc; color:#222; font-size:15px;}
.news-list li span{ display:inline-block; font-size:13px; color:#666; padding-right:20px;}
.news-list li label{ display:inline-block; }
.news-content{ margin:20px 0;}
.news-content h2{ font-size:22px; margin-bottom:20px}
.news-content img{ width:100%;}
.group-checkbox, .group-forms{ text-align:left}
.group-checkbox label{display:inline-block; padding-right:15px; font-size:15px; margin-bottom:0; color:#fff;}
 .group-checkbox input.left{display:inline-block; width:auto; margin-left:5px;}
.group-checkbox span{ display:inline-block; margin:0;}
.group-forms, .group-list{ margin:15px 0}
.group-list{ padding:15px 20px; border:1px dotted #fff; margin-bottom:30px;}
.group-forms .data-com{ color:#fff;}
.group-forms label, .group-list label{ display:inline-block; width:auto; padding-right:15px; font-size:15px;	color:#fff;}
.group-forms .data-com, .group-forms .data-com select, .group-forms input, .group-forms select, .group-list span{ display:inline-block; width:auto}

.group-forms label.black, .group-list label.black, .group-checkbox label.black, .group-checkbox span.black{ color:#222}

/* fancy form*/
.an-custom-checkbox {
    position: relative;
    margin-right: 15px;
}
.an-custom-radiobox {
    position: relative;
    margin-right: 15px;
}
.group-checkbox span.an-custom-checkbox , .group-checkbox span.an-custom-radiobox{
    margin-right: 10px;
}
.an-custom-checkbox input, .an-custom-radiobox input {
    display: none;
}
.an-custom-checkbox label, .an-custom-radiobox label  {
    position: relative;
    cursor: pointer;
    padding-left: 5px;
    font-weight: normal;
	padding-right: 0px;
	color:#fff;
}
.an-custom-checkbox label.black, .an-custom-radiobox label.black{ color:#666}
.an-custom-checkbox.blocked label {
    width: 100%;
}
.an-custom-checkbox label:before {
    content: "\f372";
    font-family: "Ionicons";
    position: relative;
    left: -5px;
    top: 2px;
    font-size: 20px;
    color: #fff;
	font-weight: normal;
}
.an-custom-checkbox label.black:before, .an-custom-radiobox label.black:before{color:#666}
.an-custom-radiobox label:before {
    content: "\f3a6";
    font-family: "Ionicons";
    position: relative;
    left: -5px;
    top: 2px;
    font-size: 20px;
    color: #fff;
}
.an-custom-checkbox input[type="checkbox"]:checked + label:before {
    content: "\f374";
    font-family: "Ionicons";
    color: #ffcc00;
}
.an-custom-radiobox input[type="radio"]:checked + label:before {
    content: "\f3a7";
    font-family: "Ionicons";
    color: #ffcc00;
}
a.forget, a.remail, a.fac{ font-size:15px; color:#ff6600; padding-left:20px; }
a.fac{ padding-left:0;}
a.forget:before {
    content: "\f2f7";
    font-family: "Ionicons";
    position: relative;
    left: -5px;
    top: 2px;
    font-size: 20px;
    color: #666;
    font-weight: normal;
}
a.fac:before {
    content: "\f213";
    font-family: "Ionicons";
    position: relative;
    left: -5px;
    top: 2px;
    font-size: 20px;
    color: #666;
    font-weight: normal;
}
a.remail:before {
    content: "\f3a8";
    font-family: "Ionicons";
    position: relative;
    left: -5px;
    top: 2px;
    font-size: 20px;
    color: #666;
    font-weight: normal;
}
.subnav-list{ display:block; }
.subnav-list li{ display:list-item; }
.subnav-item{text-decoration: none; position: relative; float:left; color: #fff;}
.subnav-list li a{ padding: 10px 14px; color:#ebebeb}
.subnav-item.active{ color:#fff}
.subnav-item.active:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 14px;
    right: 14px;
    height: 4px;
    background: #bbb;
}
.dashboard-profile-photo img{width:100%}
.circlenum{ 
    display:block;
	font-size:36px; 
	padding:20px; 
	line-height:36px; 
	height:80px; 
	width:80px; 
	color:#fff;
	text-align:center;
    margin:10px auto 20px auto;	
    border: 2px solid #ebebeb;
	background-image: -moz-linear-gradient( 135deg, rgb(243,71,75) 0%, rgb(255,152,0) 100%);
    background-image: -webkit-linear-gradient( 135deg, rgb(243,71,75) 0%, rgb(255,152,0) 100%);
    background-image: -ms-linear-gradient( 135deg, rgb(243,71,75) 0%, rgb(255,152,0) 100%);
    border-radius: 40px; 
	    font-family: 'Montserrat', sans-serif;
	}
.acc-body{ margin-top:30px;}	
.acc-body li {
    position: relative;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    padding-left: 0px;
    margin-bottom: 10px;
    display: list-item;
	color:#171717;
    text-align: -webkit-match-parent;
	list-style-type:disc;
	margin-left:20px;
}
.hjust{ height:600px;}

.sea .section-title,.sea .section-subtitle, .sea .section-header-v3 .section-subtitle{ color:#fff}


.input-style-1.color-2 input {
    border-color: rgba(219, 219, 219, 0.6);
    color: rgba(34, 34, 34, 0.6);
}
.input-style-1.type-2 input {
    padding: 0px 20px 0px 21px;
}
.code_data input[type=button]{ width:120px;}
.code_data input[type=text]{ width: calc(100% - 130px);}
.mid{ margin:30px auto 30px auto; text-align:center}
.communities{ margin:30px auto 0 auto; text-align:center}
.communities a {
    display: inline-block;
    padding: 8px 10px 12px;
    margin: 0;
    height: 40px;
    position: relative;
    transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out;
    width: 40px;
}
.communities a img {
    background-color: #f8f8f8;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    opacity: 1;
    position: absolute;
}


.table{ width:100%;}
.table-responsive {
    display: block;
    width: 100%;
    min-height: 0;
    overflow-x: auto;
}
.table.data-table{ border:1px solid #ccc;  width: 100%; max-width: 100%;}

.table.data-table>thead>tr>th{ background-color:#f7f7f7;padding:8px; border-bottom:1px solid #ebebeb}
.table.data-table>tbody>tr:nth-child(even) {
    background: #f6f6f6;
}
.table.data-table>tbody>tr:hover{ background:#e9f5f0}
table.specs {
    display: block;
    margin-bottom: 30px;
    font-family: 微軟正黑體;
    width: 100%;
}
table.specs tbody{ width:100%; display:block}
table.specs th{ background-color:#ebebeb; color:#000;}
table.specs tr {
    border-bottom: 1px solid #ebebeb;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
	width:990px;
}
.specs td, .specs th  {
    padding: 6px 5px;
    color: #666;
    vertical-align: top;
    text-align: left;
}

/*  樹狀圖  */
.widget {
    background: #fff;
    border: 1px solid #e5e5e5;
    float: left;
    margin-bottom: 20px;
    width: 100%;
    position: relative;
}
.widget .bgcolor-major-gradient-overlay {
    opacity: 0;
}
.widget .info {
    position: absolute;
    top: 20%;
    left: 0;
	width:100%;
	margin:0 auto;
	text-align:center;
    opacity: 0;
    color: #fff;
    z-index: 10;
    -webkit-transition: .3s;
    transition: .3s;
}
.widget .info a{ color:#fff;}

.widget .info i{ font-size:50px; color:#fff; margin:0 auto;}
.widget:hover .bgcolor-major-gradient-overlay , .widget:hover .info{
    opacity: 1;
}
.bot-linea::after{ 
    content: '';
	display: block;
    position: absolute;
    width: 1px;
    height: 45px;
    bottom: -36px;
    left: 50%;
    border-bottom: 30px solid #ccc;
	z-index:9;
}
.bot-linea{ margin-bottom:35px;}
.team-slider-v2.carousel-owl, .team-slider-m.carousel-owl{ border-top:1px solid #ccc}
.team-slider-v2 .owl-item, .team-slider-m .owl-item{ margin-top:35px; }
.team-slider-v2 .owl-item::before , .team-slider-m .owl-item::before {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 45px;
    top: -35px;
    left: 50%;
    border-top: 30px solid #ccc;
}

.personal-info {
    float: left;
    width: 100%;
}

.personal-intro {
    float: left;
    position: relative;
    width: 100%;
}

.personal-intro:before {
    background: black;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
}
.personal-intro > img {
    width: 100%;
}
.personal-intro:before{background-color: #20a2d6;}
.personal-intro.kep:before{background-color: #ccc;}
.personal-intro.kepopen:before{background-color: #ff9933;}
.personal-intro.v3:before{background-color: #339999;}
.personal-intro.v4:before{background-color: #998533;}
.panel.v3{ background-color:rgba(51,153,153,.1);}
.intro-text {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.intro-text > span{width: 80px; margin:0 auto}
.intro-text > span, .intro-text > em {
    float: none;
    margin-bottom: 10px;
}
.user-img {
	width: 80px;
    height: 80px;
    display: block;
	margin-bottom: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	border:5px solid;
	border-color:rgba(255,255,255,0.95);
}

.intro-text > strong {
    color: #fff;
    display: table;
    font-size: 20px;
    font-weight: 300;
    text-transform: capitalize;
    width: 100%;
}
.team-slider-m .intro-text > strong{font-size: 18px;}
.intro-text > span , .intro-text > em{
    color: #fff;
    font-size: 13px;
}
.intro-text > em{ font-style:normal}
.personal-info.opened .personal-detail{ display:block}
.personal-info .personal-detail {
    float: left;
    padding: 15px;
    width: 100%;
	min-height:120px;
	display:none;
}
.personal-intro .open-btn{text-align: center;position: absolute; top:60px; left:50%; margin-left:18px;}
.open-btn .more{ background-color:#ff9900; width:20px; height:20px;border-radius: 50%; color:#fff; padding:2px 6px; font-size:9px; line-height:9px}
.personal-detail .info li{ border-bottom:1px dotted #ccc; color:#222}
.personal-detail .btn-infos li{ display:inline-block;}
.personal-detail .btn-infos li a{ padding:6px 10px; margin:6px; background-color:#ffcc00; color:#000; display:inline-block}

.team-slider-m .intro-text > span{width: 70px;}
.team-slider-m .user-img {width: 70px;height: 70px;}
.team-slider-m .personal-intro .open-btn{top:52px; margin-left:14px;}

/* */
 ul.chart-grid {
    clear: both;
    list-style-type: none;
    margin: 15px 0 0 10px;
}
ul.chart-grid li {
    float: left;
    position: relative;
    width: 150px;
    margin: 0;
    padding: 0 44px 30px 0;
    font-size: 0.6875em;
}
.chart-grid li a {
    display: block;
    position: relative;
    padding: 7px;
    margin: -7px 0 -3px -7px;
    color: #999;
    font-weight: 600;
}
.chart-grid li strong {
    position: relative;
    right: 155px;
    top: 13px;
    text-align: right;
    font-weight: normal;
    display: block;
}
.chart-grid img {
    display: block;
    position: relative;
    z-index: 1;
    margin-bottom: 5px;
    -ms-interpolation-mode: bicubic;
    box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.4);
}
.chart-grid.apps img {
    margin-top: -9px;
    margin-bottom: 10px;
    border-radius: 20px;
    box-shadow: 0 4px 3px -2px rgba(0, 0, 0, 0.8);
}
.chart-grid h3, .chart-grid h4 {
    position: relative;
    display: block;
    width: 120px;
    height: 1.4em;
    margin: 0;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.4em;
    color: #999;
    overflow: hidden;
}
.chart-grid h3 {
    clear: left;
    font-weight: bold;
}
/* 搜尋 */
.search-filter {
    display: block;
    width: auto;
    padding: 10px;
    margin-bottom: 15px;
}
.search-filter .filter-head {
    display: table;
    width: 100%;
    background-position: center center;
    background-repeat: repeat;
}
.visible-desktops{display: block!important;}
.visible-phones {
    display: none!important;
}

.order_form_data{ width:80%;font-size:15px; margin-bottom:20px;}
.order_form_data li input {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 34px;
    padding: 0px 20px 0px 20px;
    font-size: 15px;
    margin: 10px 0;
	border-color: #dfdfdf;
    background: #fff;
    color: #222;
    opacity: 1;
}
.order_form_data li input ,.order_form_data li label{ display:inline-block;}
.order_form_data li label{ font-weight:100; width: 20%; min-width: 90px; color:#000; font-weight:bold}
.order_form_data li label:after{ content: "：";  color: #222;}
.order_form_data li {
    line-height: 36px;
    width: 100%;
	margin:0;
	padding:0;
}
.order_form_data li input {
    width: 80%;
	max-width:calc(80% - 90px)
}
.order_form_data li .birth{display:inline-block; line-height: 40px; vertical-align:middle; margin-left:0px;}
.order_form_data li .birth select{ width:auto; display:inline-block}
.order_form_data li input[type=radio] {
    width: auto;
    margin-right: 5px;
	vertical-align:middle
}
.panel-box .order_form_data .btns .btn{ margin-left:0; margin-right:0}
.discount li{ font-size:15px; padding:3px 0; color:#222}
.aside-summary .summary-list>li .title {
    font-size: 14px;
	line-height:18px;
    font-weight: 700;
	color:#222;
}
.aside-summary .summary-disclaimer {
    display: block;
    width: auto;
    font-size: 13px;
    text-align: center;
    margin-bottom: 10px;
}

.aside-summary .summary-estimation .estimation-price, .aside-summary .summary-estimation .estimation-text {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.aside-summary .summary-estimation {
    display: table;
    width: 100%;
}
.aside-summary .pricing-details {
    display: block;
    width: auto;
    margin-top: 15px;
	text-align:center;
}
.aside-summary .pricing-details .btn-cta.btn-secondary{
	margin-left:auto;
	margin-right:auto;}
.amounts {
    display: inline-block;
    width: auto;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 30px;
    line-height: 1;
    margin: 0 auto;
    white-space: nowrap;
	color:#222;
}
.amounts .acronym, .amounts .cents, .amounts .currency, .amounts .value {
    display: table-cell;
    vertical-align: top;
}
.amounts .acronym, .amounts .cents, .amounts .currency {
    font-size: 50%;
}
.main-nav ul li.has-child:last-child >a:after,.main-nav>ul>li:last-child>a:before{display:none}

.value_name.hide-md {
    display: none !important;
}

.media-round {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #ebebeb;
}
.mobile-nav img.media-round{ margin-top:-10px; display:inline-block;}
.value_name{ display:inline-block; margin-left:10px;}
.mobile-nav ul>li.children-open{ padding-bottom:10px; border-bottom:1px solid #ccc}

/*  表格排序  */

.tablesorter-default{width:100%;color:#333;background-color:#fff;border-spacing:0;margin:10px 0 15px;text-align:left}
.tablesorter-default th,.tablesorter-default thead td{font-weight:700;color:#000;background-color:#fff;border-collapse:collapse;border-bottom:#ccc 2px solid;padding:0}
.tablesorter-default tfoot td,.tablesorter-default tfoot th{border:0}
.tablesorter-default .header,.tablesorter-default .tablesorter-header{background-image:url("../img/bg.gif");background-position:center right;background-repeat:no-repeat;cursor:pointer;white-space:normal;padding:4px 20px 4px 4px}
.tablesorter-default thead .headerSortUp,.tablesorter-default thead .tablesorter-headerAsc,.tablesorter-default thead .tablesorter-headerSortUp{background-image:url("../img/desc.gif");border-bottom:#000 2px solid}
.tablesorter-default thead .headerSortDown,.tablesorter-default thead .tablesorter-headerDesc,.tablesorter-default thead .tablesorter-headerSortDown{background-image:url("../img/asc.gif");border-bottom:#000 2px solid}
.tablesorter-default thead .sorter-false{background-image:none;cursor:default;padding:4px}.tablesorter-default tfoot .tablesorter-headerAsc,.tablesorter-default tfoot .tablesorter-headerDesc,.tablesorter-default tfoot .tablesorter-headerSortDown,.tablesorter-default tfoot .tablesorter-headerSortUp{border-top:#000 2px solid}
.tablesorter-default td{background-color:#fff;border-bottom:#ccc 1px solid;padding:4px;vertical-align:top}
.tablesorter-default tbody>tr.even:hover>td,.tablesorter-default tbody>tr.hover>td,.tablesorter-default tbody>tr.odd:hover>td,.tablesorter-default tbody>tr:hover>td{background-color:#fff;color:#000}
.tablesorter-default .tablesorter-processing{background-position:center center!important;background-repeat:no-repeat!important;background-image:url(data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=)!important}
.tablesorter-default tr.odd>td{background-color:#dfdfdf}
.tablesorter-default tr.even>td{background-color:#efefef}
.tablesorter-default tr.odd td.primary{background-color:#bfbfbf}
.tablesorter-default td.primary,.tablesorter-default tr.even td.primary,.tablesorter-default tr.odd td.secondary{background-color:#d9d9d9}
.tablesorter-default td.secondary,.tablesorter-default tr.even td.secondary,.tablesorter-default tr.odd td.tertiary{background-color:#e6e6e6}
.tablesorter-default td.tertiary,.tablesorter-default tr.even td.tertiary{background-color:#f2f2f2}
caption{background-color:#fff}
.tablesorter-default .tablesorter-filter-row{background-color:#eee}
.tablesorter-default .tablesorter-filter-row td{background-color:#eee;border-bottom:#ccc 1px solid;line-height:normal;text-align:center;-webkit-transition:line-height .1s ease;-moz-transition:line-height .1s ease;-o-transition:line-height .1s ease;transition:line-height .1s ease}
.tablesorter-default .tablesorter-filter-row .disabled{opacity:.5;filter:alpha(opacity=50);cursor:not-allowed}
.tablesorter-default .tablesorter-filter-row.hideme td{padding:2px;margin:0;line-height:0;cursor:pointer}
.tablesorter-default .tablesorter-filter-row.hideme *{height:1px;min-height:0;border:0;padding:0;margin:0;opacity:0;filter:alpha(opacity=0)}
.tablesorter-default input.tablesorter-filter,.tablesorter-default select.tablesorter-filter{width:95%;height:auto;margin:4px auto;padding:4px;background-color:#fff;border:1px solid #bbb;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:height .1s ease;-moz-transition:height .1s ease;-o-transition:height .1s ease;transition:height .1s ease}
.tablesorter .filtered{display:none}
.tablesorter .tablesorter-errorRow td{text-align:center;cursor:pointer;background-color:#e6bf99}	


/* 會員等級顏色*/
.media-round.v1{border: 3px solid #0093cc;}
.dropdown-items>li>a.v1{ color:#0093cc}
.btn.btn-primary.v1{ font-size:15px; background-color: #0093cc !important; }
.btn.btn-primary.v1:hover{background-color: #0093cc; opacity: .9;}
.input-group input.v1{ height:40px;border-radius: 0px;}
.btn-cta.btn-primary.v1{background: 0 0; color: #0093cc; border: 2px solid #0093cc; margin:10px 0; margin-right:5px;}
.send_mail, .copy_code{ padding:0 0 25px 0}
.copy_code label{ margin-bottom:5px;}
img.media-round:hover{opacity: .7;}

/* 訂單內容 */
.order-title{ padding:10px 0; border-bottom:1px solid #ccc; margin:15px 0;}
#agree{ border:3px dashed #ff0033; padding:30px; font-size:16px;display:none}
#agree.opened{ display:block}
#agree.gray{border:1px dashed #ccc; padding:30px; font-size:16px; color:#000;}
.order td span{ font-size:24px; font-weight:bold}
#agree.gray .group-forms label, #agree.gray .group-list label, #agree .group-checkbox label{ color:#222}
.white a.term{ color:#fff !important;}
.white .an-custom-checkbox label.black:before,.white .an-custom-radiobox label.black:before{ color:#fff}
.order-total li{ border-bottom:1px dotted #ccc; padding:6px; font-size:16px; width:100%}
.order-total li span{ display:inline-table; width:80px; text-align:center; padding:8px; border:2px dashed #ccc; margin:5px; cursor:pointer}
.order-total li span:hover{opacity: .8}
.order-total li em{ font-size:36px; font-style:normal; font-weight:bold}
.order-total li label, .order-total li div{ display:inline-table; width:50%;}
.order td sub, .order-total li sub{vertical-align: super; font-size:12px;bottom:.3em}
.order-content li{display: table-cell; vertical-align: middle; color:#999}
h1.order-id{ font-weight:700; font-size:42px; padding:0 10px; vertical-align:top !important; line-height:46px; color:#222}
h1.order-doller{ display:table;font-weight:700; font-size:36px; width:100%;}
h1.order-doller sub, h1.order-id sub{vertical-align: super; font-size:12px;bottom:.3em}
h1.order-id sub{ line-height:46px; bottom:.5em}
h1.order-doller div{ display:inline-table;  width:50%;}
a.checkitem{ float:left;position: relative;width:80px; line-height:18px; text-align:center; padding:5px 10px; background:#ffcc00; font-size:12px; border-radius:2px;}
.item-2.opened a.checkitem:after{
    content: "";
    position: absolute;
    bottom: -5px;
    left: 40%;
    border-width: 5px 5px 0;
    border-style: solid;
    border-color: #ffcc00 transparent;
    display: block;
    width: 0;
}
.order .item-1, .order .item-2{ width:50%;}
.order-content li h5{ margin-top:5px; font-weight:500; font-size:18px;color:#000; margin-bottom:3px;}
.order-id{padding:10px;}
.item-2 .order-data, .item-2 a.checkitem:after{ display:none}
.item-2.opened .order-data{ display:block}
.order-data{ margin-top:10px; border-top:3px solid #ffcc00; padding-top:10px;}
.order-data li{ border-bottom:1px dotted #ccc; padding:3px; font-size:15px; width:100%; color:#333}
.order-data LI:last-child{ border-bottom:0}
.order-data li span{ display:inline-table; text-align:right; font-size:15px; width:20%;color:#333}
.order-data li label{ display:inline-table; text-align:left; width:80%; font-weight:normal;color:#333}
.order-data li label sub{font-size:12px;vertical-align: super; color:#666; bottom:-.5em;}

.order-mem h4{ font-size:18px; font-weight:bold; padding:20px; float:left; width:100%;padding-bottom:10px; position:relative; }
.order-mem h4 span{ float:left;width:auto}
.order-mem h4 .more, .order-mem h4 .more.no{float:right; position:relative;width:80px;line-height: 18px; text-align: center;padding: 5px 10px;background: #339900; color:#fff;font-size: 12px;border-radius: 2px;}
.order-mem h4 .more.no{ background: #cc0000;}
.order-mem h4 .more:after, .order-mem h4 .more.no:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 40%;
    border-width: 5px 5px 0;
    border-style: solid;
    border-color: #339900 transparent;
    display: block;
    width: 0;
}
.order-mem h4 .more.no:after{border-color: #cc0000 transparent;}
.download-btn{ 
    display:inline-block;
	width:auto;
	padding:10px 15px; 
	margin:8px 15px 8px 0;
	border:1px solid #ccc; 
	border-radius:3px;
	-webkit-transition: .3s;
    transition: .3s;
    }
.download-btn:hover{-webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16)}
	
.btn-box{ margin:20px auto; text-align:center}
.btn-box .btn{ float:none; text-align:center; margin:0 5px;}
.order-data li.greenpay, .order-data li.greenpay label,.order-data li.greenpay label sub, .order-data li.greenpay span{ color:#339933}
.order-data li.greenpay{ background-color:rgba(51,153,51,.1)}
.mem-box{ display:block; padding:20px; border:3px solid #339900; margin:20px 0; clear:both}
.mem-box.no{ border-color: #cc0000}
.mem-box.bl{ border:1px dotted #666; }
.order-mem.closed .mem-box, .order-mem.closed .mem-box.no, .order-mem.closed h4 .more:after, .order-mem.closed h4 .more.no:after{ display:none;}
.mem-box li{ border-bottom:1px dotted #ccc; padding:5px 0; width:100%}
.mem-box li label, .mem-box li span{ display:inline-table; width:50%; margin:5px 0;}
.mem-box li label{text-align:left}
.mem-box li span{ text-align:right}
.mem-box li:last-child{ border-bottom:0px}
.fileyes{ color:#339900; font-size:22px; margin:0 10px;}
.fileno{ color:#cc0000; font-size:22px;}
.btn-file{ position: relative; overflow: hidden; margin:10px auto; width:48px; height:48px; border-radius:50%; background:#2e4e59;text-align:center; cursor:pointer}
.btn-file:hover{ background:#0093cc}
.btn-file.disable:hover{ background:#2e4e59}
.btn-file i{ font-size:24px;color:#fff; line-height:48px;}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0;
    background: none;
    cursor: inherit;
    display: block;
}
.btn-file.disable{opacity:.3;}
.sidenav-list {
    padding-left: 0;
    list-style: none;
}
.sidenav-list li{ padding:0;}
.sidenav-item {
    display: block;
    padding: 6px 0;
    font-size: 16px;
    color: #767676;
}
.sidenav-item.active{
    text-decoration: none;
    color: #484848;
    font-weight: bold;
}

.tm-people {
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -50px;
    border: 5px solid #fff;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.mobile-nav ul>li:first-child ul{ border-top:1px solid #ccc;}
.invite-f .header-cover {
    padding-bottom: 125px;
    background-color: #00a699;
    background-image: url(../img/mentor-hero.png);
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.search-f .header-cover {
    padding-bottom: 85px;
    background-color: #00a699;
    background-image: url(../img/searchbg.jpg);
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.col-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.media-photo {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    background-color: #bbb;
}
.profile-photo {
    height: 114px;
    width: 114px;
}
.hero-subtext-md-lg {
    font-size: 18px;
	color:#fff;
	margin:15px 0;
}
.hero-subtext-md-lg a{ color:#fff; }
.hero-subtext-md-lg a:hover{text-decoration:underline !important}
.va-middle {
    vertical-align: middle;
}
.va-middle, .va-bottom {
    display: table-cell;
}
.va-container {
    display: table;
    position: relative;
}
.va-container-h {
    width: 100%;
}
.va-container-v {
    height: 100%;
}
.va-container-v {
    height: 100%;
}

.invite-f .share-box{ bottom:-80px}


@media (min-width: 768px){
.wrapper .content {
    float: left;
    width: 100%;
}
.wrapper .menusidebar {
    float: left;
    width: 285px;
	position: fixed;
	background:rgba(0,0,0,.8);
	top:60px;
	left:-300px;
	z-index:9999;
	transition: all 0.35s ease-in;
    -webkit-transition: all 0.35s ease-in;
    -moz-transition: all 0.35s ease-in;
    -ms-transition: all 0.35s ease-in;
}
.wrapper .menusidebar.opened{
	left:0;
	transition: all 0.35s ease-in;
    -webkit-transition: all 0.35s ease-in;
    -moz-transition: all 0.35s ease-in;
    -ms-transition: all 0.35s ease-in;}
.travelfund h2.section-title, .travelfund h4.section-title{ color:#fff}
.invite-f .share-box {
    position: relative;
    top: -120px;
    padding: 45px;
    background-color: #fff;
    border: 1px solid #dce0e0;
}
.min-space{ padding-top:300px;}
.min-space h2.section-title{ color:#fff}
#promo .section-title, #promo .section-subtitle{ color:#fff}
.wrapper .menusidebar .selection-filter{
    display: block;
    position: absolute;
    right:20px;
    top: 90px;
    
}
.selection-filter .filter-link.search-panel {
    background-color: #fff;
    border: 2px solid #fff;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.36);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.36);
	z-index:-1;
}
.search-panel{
    background: rgba(3, 3, 3, 0.90) none repeat scroll 0 0;
    border-radius: 50%;
    color: #000;
    font-size: 28px;
	width:80px;
	height:80px;
	text-align:right;
    padding: 17px 12px;
    position: absolute;
}
.selection-filter .filter-link.search-panel i {
    color: #000;
}
.m-t-160-up768{ padding-top:245px;}
}
.menusidebar{position: relative;
    min-height: 1px;}

.wrapper .content {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
#cruise-p .filter-extra{ display:none}

.search-filter .filter-head .head-title, .search-filter .filter-head .head-wide-title {
    display: table-cell;
    padding: 10px 0px;
    text-align: center;
    font-family: '微軟正黑體', Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    color: #000;
}
.search-filter .filter-head .head-wide-title{
	display: block;
	border-bottom:1px solid #ccc;
	text-align:left;
}
.search-filter .filter-head .head-link {
    display: table-cell;
    padding: 10px 6px;
    text-align: center;
}
.search-filter .filter-head .head-link .link-clear {
    display: inline-block;
    color: #0283df;
    font-size: 14px;
    font-weight: 200;
	margin-left:30px;
    line-height: 1;
    position: relative;
}
.filterbox .phones-header {
    display: block;
    padding: 15px;
    margin: -15px -15px 20px;
    background-color: #323232;
}
.filterbox .phones-header .options {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
}
.filterbox .phones-header .options>li {
    display: table-cell;
    vertical-align: middle;
    width: 44%;
}

.filterbox .phones-header .options>li:first-child {
    width: 28%;
    padding-right: 5px;
}
.filterbox .phones-header .options>li .btn-cta.btn-secondary {
    background: 0 0;
    color: #fff;
    border-color: #fff;
}
.filter-widget>li .widget-items .items-list {
    display: block;
    width: auto;
    padding: 14px 16px;
    list-style: none;
    margin: 0;
}
.filter-widget>li .widget-items .items-list>li {
    display: block;
    width: auto;
}
.filter-widget>li .widget-items .items-list .items-link {
    display: table;
    width: 100%;
    line-height: 1;
}
.filter-widget>li .widget-items .items-list .items-icon {
    display: table-cell;
    vertical-align: top;
    padding: 1px 0;
    color: #fff;
    font-size: 8px;
    width: 8px;
}
.filter-widget>li .widget-items .items-list .items-text {
    display: table-cell;
    vertical-align: top;
    padding-left: 10px;
    width: auto;
    font-size: 12px;
    color: #fff;
}
.btn-cta {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
}
.btn-cta.btn-primary {
    background: 0 0;
    color: #337ab7;
    border: 2px solid #337ab7;
}
.btn-cta.btn-secondary {
    background: #c12f32;
    color: #fff;
    border: 2px solid #c12f32;
}
.filterbox .phones-header .options>li .btn-cta {
    width: 100%;
    padding: 9px 15px;
}
.filterbox .phones-header .options>li .btn-cta {
    width: 100%;
}
.filter-options {
    display: block;
    width: auto;
    margin: 0;
}
.filter-widget {
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
    position: relative;
}
.filter-widget>li {
    display: block;
    width: auto;
    margin: 1px 0 0;
    position: relative;
}

.filter-widget>li:first-child {
    margin: 0;
}
.filter-widget>li .widget-link {
    display: block;
    width: auto;
    padding: 14px 16px;
    position: relative;
    font-family: '微軟正黑體',Arial,Helvetica,sans-serif;
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
}
.filter-widget>li .widget-link:before, .filter-widget>li.opened .widget-link:before {
    font-family: FontAwesome;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -7px;
}
.filter-widget>li.opened .widget-link:before {
	content: "\f053";
}

.filter-widget>li .widget-link .link-text {
    display: block;
    height: 15px;
    overflow: hidden;
	font-family: '微軟正黑體',Arial,Helvetica,sans-serif;
}
.filter-widget>li .widget-box {
    display: none;
    position: absolute;
    z-index: 2050;
    width: 700px;
    top: 0;
}
.slider-range{margin-bottom:15px;}
.slider-range input{ line-height:20px;}
.slider-range .ui-slider{margin-bottom:10px;}
.ui-slider-horizontal{position:relative;height:3px;text-align:left;}
.ui-slider .ui-slider-range{position:absolute;top:0;height:100%;display:block;border:0;background-position:0 0;z-index:1;}
.ui-slider .ui-slider-handle{position:absolute;top:-5px;cursor:default;-ms-touch-action:none;width:8px;height:12px;margin-left:0px;-moz-border-radius:6px;border-radius:6px;z-index:2;}
.ui-slider .ui-slider-handle:focus{outline:none;}
.amount-start,.amount-end{font-size:14px;width:50%;font-family:"Raleway", sans-serif;font-weight:normal;background:transparent;border:none;}
.amount-start{float:left;text-align:left;}
.amount-end{float:right;text-align:right;}
.slider-range.color-1 .ui-slider-horizontal{background:#666;}
.slider-range.color-1 .ui-slider .ui-slider-range{background:#1593d0;}
.slider-range.color-1 .ui-slider .ui-slider-handle{background:#1593d0;}
.slider-range.color-1 .amount-start,.slider-range.color-1 .amount-end{color:#666;}
.slider-range.color-2 .ui-slider-horizontal{background:#eeeeee;}
.slider-range.color-2 .ui-slider .ui-slider-range{background:#2d3e50;}
.slider-range.color-2 .ui-slider .ui-slider-handle{background:#2d3e50;}
.slider-range.color-2 .amount-start,.slider-range.color-2 .amount-end{color:#bebebe;}

@media (max-width: 991px) and (min-width: 768px){
  .filter-widget.widget-right>li .widget-box {
    left: 155px;
  }
  .filter-widget>li .widget-box {
    width: 558px;
}
}
@media only screen and (min-width: 992px){
  .filter-widget.widget-right>li .widget-box {
    left: 210px;
  }
}
@media only screen and (min-width: 1200px){
.filter-widget.widget-right>li .widget-box {
    left: 260px;
}
}


.icons-images {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/sprite-icons-images.png)!important;
    background-repeat: no-repeat;
}
.filter-extra {
    display: block;
    width: auto;
    padding: 10px;
    margin: 0;
    list-style: none;
    position: relative;
}
.filter-extra>li {
    display: block;
    width: auto;
    padding: 25px 0;
    border-top: 1px solid #000;
}
.filter-extra>li:first-child {
    border: none;
	padding-top:0;
}
.filter-extra>li:last-child{
	padding-bottom:0;
}
.filter-extra>li .form-label {
    display: block;
    width: auto;
    margin-bottom: 10px;
    font-size: 15px;
    color: #222;
    white-space: nowrap;
}
.filter-outer{
	display: block;
    width: auto;
    padding:0 10px;
    margin: 0;
    list-style: none;
    position: relative;
}
.filter-outer>li{
	display: block;
    width: auto;
    padding: 0;
	text-align:center;
	color:#222;
}
.filter-outer>li.num{
	font-size:28px;
	font-family:"Raleway", sans-serif;
}
.filter-outer>li.end{ margin-bottom:30px; padding-top:10px;}
.stylish-checkbox {
    padding: 0;
    border: none;
    border-radius: 0;
    float: left;
    width: 11px;
    height: 10px;
}
.stylish-checkbox  input[type=checkbox]{ margin-top:0;}

.btn.active, .btn:active {
    outline: 0;
    background-image: none;
}

.filter-extra>li .control-label {
    display: block;
    width: auto;
    font-size: 14px;
    line-height: 1;
    margin-top: 10px;
}

.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none;
}
.filter-extra>li .control-label .btn {
    float: none;
    vertical-align: top;
	margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
	font-size: 14px;
	white-space: nowrap;
    line-height: 1.2;
}

.filter-extra>li .control-label .txt {
    display: inline-block;
    vertical-align: top;
    padding-left: 4px;
    width: 90%;
    color: #666666;
}
.filter-extra>li .control-label .txt:hover{ color:#222}
.filter-extra>li .control-label input[type=checkbox], .filter-extra>li .control-label input[type=radio]{margin-top:0}
.filterbox {
    display: block;
    background-color: #fff;
    padding: 15px;
}
.filterbox .filter-header {
    display: table;
    width: 100%;
    margin-bottom: 15px;
}
.filter-content ul:before, .filter-content ul:after{
	content: " ";
    display: table;
}
.filterbox .filter-content {
    display: block;
    width: 100%;
}

.filterbox .filter-content .select {
    margin-left: -15px;
    margin-right: -15px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.filterbox .filter-header .close .fa-times:before {
    font-size: 20px;
    color: #000;
}
.filterbox .filter-content .select>li {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    display: table;
    padding: 1px;
}
.filterbox .filter-content .select>li .checkbox {
    display: none;
}

.filterbox .filter-content .select>li .option {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 44px;
    text-align: center;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.filterbox .filter-content .select>li .checkbox:checked+.option {
    color: #fff;
    background-color: #fc8588;
}
.filterbox .filter-content .select>li .checkbox:disabled+.option {
    color: #7c7c7c;
    background-color: #f0f0f0;
    cursor: default;
}

.filter-footer{ display:block; clear:both}
.filterbox .filter-footer .options {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 15px 0 0;
    text-align: center;
}
.filterbox .filter-footer .options>li {
    display: inline-block;
    padding: 0 5px;
}
.filterbox .filter-content .legend {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    list-style: none;
    margin: 0;
    padding: 15px 10px 0;
}
.filterbox .filter-content .legend>li {
    display: inline-block;
    line-height: 0;
    margin-left: 10px;
}
.filterbox .filter-content .legend>li .symbol {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 12px;
    height: 12px;
    line-height: 1;
}
.filterbox .filter-content .legend>li .symbol.available {
    background: #c12f32;
}
.filterbox .filter-content .legend>li .symbol.selected {
    background: #fc8588;
}
.filterbox .filter-content .legend>li .symbol.disabled {
    background: #f0f0f0;
}
.filterbox .filter-content .legend>li:first-child {
    margin: 0;
}
.filterbox .filter-content .legend li .text{ color:#222}
.clearfix{ clear:both}
.btn-blue {
    font-size: 11px;
    line-height: .8;
    font-weight: 700;
    text-align: center;
    color: #fff!important;
    display: inline-block;
    background-color: #c12f32;
    text-transform: uppercase;
    padding: 10px 15px;
    border: none;
}
.btn-gifting-orange, .btn-orange {
    font-size: 11px;
    line-height: .8;
    font-weight: 700;
    text-align: center;
    color: #fff!important;
    display: inline-block;
    background: #ffa61c;
    text-transform: uppercase;
    padding: 10px 15px;
    border: none;
}
.filter-widget>li .widget-items {
    display: block;
    width: auto;
    margin-top: 1px;
}
.hide {
    display: none!important;
}
.filter-widget.widget-right>li.opened .widget-link {
    margin-right: -10px;
    padding-right: 26px;
}

.filter-widget.widget-right>li.opened .widget-link:before {
    right: 26px;
}

.vacations-filter {
    display: block;
    width: auto;
    margin: 0 -15px 0 0;
	background-color:#fff;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.36);
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.36);
}
.sap-menu-left, .sap-menu-push, .sap-menu-right {
    -webkit-transition: right .3s ease-in-out,left .3s ease-in-out;
    transition: right .3s ease-in-out,left .3s ease-in-out;
}

.sap-menu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}
.sap-menu-left {
    left: -85%;
}

.cruise-box .vacations-filter{ margin-right:0}
.cruise-box .filter-outer>li.end{ margin-bottom:0}
.sap-menu-push-toright {
    left: 85%;
    overflow: hidden;
}
.advanced-slider-wrapper.closed{ display:none}
.filterbox .filter-header .close {
    display: table-cell;
    text-align: right;
    font-size: 20px;
    font-weight: 400;
    vertical-align: middle;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
}
.filterbox .filter-header .close>a {
    display: inline-block;
}
.close {
    opacity: 1;
}
.filter-widget>li.opened .widget-box {
    display: block;
}
.filterbox .filter-header .title {
    display: table-cell;
    text-align: left;
    font-family: '微軟正黑體',Arial,Helvetica,sans-serif;
    font-size: 18px;
    padding: 0;
    margin: 0;
    line-height: 1;
    vertical-align: middle;
}

.filterbox .filter-content .daterange {
    margin-left: -15px;
    margin-right: -15px;
    margin: 0;
    padding: 30px 36px;
    border: 10px solid #f0f0f0;
    position: relative;
	width:100%;
	float:left;
}
.filterbox .filter-content .daterange .calendars {
    display: block;
    width: 100%;
	float:left;
    padding: 1px;
    background-color: #dadcdc;
	margin-bottom:40px;
}
.daterange.date-1{width: calc(100% - 40px);}
.daterange.date-1 .item{
	margin-right:20px;
	margin-bottom: 40px;
	width:calc(33% - 20px);
	float:left;
}
.daterange.date-1 .item.mzero{ margin-right:0}
.daterange.date-1 .item .year{ text-align:center; margin-bottom:10px;}
.daterange.date-1 .item:hover{
    opacity: 1;
}

.filterbox .filter-content .daterange .calendars .year {
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 0 10px;
    text-align: center;
}
.filterbox .filter-content .daterange .calendars .select {
    background: #fff;
	float:left;
}
.filterbox .filter-content .daterange .calendars .select>li .option {
    height: 28px;
}

.filterbox .filter-content .daterange .calendar .monthandyear {
    display: block;
    background-color: #fff;
}
.clearfix:after, .clearfix:before {
    content: " ";
    display: table;
}

@media (min-width: 768px){
.filterbox .filter-content .select>li {
    float: left;
    width: 33.33333333%;
}
}

.wrapper .content .wrapper {
    padding: 0px;
    margin: 0;
}
.vacations-selection {
    display: block;
    width: auto;
    margin: -10px -10px 10px;
    padding: 7px 15px;
	border-bottom:1px dotted #ccc;
}
.vacations-selection .selection-wrap {
    display: table;
    width: 100%;
}

.vacations-selection .title-wrap {
    display: block;
    width: auto;
	margin-top:14px;
    font-size: 18px;
    line-height: 1;
}
.vacations-selection  .title-text {
    font-family: '微軟正黑體',Arial,Helvetica,sans-serif;
    font-weight: 100;
	color:#fff;
    text-transform: uppercase;
}
.vacations-selection .title-count {
    font-style: normal;
	font-size:14px;
	color:#fff;
}


.fr {
    float: right;
}
.list-header .change-grid, .list-header .change-list {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin-left: 20px;
    border-radius: 5px;
}
.change-grid.color-3, .change-list.color-3 {
    background: #fff;
    color: #022c54;
    cursor: pointer;
}
.change-grid.color-3.active, .change-list.color-3.active, .change-grid.color-3:hover, .change-list.color-3:hover {
    background: #022c54;
    color: #fff;
    cursor: pointer;
}
.list-header .list-view-change {
    float: right;
    margin-top: 8px;
}
.vacations-results {
    display: block;
    width: auto;
}
.cards-itineraries {
    display: block;
    width: 100%;
    list-style: none;
    padding: 0;
}

.vacations-results .cards-itineraries {
    margin-bottom: 30px;
}

.cards-itineraries:after, .cards-itineraries:before {
    content: " ";
    display: table;
}
@media screen and (min-width: 1480px){
.itinerary-card {
    display: block;
    width: calc(25% - 15px);
    margin: 0;
    background: #fff;
	position:relative;
	float:left;
}
.itinerary-card:nth-child(4n+1){	margin-left:0px;margin-right:10px;}
.itinerary-card:nth-child(4n+2){margin-left:10px; margin-right:10px;}
.itinerary-card:nth-child(4n+3){margin-left:10px;margin-right:10px;}
.itinerary-card:nth-child(4n+4){margin-left:10px;margin-right:0px;}
}
@media screen and (max-width: 1479px){
.itinerary-card {
    display: block;
    width: calc(33.333333% - 15px);
    margin: 0;
    background: #fff;
	position:relative;
	float:left;
}
.itinerary-card:nth-child(3n+1){	margin-left:0px;margin-right:10px;}
.itinerary-card:nth-child(3n+2){margin-left:10px; margin-right:10px;}
.itinerary-card:nth-child(3n+3){margin-left:10px;margin-right:0px;}
}

.vacations-results .cards-itineraries .itinerary-card {
    margin-top: 30px;
	transition:border 1s;
    -moz-transition:border 1s;
    -webkit-transition:border 1s;
    -o-transition:border 1s;
}
.promotion-ribbon span {
    display: block;
    background-color: #F79D11;
    margin-top: 8px;
    padding: 6px 10px;
    line-height: 1.2;
    margin-right: 10px;
	border-radius: 3px;
}
.promotion-ribbon {
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 2px;
    background-image: none;
    left: -5px;
    margin-top: 0;
}
.promotion-ribbon.bg-green span {
    background-color: #63C355;
}
.bg-red {
    background-color: #EE595D;
}
.discount-ribbon {
    position: relative;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: right;
    text-align: center;
    line-height: 1;
    padding: 5px 20px;
    margin: 0;
    right: -25px;
}

.discount-ribbon .discount-txt {
    font-size: 10px;
    font-size: 1rem;
    display: block;
    color: #fff;
}
.discount-ribbon .price-text {
    font-size: 20px;
    font-size: 2rem;
    display: block;
    color: #fff;
}
.freebies-container {
    position: relative;
	margin-top:10px;
    height: 19px;
    overflow: hidden;
    padding-right: 0;
    color: #63C355;
    font-weight: 700;
    font-size: 11px;
    font-size: 1.1rem;
    display: inline-block;
    zoom: 1;
    background-color: #fff;
    box-shadow: 1px 1px 10px 1px #ededed;
}
.freebies-container .freebies-eol {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 10px;
    height: 19px;
    border-left: 1px solid #EEE;
    line-height: 12px;
    font-size: 16px;
    font-size: 1.6rem;
}
.freebies-container li {
    display: inline-block;
    zoom: 1;
    padding: 1px 5px;
    border-left: 1px solid #EEE;
    border-right: none;
}
.freebies-container li:first-child {
    margin-right: 3px;
    padding-left: 8px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    background-color: #63C355;
    color: #fff;
    position: relative;
    border-left: none;
}
.freebies-container li:first-child:after {
    width: 0;
    height: 0;
    border-top: 20px solid #63C355;
    border-right: 6px solid transparent;
    content: "";
    position: absolute;
    right: -6px;
    top: 0;
}
.freebies-container li:nth-child(2) {
    border-left: none;
}
.freebies-container li:last-child {
    padding-right: 8px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}
.hotel-review-container {
    top: 0;
}
.property-review-container {
    text-align: left;
    padding-right: 1px;
    color: #0283DF;
}
.vacations-results .cards-itineraries .itinerary-card .promotion-ribbon {
    background-image: none;
    background-position: left top;
    color: #fff;
    font-size: 14px;
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    left: -5px;
    top: 10px;
}
.itinerary-card .card-item {
    margin-left: -15px;
    margin-right: -15px;
    margin: 0;
    padding: 10px;
    position: relative;
	width:auto;
}
.itinerary-card .card-figure {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding: 0;
}
.vacations-results .cards-itineraries .itinerary-card .card-item {
    padding: 0;
}
@media (min-width: 768px){
.itinerary-card .card-figure {
    float: left;
    width: 25%;
}
}
.vacations-results .cards-itineraries .itinerary-card .card-figure {
    display: block;
    width: 100%;
    margin: 0 -10px 0 0;
    padding: 0;
}
.itinerary-card .card-figure .picture {
    width: 100%;
    height: auto;
    min-height: 140px;
}
.itinerary-card .card-figure .overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.wrapfavs {
    display: block;
    position: relative;
}
.savefavs {
    position: absolute;
    bottom: 15px;
    right: 15px;
}
.savefavs>a {
    display: block;
    cursor: pointer;
}
.wrapfavs .savefavs {
    position: absolute;
    right: 15px;
    top: -40px;
}
.savefavs .addfavs {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.savefavs .addfavs:before {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    position: relative;
    z-index: 1;
}
.savefavs .addfavs>span {
    display: none;
}
.msgfavs {
    position: absolute;
    right: -94px;
    top: 46px;
    width: 216px;
    z-index: 1;
    display: none;
}
.itinerary-card .card-figure .shortdesc {
    font-size: 12px;
    line-height: 1.2;
    background: #000;
    color: #fc8588;
    padding: 5px;
}
.vacations-results .cards-itineraries .itinerary-card .card-figure .shortdesc {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    font-weight: 700;
    margin: 0 auto;
    padding: 20px;
    width: 400px;
    opacity: .8;
}
.itinerary-card .card-body {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding: 0 10px;
}

.open-mfp.mfp-iframe{white-space:nowrap;}
@media (min-width: 768px){
.itinerary-card .card-body {
    float: left;
    width: 75%;
}
}
.vacations-results .cards-itineraries .itinerary-card .card-body {
    display: block;
    width: 100%;
	min-height:130px;
    padding:10px 15px;
}
.vacations-results .cards-itineraries .itinerary-card .card-figure.half{width: 30%; margin-right:0}
.vacations-results .cards-itineraries .itinerary-card .card-body.half{ width:70%;}
.itinerary-card .card-body .body-item {
    display: table;
    width: 100%;
}
.vacations-results .cards-itineraries .itinerary-card .card-body .body-item .item-left {
    padding-left: 0;
}
.itinerary-card .card-body .body-item .item-top {
    vertical-align: top;
}
.itinerary-card .card-body .body-item .item-left {
    display: table-cell;
    width: 66.66666667%;
    padding: 0 10px;
}
.itinerary-card .card-body .body-item .item-right {
    display: table-cell;
    width: 33.33333333%;
    padding: 0;
}

.itinerary-card .card-title {
    font-family: '微軟正黑體',Arial,Helvetica,sans-serif;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 700;
    letter-spacing: .01px;
}
.itinerary-card .card-subtitle {
    font-family: '微軟正黑體',Georgia,serif;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 300;
    margin-bottom: 10px;
}
.itinerary-card .card-price {
    display: block;
    width: auto;
    color: #7c7c7c;
    font-size: 12px;
    font-weight: 700;
    text-align: right;
	padding-right:15px;
}

.itinerary-card .hotel-price-info .card-price{     
    position: absolute;
    top: auto;
    text-align: right;
}
.itinerary-card .card-price .price-info, .itinerary-card .card-price .price-link {
    display: block;
    width: auto;
    margin-bottom: 15px;
}
.itinerary-card .card-price.down .price-info{ margin-top:10px}
.itinerary-card .card-price .first-text {
    display: inline-block;
}
.itinerary-card .card-price .black-text {
    display: inline-block;
    color: #000;
}
.itinerary-card .card-price .black-text .sup {
    position: relative;
    top: -12px;
}
.itinerary-card .card-price .black-text .price {
    font-size: 28px;
	line-height:28px;
}
.itinerary-card .card-body .body-item {
    display: table;
    width: 100%;
}
.vacations-results .cards-itineraries .itinerary-card .card-body .body-item .item-left {
    padding-left: 0;
}
.itinerary-card .card-body .body-item .item-bottom {
    vertical-align: bottom;
}
.itinerary-card .card-detail.detail-ship {
    line-height: 1;
}
 
.itinerary-card .box-full-wide{ width:100%; text-align:center; float:left;position:relative; clear:both; margin:10px 0 20px 0;}

.box-full-wide a{ display:inline-table; margin:5px 6px;}
.itinerary-card .card-detail {
    display: block;
    width: auto;
    padding: 10px 0;
    margin: 0;
    font-size: 14px;
    border-bottom: 1px dotted #b4b4b4;
}
.itinerary-card .card-body .body-item .item-title {
    color: #7c7c7c;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
	float:left;
}
.itinerary-card .card-body .body-item .item-subtitle {
    color: #fc8588;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.itinerary-card .card-body .body-footer,.itinerary-card .card-body .body-footer .item-left, .itinerary-card .card-body .body-footer .item-right  {
    direction: rtl;
}
.itinerary-card .card-share {
    display: block;
    width: auto;
    margin: 0;
    padding: 10px 0;
    text-align: right;
}
.itinerary-card .card-links {
    display: block;
    width: auto;
    text-align: right;
}
.itinerary-card .card-links .links-form {
    display: inline-block;
    min-width: 170px;
    width: auto;
    padding: 15px 0;
    border-top: 1px dotted #b4b4b4;
    border-bottom: 1px dotted #b4b4b4;
}
.itinerary-card .card-specials {
    display: table;
    width: 100%;
    margin: 0;
    padding: 10px 0;
}
.itinerary-card .card-specials .list-title {
    display: block;
    width: auto;
}
.itinerary-card .card-specials .list-legend {
    display: table-cell;
    width: auto;
    list-style: none;
    margin: 0;
	float:left;
    padding: 0 0 0 10px;
    vertical-align: top;
}

.itinerary-card .card-specials .list-legend>li {
    display: block;
    width: 100%;
    margin-bottom: 5px;
	text-align:left
}
.itinerary-card .card-specials .list-legend>li .legend-icon {
    display: block;
    width: 14px;
	float:left;
}
.itinerary-card .card-specials .list-legend>li .legend-icon img{ width:100%}
.itinerary-card .card-specials .list-legend>li .legend-text {
    display: block;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 100;
    width: auto;
	float:left;
}
.date-price-collapse {
    background-color: #fff;
    position: relative;
}
.itinerary-card .date-price-link {
    background: #f0f0f0;
	text-align:center;
	clear:both
}
.font-size-p10, .web-font .font-size-p10 {
    font-size: 1.7em;
}
.font-size-p2, .web-font .font-size-p2 {
    font-size: 1.1em;
	letter-spacing:-1px;;
}
.font-size-m1, .web-font .font-size-m1 {
    font-size: 0.9em;
}
.itinerary{padding:15px 0}
.cruise-days {
    border-right: 1px solid #666;
    float: left;
    margin: 10px 10px 0 0px;
    text-align: center;
    padding: 0 10px 0 0;
}
.floatleft, .float-left {
    float: left;
}
.col-md-pad-20, .col-md-pad-20-right {
    padding-right: 20px;
}
.cruise-ports{ margin-top:10px;}
.cruise-info{margin-top:10px; margin-bottom:10px;}
.cruise-info .cruise-name {
    font-size: 1.2em;
}
.hotel-info{ padding-bottom:10px}
.hotel-info .hotel-name{
    font-size: 18px;
}
.hotel-info .hotel-addr{
    font-size: 14px;
	display:none;
}
.hotel-info-detail .hotel-name{
    font-size: 24px;
}
.hotel-info-detail .hotel-addr{
	font-size: 12px;
}
.hotel-info-detail .hotel-addr a{
	color: #0283df;
    text-decoration: none;
    font-weight: 400;
}
.price-badge {
	position: absolute;
    z-index: 2;
    border-radius: 2px; 
    overflow: hidden;
    top: 20px;
    left: 10px;
}
.favorite-heart {
    position: absolute;
    top: 15px;
    left: 60%;
    z-index: 2!important;
    font-size: 40px;
    color: #fff;
    padding: 1px;
    margin-left: -60px;
    cursor: pointer;
}
.favorite-heart.opacity {
    z-index: 1!important;
    color: #000;
    opacity: .4;
}
img.width-100 {
    width: 100%;
    object-fit: cover;
}
.hotel-view-container.seasick .bottom-left-img img, .hotel-view-container.seasick .bottom-right-img img, .hotel-view-container.seasick .main-img img, .hotel-view-container.seasick .top-right-img img {
    transition: all .4s cubic-bezier(.445,.05,.55,.95);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
}
.hotel-view-container .main-img {
    float: left;
    background-color: #F3F4F8;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    width: 60%;
    height: 389px;
}
.hotel-view-container .main-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.hotel-view-container .top-right-img {
    float: right;
    background-color: #F3F4F8;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    width: 39%;
    height: 189px;
    margin-left: 1%;
}

.hotel-view-container .top-right-img img {
    width: 100%;
}
.hotel-view-container .bottom-left-img, .hotel-view-container .bottom-right-img, .hotel-view-container .mosaic-bottom-right-static-map {
    background-color: #F3F4F8;
    width: 19%;
    margin-top: 1%;
    margin-left: 1%;
    float: left;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
}
.hotel-view-container .bottom-left-img {
    position: relative;
    height: 189px;
}
.hotel-view-container .bottom-left-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.hotel-view-container .mosaic-bottom-right-static-map {
    position: relative;
    height: 189px;
}
.hotel-view-container .show-all-photos-snippet {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: absolute;
    z-index: 10;
}
.hotel-view-container .show-all-photos-text {
    position: absolute;
    color: #fff;
    font-size: 14px;
    letter-spacing: .1em;
    z-index: 10;
    text-align: center;
    display: table;
    height: 100%;
}
.hotel-view-container .show-all-photos-snippet {
    z-index: auto;
}
.hotel-view-container .show-all-photos-text {
    z-index: auto;
}
.hotel-view-container .show-all-photos-text .show-all-photos-tablecell {
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
    width: 50%;
    text-decoration: underline;
}
.hotel-view-container .mosaic-bottom-right-static-map {
    position: relative;
    height: 189px;
}
.hotel-view-container.seasick .bottom-left-img:hover img, .hotel-view-container.seasick .bottom-right-img:hover img, .hotel-view-container.seasick .main-img:hover img, .hotel-view-container.seasick .top-right-img:hover img {
    -webkit-transform: translate(-50%,-50%) scale(1.05);
    -ms-transform: translate(-50%,-50%) scale(1.05);
    transform: translate(-50%,-50%) scale(1.05);
}
.mosaic-location-subrating, .price-badge {
    position: absolute;
    z-index: 2;
    border-radius: 2px;
}
.mosaic-location-subrating {
    bottom: 10px;
    right: 12px;
    background-color: #468cff;
    color: #fff;
    text-align: center;
    width: 84px;
    height: 39px;
}
.price-badge>.price-ribbon {
    position: relative;
    float: left;
    height: 40px;
    padding: 5px 15px;
    line-height: 1;
}

.price-badge>.price-ribbon.bg-red {
    color: #fff;
    background-color: #EE595D;
}
.price-badge>.price-ribbon.bg-red .from-label {
    color: #fff;
}
.price-badge>.price-ribbon .currency {
    font-size: 12px;
}
.price-badge>.price-ribbon .price {
    font-weight: 700;
    font-size: 20px;
}

.booking-box{ 
    background: #e9f0fa;
    border: 1px solid #cce1ff;
    padding: 25px;
    clear: both;
}
.ph-header {
    font-size: 20px;
    font-weight: 200;
    margin: 0 0 10px 0;
}
.ph-footer{
	margin:20px 0 10px 0;
}
.ph-item {
    margin: 0 0 5px 0;
    font-size: 14px;
    display: table;
    width: 100%;
}
.ph-icon-container {
    width: 24px;
    padding-right: 5px;
    display: table-cell;
    text-align: center;
    vertical-align: top;
}

.ph-item-copy {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}
.ph-item-copy-review-topic {
    font-weight: bold;
	font-size:15px;
}
.ph-item-subtitle-review-topic {
    color: #0898ff;
}
.ph-item-header {
    font-weight: bold;
    padding: 0 0 5px 0;
    margin: 20px 0 0 0;
    color: #0898ff;
    font-size: 16px;
}
.call_to_action--wide {
    margin-top: 10px;
    width: 100%;
}
.listticker { padding:15px 0; clear:both}
.room-info{ max-width:190px;}
.highlighted_facilities_reinforcement{ color:#339900; margin:10px 0;}
.highlighted_facilities_reinforcement a{ text-decoration:underline !important; color:#339900;}
.green-text{color:#339900;}
.rt-all-facilities-hidden{ display:none}
.rt-all-facilities-hidden.show{ display:block}
.gotham-xn-book {
    font-family: 'Gotham XNarrow SSm 4r', Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}
.gft-amount {
    display: inline;
}
.result-box {
    clear: both;
    padding: 20px 20px 0 15px;
    background: #f1f1f1;
    background: -moz-linear-gradient(top, #bebebe 0%, #cfcfcf 1%,#dedede 2%, #f1f1f1 3%,#f1f1f1 90%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bebebe),color-stop(1%, #cfcfcf),color-stop(2%, #dedede),color-stop(3%, #f1f1f1),color-stop(90%,#f1f1f1), color-stop(100%, #f1f1f1));
    background: -webkit-linear-gradient(top, #bebebe 0%, #cfcfcf 1%,#dedede 2%, #f1f1f1 3%,#f1f1f1 90%, #f1f1f1 100%);
}
.show-all-dates {
    margin: 0 0 0 5px;
    overflow: auto;
}
.all-dates {
    margin: 0 0 10px 0;
}
.best-result {
    position: relative;
    padding: 0 0 10px;
	width:100%;
}
.cp-table {
    margin: 0;
	width:100%;
    clear: both;
    background: none;
    padding: 0 0 0 4px;
}
.cp-table th, .cp-table td {
    text-align: center;
    border: 1px solid #c1c1c0;
    padding: 10px 8px;
    vertical-align: middle;
	color:#000;
	font-family:'微軟正黑體';
}
.cp-table .lastTd {
    border: none;
    background: transparent;
    text-align: left;
}
.cp-table th.selected {
    background-color: #cddef5;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#cddef5));
    background: -webkit-linear-gradient(top, #fff, #cddef5);
    background: -moz-linear-gradient(top, #fff, #cddef5);
    background: -ms-linear-gradient(top, #fff, #cddef5);
    background: -o-linear-gradient(top, #fff, #cddef5);
}
.cp-table td.selected {
    background-color: #f4f9fd;
}
.cp-table td.gray{ background-color:#fbfbfb}
.cp-table th {
    background-color: #ccc;
}
.cp-table td {
    background-color: #fff;
}

.cp-table .row-gft td {
    text-align: right;
    font-weight: normal;
    background-color: transparent;
    border: none;
    padding: 3px 12px;
}

.module-header .module-header-title {
    border-bottom: 1px dotted #b4b4b4;
    display: block;
    font-size: inherit;
    line-height: 1;
    margin-bottom: 30px;
    padding-top: 30px;
    text-align: center;
}
.module-header .module-header-title .first-line {
    font-size: 24px;
    line-height: 20px;
    font-weight: 100;
    color: #323232;
    display: block;
    margin-bottom: 5px;
    letter-spacing: .5px;
}
.module-header .module-header-title .second-line {
    font-size: 30px;
    line-height: 25px;
    font-weight: 700;
    color: #323232;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 30px;
    margin: 0 15px -15px;
    vertical-align: middle;
    letter-spacing: .2px;
}

.vacations-selection .selection-filter .filter-link i, .selection-filter .filter-link i{ color:#fff; line-height:34px; height:34px; width:auto;}

.filter-link .fa.fa-ship, .filter-link .icon-times , .filter-link .icon-building{ font-size: 20px;}

.sap-menu-left.sap-menu-open {
    left: 0;
}
.frozen {
    margin: 0;
    height: 100%;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.filterbox .phones-header .info {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
}

.gotham-bold {
    font-family: 'Gotham SSm 7r', Arial, Helvetica, sans-serif;
}
.all-dates .year {
    height: 25px;
    float: left;
	color:#000;
}
.all-dates .month-block {
    white-space: nowrap;
    display: inline-block;
}
.all-dates .month {
    border: 1px solid #ccc;
    padding: 3px;
    background-color: #fff;
    margin: 10px 0 0 5px;
    display: inline-block;
}
.all-dates .date.blue {
    cursor: pointer;
}
.blue {
    color: #0054A0;
}
.all-dates .date.blue.deactive {
    position: relative;
    padding: 3px 5px;
    color: #fff;
    background: #007BA3;
    cursor: text;
}
.all-dates .date.blue.deactive:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 30%;
    border-width: 5px 5px 0;
    border-style: solid;
    border-color: #007BA3 transparent;
    display: block;
    width: 0;
}
.util-link, .ajax-popup-link {
    color: #0054A0;
    cursor: pointer;
}
.view-all-link {
    display: inline-block;
	font-family:'微軟正黑體';
	font-size:14px;
}
.show-all-dates .expand-table {
    margin: 0;
	font-size:14px;
}
.all-results{ font-family:'微軟正黑體'; font-size:14px; color:#000}
.datedata{ clear:both}
.t-spacing-15{ padding-top:15px;}

.full-bg {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: none;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.trans-light-blue-bg {
    background: rgba(244,249,253,.9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000');
}
.darkfont{ color:#000}
.cruise-pad-box{ padding:30px; display:block; position:relative; float:left; width:100%; }
.gotham-xn-medium {
    font-family: 'Gotham XNarrow SSm 5r', Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}
.cruise-details-container{ padding-top:80px; padding-bottom:80px;}
.cruise-details-container h1{ font-size:24px;color:#000}
.contact-container {
    background-image: url(../img/57023704_.jpg);
}

.contact-container.full-bg, .share-container.full-bg{ background-position:center center}
.share-container {
    background-image: url(../img/44683644.jpg);
}
.light-blue-bg {
    background: #e5f3fd;
}
.light-green-bg {
    background: #35a748;
}
.white{color:#fff}
.bar{  padding-top:30px;}
.cruise-bar{ padding-top:30px;}
.font-size-p12 {
    font-size: 1.923076923076923em;
}
.stateroom-header {
    position: relative;
}
.stateroom-banner {
    position: absolute;
    bottom: 0;
    background-color: rgba(255,255,255,0.8);
    margin: auto;
    width: 100%;
}
.col-meta-type {
    float: left;
    width: 20%;
    text-align: center;
    padding: 10px 0 0;
}

.stateroom-wrapper .col-meta-type {
    float: left;
    width: 20%;
}
.stateroom-wrapper .col-meta-type + .col-meta-type {
    border-left: 1px solid #b2b2b2;
}
.stateroom-wrapper .col-meta-type:first-child {
    border-left: 0px;
}
.stateroom-type-info {
    padding: 0;
    margin: 0;
}
.stateroom-type-info li {
    list-style: none;
    border-bottom: 1px solid #d0d1d2;
    margin: 0;
    padding: 10px;
	text-align:left;
}
.stateroom-type-info li:first-child {
    margin: 8px 0 0;
}
.indent-10-all-sides {
    padding: 10px;
}
.stateroom-desc-header {
    padding: 10px 0 10px;
	clear:both;
	text-align:center;
}
.blue-bg {
    background: #007ba3;
}
.stateroom-desc ul {
    overflow: auto;
    margin: 5px 0 0;
}
.no-list-style {
    list-style: none;
    list-style-image: none;
    padding: 0;
}
.stateroom-desc li {
    width: 50%;
    float: left;
    text-align: left;
    margin: 5px 0 0;
    padding: 10px 0;
	font-size:18px;
}
.medium-border-bottom {
    border-bottom: 1px solid #b2b2b2;
}
.stateroom-desc li span {
    margin: 0 10px 0 0;
	font-size:24px;
}
.header-details {
    display: block;
    position: relative;
    width: auto;
    padding: 20px 15px;
}
.header-details .details-title {
    display: block;
    width: auto;
	color:#000;
    font-size: 18px;
    line-height: 1;
    font-weight: 300;
}
.header-details .details-link {
    display: inline-block;
    width: auto;
    font-size: 18px;
    line-height: 1;
    font-weight: 300;
}
.header-details .details-subtitle {
    display: block;
    width: auto;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 300;
    color: #7c7c7c;
}
.nav-steps {
    display: block;
    width: auto;
    margin-bottom: 30px;
    text-align: center;
    line-height: 1;
}
.nav-steps .steps-list {
    display: table;
    list-style: none;
    margin: 0;
    padding: 0;
}
.nav-steps .steps-list>li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
    width: 1%;
}
.nav-steps .steps-list>li.active {
    padding: 0;
}
.nav-steps .steps-list>li .list-item {
    display: block;
    position: relative;
    background: #f0f0f0;
    padding: 10px 15px;
    margin: 0 1px;
    line-height: .6;
}
.nav-steps .steps-list>li .list-item .item-data {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #323232;
    line-height: .8;
}
.nav-steps .steps-list>li .list-item .item-title:before {
    content: ". ";
}

.nav-steps .steps-list>li .list-item .item-icon {
    display: none;
    font-size: 16px;
    position: absolute;
    left: auto;
    top: 50%;
    margin: -8px 0 -8px 5px;
    color: #dadcdc;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
}
.nav-steps .steps-list>li.active .list-item {
    padding: 15px;
    background: #fc8588;
}
.nav-steps .steps-list>li.active .list-item .item-data {
    color: #fff;
}

.nav-steps .steps-list>li.active .list-item:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #fc8588;
    border-width: 8px;
    margin-left: -8px;
}
.step-info {
    font-size: 12px;
    line-height: 1.2;
    padding: 0 15px 0 0;
    margin-bottom: 15px;
    position: relative;
    clear: both;
}

.date-price-title {
    display: block;
    width: auto;
	font-size:18px;
    padding: 0 15px;
    margin-bottom: 15px;
	color:#000;
}
.date-price-info {
    display: block;
    width: auto;
    font-size: 14px;
    font-weight: 700;
    padding: 0 15px;
    margin-bottom: 15px;
}
.date-price-form {
    list-style: none;
    margin: 0 0 15px;
    padding: 0;
    display: table;
    width: 100%;
    font-size: 14px;
}
.date-price-form>li {
    display: table-cell;
    width: 50%;
    padding: 0 15px;
    vertical-align: middle;
}
.date-price-form>li .form-right {
    display: block;
    text-align: right;
}
.date-price-wrap {
    display: block;
    position: relative;
    padding: 0 5px;
    margin-bottom: 15px;
}
.step-date-price .date-price-wrap {
    margin-left: -10px;
    margin-right: -10px;
    padding: 0;
}
.date-price-rows {
    display: block;
    margin: 1px 0;
    width: 100%;
}
.date-price-body, .date-price-footer, .date-price-header {
    display: table;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
}
.date-price-body {
    display: block;
    position: relative;
    margin: 0;
}
.date-price-body>li, .date-price-footer>li, .date-price-header>li {
    display: table-cell;
    text-align: center;
}
.date-price-body>li {
    display: block;
    width: 100%;
    margin-bottom: 1px;
}
.date-price-body>li .body-wrap {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
}
.date-price-body>li .body-wrap>li {
    display: table-cell;
}
.date-price-body>li .body-wrap>li:first-child {
    background-color: #f0f0f0;
    width: 15%;
    border: 1px solid #b4b4b4;
    border-right: none;
    padding: 5px;
    vertical-align: middle;
}

.date-price-body>li .body-wrap>li:last-child {
    width: 85%;
}
.date-price-body>li .body-wrap>li .body-data>li {
    display: table-cell;
    width: 14.28571429%;
    border: 1px solid #b4b4b4;
    border-right: none;
}
.date-price-body>li .body-wrap>li .body-data>li .data-wrap .data-legend {
    display: table-cell;
    height: 100%;
    width: 14px;
    vertical-align: bottom;
    background-color: #f0f0f0;
}
.date-price-body>li .body-wrap>li .body-data>li .data-wrap .data-legend .legend-wrap {
    display: block;
    width: 100%;
    height: auto;
}
.date-price-body>li .body-wrap>li .body-data>li .data-wrap .data-legend .legend-icon {
    display: block;
    height: 7px;
    width: 100%;
}
.date-price-body>li .body-wrap>li .body-date {
    font-weight: 700;
	color:#222;
}
.date-price-body>li .body-wrap>li .body-date, .date-price-body>li .body-wrap>li .body-day {
    line-height: 1.4;
}
.date-price-footer>li:first-child, .date-price-header>li:first-child {
    width: 15%;
}
.date-price-header>li:first-child {
    vertical-align: bottom;
}
.date-price-header>li .header-wrap {
    background-color: #f0f0f0;
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
}
.date-price-header>li .header-wrap>li {
    /*  cursor: pointer;  */
    display: table-cell;
    width: 14.28571429%;
    border: 1px solid #b4b4b4;
    border-right: none;
}
.date-price-header>li .header-title {
    line-height: 1;
    padding: 10px 5px;
    border-bottom: 1px dotted #b4b4b4;
    font-weight: 700;
	color:#222;
}
.date-price-header>li .header-price {
    line-height: 1;
    padding: 10px 1px;
    color: #c12f32;
    font-weight: 700;
}
.date-price-header>li .header-wrap>li:last-child {
    border-right: 1px solid #b4b4b4;
}
.date-price-body>li .body-wrap>li .body-data>li:last-child {
    border-right: 1px solid #b4b4b4;
}
.date-price-next, .date-price-prev {
    width: 80%;
    min-width: 48px;
    padding: 6px 5px;
    font-size: 14px;
    visibility: hidden;
}
.date-price-mobile {
    display: none;
}
.date-price-body>li .body-wrap>li .body-data {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
}
.date-price-body>li .data-title {
    display: none;
}
.date-price-body>li .body-wrap>li .body-data>li .data-wrap {
    display: table;
    height: 70px;
    width: 100%;
}
.date-price-body>li .body-wrap>li .body-data>li .data-wrap .data-value {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    /*  cursor: pointer;  */
}
.date-price-body>li .body-wrap>li .body-data>li .data-wrap .data-value .value-text {
    font-weight: 700;
	font-size:18px;
    color: #c12f32;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    background: 0 0;
}
.date-price-body>li .body-wrap>li .body-data>li .data-wrap .data-value.soldout {
    cursor: default;
}

.date-price-body>li .body-wrap>li .body-data>li .data-wrap .data-value.soldout .value-text {
    color: #7c7c7c;
}
.date-price-body>li .body-wrap>li .body-data>li .data-wrap .data-value:hover {
    background-color: #ddf2fc;
}
.date-price-body>li .body-wrap>li .body-data>li .data-wrap .data-value.soldout:hover {
    background-color: transparent;
}
.date-price-body>li .body-wrap>li .body-link, .date-price-body>li .body-wrap>li .body-price {
    display: none;
}

.aside-summary {
    display: block;
    width: auto;
    padding: 10px;
    margin-bottom: 10px;
    background: #ddf2fc;
}
.aside-summary.white{ background:transparent; border:1px solid #ebebeb;}
.aside-summary .summary-box {
    display: block;
    width: auto;
    margin-bottom: 10px;
}
.aside-summary .summary-title {
    display: block;
    width: auto;
    font-size: 16px;
    font-weight: 200;
	color:#000;
    vertical-align: middle;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAICAYAAADTLS5CAAAACXBIW…AAIElEQVR42mKYdfLe/7uf/vxnvPvpz/+91x8xMJAlAhgAj3U1LUOErnUAAAAASUVORK5CYII=);
    background-position: bottom left;
    background-repeat: repeat-x;
    padding-bottom: 8px;
    background-repeat: repeat;
    padding: 10px;
    margin: 0 0 10px;
    text-align: center;
}
.aside-summary .summary-figure {
    display: block;
    width: auto;
}
.aside-summary .summary-figure .figure {
    display: block;
    width: auto;
    position: relative;
    border: 3px solid #fc8588;
}
.aside-summary .summary-figure .figure img{ width:100%;}
.aside-summary .summary-body {
    display: block;
    width: auto;
    background: #fff;
    padding: 10px;
}
.aside-summary .summary-list {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.aside-summary .summary-list>li {
    display: block;
    float: left;
    width: 100%;
    border-top: 1px dotted #b4b4b4;
    border-bottom: 1px dotted #b4b4b4;
    padding: 15px 5px;
    margin-top: 1px;
}
.aside-summary .summary-list>li:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 5px;
}
.aside-summary .summary-list>li>span {
    display: block;
    line-height: 1;
    margin-bottom: 5px;
    float: left;
    width: 100%;
	font-size:14px;
	color:#222;
}
.aside-summary .summary-list>li>span:last-child {
    margin-bottom: 0;
}
.aside-summary .summary-subtitle {
    display: block;
    width: auto;
    position: relative;
    font-size: 14px;
    font-weight: 200;
    vertical-align: middle;
    background-image: url(../img/dot.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    padding-bottom: 8px;
    background-repeat: repeat;
    padding: 10px;
    margin: 0;
	color:#222;
}
.aside-summary .summary-edit {
    position: absolute;
    right: 10px;
}
.aside-summary .summary-list>li>span mark {
    background: 0 0;
    color: #fc8588;
    padding: 0;
}
.panel-box .btn{ text-align:center; }

.stateroom-message {
    font-size: 16px;
	margin-top:10px;
    margin-bottom: 15px;
	color:#222;
}

.tabs-details>li {
    margin-bottom: 0;
    position: relative;
    margin-right: 2px;
    background-color: #f0f0f0;
}

.aside-summary.checkout .summary-box.col-sm-12{ width:100%}
.insert label{ display:inline-block; line-height:50px; padding-right:10px;}
.insert input.form-control.minss{ display:inline-block; width:200px;}
.insert .search_green{ display:inline-block; }
.search_green {
    -moz-box-shadow: inset 0 1px 0 #529E21,inset 1px 0 0 #4A911C,inset -1px 0 0 #4A911C,inset 0 -1px 0 #3D7F12,inset 0 2px 0 rgba(255, 255, 255, 0.3),inset 0 0 4px rgba(255, 255, 255, 0.3),0 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 1px 0 #529E21, inset 1px 0 0 #4A911C, inset -1px 0 0 #4A911C, inset 0 -1px 0 #3D7F12, inset 0 2px 0 rgba(255, 255, 255, 0.3), inset 0 0 4px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 0 #529E21, inset 1px 0 0 #4A911C, inset -1px 0 0 #4A911C, inset 0 -1px 0 #3D7F12, inset 0 2px 0 rgba(255, 255, 255, 0.3), inset 0 0 4px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
    background: #6dbd45;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #6dbd45), color-stop(1, #5EAD2F));
    background: -moz-linear-gradient(center top, #6dbd45 20%, #5EAD2F 100%);
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 10px;
    margin: 10px;
    height: 26px;
    line-height: 25px;
    color: #fff;
    font-size: 1.2 em;
    cursor: pointer;
}
.full-height , .half-height,.threefouth-height{
    height: 100vh;
    position: relative;
    float: left;
    width: 100%;
}
.half-height{ height:60vh;}
.threefouth-height{ height:80vh;}
.clip {
    clip: rect(auto,auto,auto,auto);
    height: 100%;
    position: absolute;
    width: 100%;
}
.bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.bg-bg-chrome {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}
.bg-bg-chrome {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.bg-bg-chrome.act {
    position: absolute;
}
.main-title {
    position: relative;
    width: 100%;
    text-align: center;
    color: #fff;
}
.main-title h1 {
    padding-bottom: 25px;
	font-size: 60px;
    font-weight: 700;
    line-height: 70px;
    text-transform: uppercase;
    letter-spacing: 0px;
	font-family: "Raleway", sans-serif;
}
.main-title>p {
    padding-bottom: 45px;
	font-size:18px;
    max-width: 700px;
    margin: 0 auto;
	color:#fff;
}

.input-style-1 img {
    position: absolute;
    left: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main-title .input-style-1 {
    margin: 0px 10px;
}

.min-204 {
    max-width: 204px;
}
.min-324 {
    max-width: 324px;
}
.no-padd>div {
    padding-left: 0px;
    padding-right: 0px;
}
.item-block {
    position: relative;
    width: 100%;
    text-align: center;
    color: #fff;
}
.item-block img {
    width: 100%;
    height: auto;
    display: block;
}
.item-block h3 {
	line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 5px;
    padding-bottom: 15px;
    font-size: 26px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}
.c-button.small {
    font-size: 14px;
    padding: 11px 18px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.border-white {
    border: 1px solid #fff;
}
.border-white.c-button.small span{ color:#fff;}
.border-white.c-button:hover {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}
.item-block p {
    color: rgba(255,255,255,0.6);
    padding: 0px 26% 35px;
}

.tour-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}
.delay-1 {
    -webkit-transition: all 800ms cubic-bezier(0.23,1,0.32,1);
    -moz-transition: all 800ms cubic-bezier(0.23,1,0.32,1);
    -o-transition: all 800ms cubic-bezier(0.23,1,0.32,1);
    transition: all 800ms cubic-bezier(0.23,1,0.32,1);
}
.item-block:hover .tour-layer {
    opacity: 1;
}
.best-slider {
    height: 350px;
}
.video-click {
    position: relative;
    float: left;
    width: 100%;
}
.video-click a {
    display: block;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.submit {
    position: relative;
    display: block;
    padding-left: 15px;
    float: left;
}
.c-button.bg-white {
    color: #2d3e50;
    border: 2px solid #fff;
}
.c-button.bg-white {
    color: #ff6600;
}
.res-img {
    width: 100%;
    height: auto;
    display: block;
}
.video {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    display: none;
}
iframe {
    border: none;
    outline: none;
}
.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-title {
    position: absolute;
    bottom: 15px;
    text-align: center;
    left: 0px;
    width: 100%;
}
.play {
    position: relative;
    float: none;
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto 40px;
    cursor: pointer;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}
.play:hover {
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.close-v {
    position: absolute;
    left: 20px;
    top: 8px;
    cursor: pointer;
}
.video img {
    width: 20px;
    height: 20px;
}
.item-block.style-2 h3 {
    padding-bottom: 15px;
	line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 5px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
	font-size: 22px;
    position: relative;
    display: inline-block;
    float: none;
}
.item-block.style-2 h3:before {
    background: #ff6600;
}
.item-block.style-2 h3:before {
    width: 0%;
    right: 0px;
    background: #ff6600;
    height: 5px;
    position: absolute;
    display: block;
    float: none;
    text-align: center;
    content: '';
    bottom: 15px;
    -webkit-transition: all 800ms cubic-bezier(0.23,1,0.32,1.1);
    -moz-transition: all 800ms cubic-bezier(0.23,1,0.32,1.1);
    -o-transition: all 800ms cubic-bezier(0.23,1,0.32,1.1);
    transition: all 800ms cubic-bezier(0.23,1,0.32,1.1);
}
.item-block.style-2 h3:after {
    width: 100%;
    background: #fff;
    height: 5px;
    position: relative;
    display: block;
    float: none;
    margin: 13px auto 0px;
    text-align: center;
    content: '';
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}
.item-block:hover h3 {
    color: #ff6600;
}
.item-block.style-2:hover h3 {
    color: #ff6600;
}
.item-block.style-2:hover h3:before {
    width: 100%;
    z-index: 1;
}
.tour-block.tour-block-s-1:hover h3 {
    color: #ff6600;
}
.item-block.style-2 h3:before {
    background: #ff6600;
}
.item-block.style-2 .weth-icon img{width:auto}
.tour-block {
    position: relative;
    float: left;
    width: 100%;
    min-height: 350px;
    margin-bottom: 30px;
}
.tour-block.tour-block-s-1 {
    min-height: 100%;
    margin-bottom: 0px;
}
.tour-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}
.tour-caption {
    width: 100%;
    text-align: center;
    color: #fff;
}
.button-s-2 {
    padding: 10px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 12px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.weth-icon b {
    font-size: 16px;
    padding-left: 7px;
    letter-spacing: 1px;
}
.bg-orange {
    background: #ff6600;
}
.vertical-top {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}
.style-2 .vertical-top {
    padding: 50px 50px 0px;
}

.tour-block-s-1 .vertical-align {
    margin-top: 0px;
}
.tour-caption h3 {
    padding-bottom: 10px;
    letter-spacing: 4px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}
.tour-caption .rate {
    padding-bottom: 9px;
}
.vertical-bottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}
.tour-caption .vertical-bottom {
    padding: 0px 30px 30px;
    text-align: left;
    text-transform: uppercase;
}
.tour-block-s-1 .tour-caption .vertical-bottom {
    padding: 0px 50px 50px;
}


.search-hotel [class^="col-"], .search-hotel [class*=" col-"] {
    padding-left: 10px;
    padding-right: 10px;
}
.search-hotel-balck{ padding:10px 28px;}
.search-hotel-balck [class^="col-"], .search-hotel-balck [class*=" col-"] {
    padding-left: 6px;
    padding-right: 6px;
}
.fund{ background-color:#fafafa; border-top:1px solid #ccc;}
.fund h4{ padding:20px 0;}
.fund h2.section-title{ padding-bottom:40px;}
.growth{display:block; overflow: hidden;position:relative;    
    -webkit-box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.21), 0px 16px 18px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.21), 0px 16px 18px 0px rgba(0, 0, 0, 0.22);
}
.growth .bgcolor-grat-overlay
	{
	background-image: radial-gradient( circle at 5% 95%, rgba(0,159,235,.6) 5%, rgba(1,64,153,0.8) 60%);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	-webkit-transition: .3s;
	transition: .3s;
	}
.growth a{height:100%; width:100%; display:table;color:#fff !important;}
.growth a img{  width:100%; display:block;}
.growth a h5{ z-index:20; font-size:24px;position:absolute; text-align:center; top:50%;left:50%; width:100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.growth a h5 span{ font-size:16px; padding-bottom:5px; }
.growth a:hover h5{color:#ffcc00; }
.hot{ max-width:300px; display:block; margin-top:15px;}
.hot img{ border:2px solid #222}
.hot img:hover{opacity:.8}
form .form-group {
    margin-bottom: 15px;
}
.search-hotel-balck .form-group{ margin-bottom:0px;}
.input-text input, .input-text select{
	width: 100%;
    border: 1px solid rgba(22,22,22,0.5);
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: rgba(255,255,255,0.2);
    height: 34px;
    padding: 0px 30px 0px 35px;
    color: #000;
}
input::-webkit-input-placeholder , 
input::-moz-placeholder, 
input:-ms-input-placeholder, 
input:-moz-placeholder{
  color: #222 !important;
}
.input-text select, .input-icon select{ color:#000; padding: 0px 20px 0px 20px;}
.search-hotel-balck .input-text input,.search-hotel-balck .input-text select{background:#fff; color:#222}
.input-icon input, .input-icon select{padding: 0px 10px 0px 35px;color: #000; margin-bottom:10px;}
.search-hotel-balck .input-text select.min, .input-icon select.min{ background:#fff; padding:0 10px}
.input-text option{
	background: none;
	color:#111;
}
select option {
    padding: 2px 10px;
}
.input-text img, .input-icon img {
    position: absolute;
    left: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.input-icon img{top: 40%;}
.col-md-12.search-hotel{ background:rgba(255,255,255,0.8); padding:30px; margin-top:100px;}
.online-hotel-bar{ background-color:#484848;; padding:10px 0;}
.room-table th{white-space:nowrap;}
.room-table h5{ margin-bottom:10px;}
.room-table thead{ border-top:1px solid #ccc;}
.room-table th{ border:1px solid #ccc;}
.room-table td{ border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.room-table td:last-child{ border-right:1px solid #ccc;}

.checkitem li{ padding:5px 0;}
.checkitem li.change {text-align:right}
.checkitem li.change a{color:#0898ff; text-decoration:underline !important;}

.gal-item.style-3 {
    margin-bottom: 16px;
}
.gal-item a {
    display: block;
    position: relative;
}
.gal-item.style-3 .gal-item-icon {
    position: relative;
}
.img-full {
    display: block;
    width: 100%;
}

.gal-item .vertical-align {
    text-align: center;
    opacity: 0;
    margin-top: -16px;
}
.gal-item.style-3 .gal-item-desc {
    text-align: left;
    padding: 16px 50px 18px 10px;
	width:100%;
	position:absolute;
	bottom:0px;
	left:0px;
	background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.65) 100%) !important;
	z-index:2;
}
.gal-item.style-3 a i{ font-size:24px; color:#fff; z-index:5; position:absolute; right:16px; bottom:16px;}
.gal-item.style-3.col-sm-6, .gal-item.style-3.col-md-4{ padding-left:8px; padding-right:8px;}
.gal-item.style-3 h4 {
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    letter-spacing: 0px;
    margin-bottom: 5px;
}

.gal-item.style-3 a:hover .gal-item-desc {
    color: #ff6600;
}
.gal-item.style-3 a:hover h4 {
    color: #ebebeb;
}
.gal-item.style-3 h5 {
    font-size: 14px;
    line-height: 15px;
    color: #b9b9b9;
}
.gal-item.style-3 a:hover h5 {
    color: rgba(255,255,255,0.6);
}
.page-top-title{
	font-size:2.2em;
	margin:35px 0 35px 0;
	text-align:center;
	font-weight: 700 !important;
	letter-spacing: -0.6px !important;
	color: #484848 !important;
    font-family: Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif !important;
	padding-bottom:25px;
	border-bottom:1px solid #eee;
}
.page-sec-title{
	font-size:1.6em;
	margin:0 0 35px 0;
	text-align:left;
	font-weight: 400 !important;
	letter-spacing: -0.6px !important;
	color: #484848 !important;
	padding-bottom:15px;
	border-bottom:1px solid #eee;
}
.section-header-v2 h2.section-title{ font-size:28px;}
.route-map {
    background: url(../img/port/section-bg_route-map.jpg) no-repeat;
    background-size: cover;
	text-align:center;
}
.route-map img {
    max-width: 100%;
}
.section-icon {
    display: block;
    margin: 0 auto .5em;
}
.port-section-title {
    position: relative;
    font-size: 36px;
    width: 200px;
    display: inline-block;
	margin:0 auto;
}
.port-section-title::before {
    content: '';
    display: block;
    position: absolute;
    width: 100px;
    height: 5px;
    top: 50%;
    left: -100px;
    border-bottom: 1px solid #333;
}
.port-section-title::after {
    content: '';
    display: block;
    position: absolute;
    width: 100px;
    height: 5px;
    top: 50%;
    right: -100px;
    border-bottom: 1px solid #333;
}
.section-info {
    font-size: 20px;
    width: 80%;
    margin: 0 auto 2em;
    line-height: 1.7em;
    padding-top: 20px;
    padding-bottom: 40px;
    color: #888;
}

.support.section--00 {
    height: auto;
    background-image: url(../img/support/49304177_desktop.jpg);
    background-size: cover;
}
.s-content{ padding: 8rem 4rem 4rem;}
.__image {
    width: 100%;
    height: auto;
}
.support.section--00 .s-content .__image {
    max-width: 210px;
    height: auto;
    margin: 0 auto 2rem;
}

.__cta .__cta_item {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 36px 0 25.2px 100px;
    padding: 2.7rem 0 2rem 100px;
    background-color: #fff;
    border-radius: 5px;
    text-align: left;
    text-decoration: none;
    transition: all 0.3s;
}
.__cta .__cta_item:hover {
    z-index: 1;
    box-shadow: 0 19px 38px rgba(0,0,0,0.3), 0 15px 12px rgba(0,0,0,0.22);
}
.__cta .__cta_item:before {
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    position: absolute;
    top: 50%;
    left: 34px;
    margin-top: -2rem;
    font-size: 39.6px;
    font-size: 4.6rem;
    color: #4ba53a;
}
.__cta .__cta_item .__title {
    font-size: 21.6px;
    font-size: 2.2rem;
    line-height: 1.2;
    font-weight: bold;
}
.__cta .__cta_item .__subtitle {
    font-size: 19.8px;
    font-size: 1.6rem;
}
.__cta .__cta_item.__phone:before {
    content: "\f095";
}
.__cta .__cta_item.__email:before {
    content: "\f0e0";
}
.__cta .__cta_item:after {
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f105';
    display: block;
    position: absolute;
    top: 50%;
    right: 34px;
    margin-top: -28.5px;
    font-size: 36px;
    font-size: 4rem;
    color: #333;
}
.__cta .__cta_item:hover:before {
    animation: bounce .8s;
    transform: scale(1.0);
}
.contry-item {
    display: block;
    text-align: center;
}
.contry-item img {
    display: inline-block;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 5px solid transparent;
    margin-bottom: 9px;
    box-shadow: 0px 0px 0px 10px rgba(255,255,255,0);
    transition: all 0.35s ease-in;
    -webkit-transition: all 0.35s ease-in;
    -moz-transition: all 0.35s ease-in;
    -ms-transition: all 0.35s ease-in;
}
.img-responsive{
	display: block;
    max-width: 100%;
    height: auto;
}
a.contry-item, .contry-item h5 {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.contry-item:hover img{
	border: 5px solid #ff6600;
}
.menu.col-xs-9{ float:none; margin:0 auto; padding:0 0 3em 0;}

.search-bar{ padding:10px 0; border-bottom:1px dotted #ebebeb; border-top:1px dotted #ebebeb; display:block; position:relative; width:100%; float:left; margin-bottom:20px; }

.black-hover:hover .tour-layer {
    opacity: 1;
}
.notice{ padding:20px; border:3px dashed #ccc; margin:20px 0;}
.agree-btn{ text-align:center; font-size:15px; color:#ff0000; margin:15px auto; }
.agree-btn.b-text{font-size:18px; }
label.doller{font-size:24px}
.import{ padding:20px 0;}
.import .start{ padding:6px 15px; background:#ffcc00; color:#000; border-radius:3px;}
.import .start:hover{
	opacity:.8;
	-webkit-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
}
.input-group .btn.btn-primary.v1{ border-radius:0; width:100%; margin-top:0px}
.mobile-nav ul>li ul {padding-left: 0px;}
.mobile-nav ul>li ul>li a{ padding:10px 0;}
.mobile-nav ul>li:first-child{ padding-top:10px}
.contac-info li{ padding:15px 0}
.contac-info li label{ display:inline-block; width:calc( 100% - 70px );}
.contac-info li span a{ color:#ccc}
.contac-info li span{ clear:both; color:#ccc; font-weight:normal}
.contac-info li.mail::before, .contac-info li.add::before{
	font-family: "Ionicons";
    position: relative;
    left: 0;
    top: -5px;
    font-size: 26px;
	line-height:46px;
    color: #666;
    font-weight: normal;
	display:inline-block;
	width:50px;
	height:50px;
	text-align:center;
	border:3px solid #ccc;
	border-radius:50%;
	margin-right:10px;
}
.contac-info li.mail::before{
    content: "\f2c3";
}
.contac-info li.add::before{
    content: "\f456";
	top:-20px;
}
#form-submit-wrapper{ clear:both}
.cruise-content-title{font-size:20px; padding:15px 0}
.cruise-content-list{margin:20px 0;}
.cruise-content-list li{ padding:1px 0}

.project-item{ display:block; position:relative;background-size:100%; border:1px solid #ebebeb}
.project-item.v500{background-image:url(../img/gold-500.png); }
.project-item.v500x1{background-image:url(../img/gold-500x1.png); border:1px solid #ccc; margin-bottom:15px;}
.project-item.v200x1{background-image:url(../img/gold-200x1.png); border:1px solid #ccc; margin-bottom:15px;}
.project-item.v5000:before ,.project-item.v500:before, .project-item.v500x1:before , .project-item.v200x1:before{
    background: black;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.9;
    position: absolute;
    top: 0;
	z-index:-1;
    width: 100%;
}
.project-item.v500:before, .project-item.v500x1:before, .project-item.v200x1:before{ background:white; opacity: 1;}
.project-item.v5000{background-image:url(../img/gold-5000.png); }
.project-item img{ width:100%}
.project-item .project-item-box{ position:absolute; bottom:10%; left:6% }
.project-item-box h4{ 
	 font-family: "Microsoft Yahei","Hiragino Sans GB",sans-serif;
     font-weight: normal;
	 font-size:3rem;
	 line-height:1.5;
	 color:#996600;
}
.project-content h3{ background-color:#fff;border-left:solid 1px #ebebeb;border-right:solid 1px #ebebeb; border-bottom:solid 1px #ebebeb;font-size:18px; line-height:24px; padding:15px 20px; color:#222;}
.project-content h3 label, .project-content h3 span{ display:inline-block; width:50%;}
.project-content h3 span{ text-align:right; font-size:14px;}
.project-content h3 label{font-family: "Microsoft Yahei","Hiragino Sans GB",sans-serif; font-weight:normal;}
.project-content h3 label a{ color:#ff0000}
.project-content h3 label a:hover{ color:#222}
.p-list{display:block; padding:10px 20px 10px 30px;border-left:solid 1px #ebebeb;border-right:solid 1px #ebebeb; border-bottom:solid 1px #ebebeb;}
.p-list.nop{ border:0;}
.p-list li{ list-style-type:decimal; color:#555;padding:3px 0; border-bottom:1px dotted #ccc}
.p-list li:last-child{ border-bottom:0;}
.buy-btn, .detail-btn{ display:block;padding:10px 20px; background:#f3474b; text-align:center; color:#fff; font-size:18px; margin-bottom:30px;}
.detail-btn{ background:#111; color:#fff; margin:10px 0;}
a.buy-btn:hover{ color:#000000}
.pay-title{ padding:15px 0; border-bottom:1px dotted #ebebeb; margin-bottom:20px; color:#ff0000}
.contact-box{ display:block}
.invite-title{ text-align:center; margin:20px 0;}
.invite-web{ padding:30px; margin:30px; border:1px dashed #ccc; text-align:center; font-size:16px;}
.invite-web a{ color:#ff0000}

.joinmem li{ padding:0; margin:0; width:33.3333333%; display:inline-block; float:left;}
.joinmem li.email{ background:url(../img/monthemail.jpg) bottom center no-repeat #97c6d8; background-size:cover}
.joinmem li.free{ background:url(../img/freeregister.jpg) bottom center no-repeat #9ad2c2; background-size:cover}
.joinmem li.more{ background:url(../img/morecruise.jpg) bottom center no-repeat #f5a85c; background-size:cover;}
.joinmem li.shareto{ background:url(../img/sharetofri.png) bottom center no-repeat #a0cdc6; background-size:cover}
.joinmem li.idinvite{ background:url(../img/idinvide.jpg) bottom center no-repeat #9c5ea3; background-size:cover}
.joinmem li.check{ background:url(../img/inviteeffect.png) bottom center no-repeat #87b8d4; background-size:cover;}
.joinmem li div{ padding:40px 50px; min-height:380px;}
.joinmem li h4{ color:#fff; font-size:22px; text-align:center}
.joinmem li p{ color:#fff; text-align:center; padding-top:15px; font-size:15px;}

/* 註冊會員 */
.register-area{ background:#ebebeb; padding:30px;}
.register-title{ font-size:14px; padding-bottom:5px; text-align:center}
.register-item{ padding:20px 0}
.register-item li{ width:50%; float:left; padding-left:15px; padding-right:15px; margin:10px 0 0 0}

.register-b{
	font-size:12px;
	height:24px;
	padding-left:3px;
}
.register-c {
    background: #fff;
    cursor: text;
    position: relative;
    display: inherit;
    padding: 0 14px;
    border: 1px solid #dadada;
    height: 45px;
    line-height: 45px;
    border-radius: 4px;
}
.register-input {
    font-size: 117%;
    line-height: 1.3;
    width: 100%;
    border: none;
    outline: 0;
}
.register-input.placeholder-o {
    display: none;
    position: absolute;
    color: #888;
    z-index: 2;
    line-height: 43px;
}
.box_button-c{ clear:both; display:block; padding:15px;}
.box_button-c .full-width{ width:100%;}
.btn_sex-wrapper {
    float: left;
    width: 50%;
    position: relative;
}
.btn_sex-wrapper:first-child .btn_sex-label {
    border-radius: 4px 0 0 4px;
}

.btn_sex-wrapper:not(.checked-s).focus-s, .btn_sex-wrapper:not(.checked-s):hover {
    z-index: 1;
}
.btn_sex-wrapper:not(.checked-s).focus-s .btn_sex-label, .btn_sex-wrapper:not(.checked-s):hover .btn_sex-label {
    border-color: #f3474b;
    color: #f3474b;
}
.btn_sex-wrapper.checked-s {
    z-index: 2;
}
.btn_sex-wrapper.checked-s .btn_sex-label {
    border: 0;
    background: #f3474b;
    color: #fff;
    height: 45px;
    line-height: 45px;
}
.btn_sex-label {
    display: block;
    line-height: 45px;
    background: #fff;
    border: 1px solid #dadada;
    text-align: center;
    height: 45px;
    font-weight: 700;
    border-radius: 0 4px 4px 0;
	font-size: 13px;
}

.btn_sex-input {
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    width: 100%;
    height: 45px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
}
input.btn_sex-input[type=radio] {margin: 0;}
.selection-box-c, .selection-box-b {
    margin-top: 0;
}
.selection-box-c:before, .selection-box-c:after, .selection-box-b:before,.selection-box-b:after {
    content: '';
    display: table;
}
.selection-c {
    line-height: 43px;
	display: block;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
}
.selection-box-c ul, .selection-box-b ul{overflow: hidden;}
.selection-box-c ul li {
    float: left;
    width: 33.333%;
	padding:0;
	margin-top:0;
}
.selection-box-b ul li{float: left; width:50%;padding:0;margin-top:0;}
.space-o {
    margin-left: 10px;
    margin-right: 10px;
}
.selection-box-c ul li:first-child .space-o, .selection-box-b ul li:first-child .space-o{margin-left: 0px;}
.selection-box-c ul li:last-child .space-o, .selection-box-b ul li:last-child .space-o{margin-right: 0px;margin-left: 0px;}
.selection-input {
    height: 43px;
    border: 0;
    background: 0 0;
    color: #3c3c3c;
    font-weight: 400;
    line-height: 43px;
    vertical-align: top;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 40px 0 14px;
    border: 1px solid #dadada;
    border-radius: 4px;
    background-color: transparent;
    font-size: 1.17rem;
	appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
}
.selection-input option {
    color: #3c3c3c;
    font-size: 1rem;
    line-height: 12px;
}
.selection-c:after {
    font-family: 'Ionicons';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f3d0";
    font-size: 24px;
    display: block;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    right: 14px;
    color: #b0b0b0;
    z-index: 0;
}
.c-hero__logo, .c-logo__image{width:100%; max-width:200px;text-align:center; margin:0 auto;}
.c-hero__home{ text-align:center}
.cruise-top-bg{ display:block}

.cruise-top-title h1,.cruise-top-title h3, .cruise-top-title h5{font-size: 6rem;
text-transform: capitalize;
font-family: "Microsoft Yahei","Hiragino Sans GB",sans-serif;
font-weight: normal;letter-spacing:0}
.cruise-top-title h3{font-size: 3rem;}
.cruise-top-title h5{font-size: 1.8rem; background-color:#000; padding:8px 15px; margin:10px 0; display:block}
.dark-bg{background: url(../img/bg_noise.png) repeat;}
.inside_shadow {    background: url(../img/shadow_header.png) center top no-repeat;}
.section_min_title ,.main_min_title{
    width: 100%;
    overflow: hidden;
	font-weight:normal;
    text-align: center;
    font-size: 24px;
    color: #E1CBA2;
    margin: 0;
    padding: 25px 0 30px 0;
    text-shadow: #000000 1px 1px 5px;
    float: left;
	letter-spacing:1;
}
.main_min_title{ text-align:center; font-size:32px; line-height:32px; height:auto; padding-top:70px;}
.section_cruise_title {
    width: 100%;
    overflow: hidden;
	font-weight:normal;
    text-align: center;
    font-size: 24px;
    color: #222;
    margin: 0;
    padding: 25px 0 30px 0;
    float: left;
	letter-spacing:1;
}

ul.flight {
    display: block;
    padding: 0;
    margin: 20px auto;
	padding-top:20px;
    width: 100%;
    color: #CCCCCC;
    overflow: hidden;
    float: left;
}
ul.flight li {
    display: block;
    padding: 0;
    margin: 0 0 5px 0;
	width:100%;
    float: left;
    overflow: hidden;
}
ul.flight li.title {
    display: block;
    padding: 0;
    margin: 20px 0 20px 0;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: #D1AF70;
    font-family: "Microsoft JhengHei", Arial, Helvetica, sans-serif;
}
ul.flight li span.field_name {
    display: block;
    float: left;
    width: 90px;
	height:auto;
    padding: 0;
    margin: 0;
    color: #838383;
}
ul.flight li span.field_value {
    display: block;
    float: left;
    width: 80%;
    padding: 0;
    margin: 0;
    color: #CCCCCC;
}
.separate {
    width: 100%;
    height: 33px;
    overflow: hidden;
    text-align: center;
    background: url(../img/separate.png) center top no-repeat;
    margin-top: 30px;
    float: left;
}
#separate_features {
    display: block;
    width: 30px;
    height: 33px;
    margin: 0 auto;
    text-indent: -9999px;
}
#dark-style, #dark-style p{ color:#ebebeb}
.content-style{ text-align:left; }
.content-style h4{ padding:20px 0;}
.short_info{ padding:15px 10px 12px 10px; color:#fff; width:100%; float:left; background-color:rgba(0,0,0,0.5);}
.short_info label, .short_info span{ display:inline-table;}
.short_info label h3, .short_info label h5{ display:inline-block}
.short_info label{ margin-bottom:0; width:49%;}
.short_info span{ font-size:30px; font-weight:bold; width:49%; text-align:right; margin-top:0}
.short_info span sub{font-size:14px;vertical-align: super; bottom:3px;}
.short_info span em{ font-style:normal; font-size:14px; margin-right:15px;}
.short_note{ background-color:rgba(0,0,0,0.3); padding:15px 10px 12px 10px; color:#ccc; font-size:14px; display:bolck; clear:both}
.short_note ul li{ display:inline-table; border-right:1px solid #666; padding-left:5px}
.short_note ul li:before{float:left;display:inline-table; width:30px; font-size:24px; height:42px; font-family: 'FontAwesome';font-style: normal;font-weight: normal;color:#B8995F; padding-left:10px;padding-right:10px; vertical-align:middle}
.short_note ul li div{ display:inline-table;height:42px; float:left}
.short_note ul li.date{width:25%}
.short_note ul li.day,.short_note ul li.roundtrip, .short_note ul li.port{width:15%;}
.short_note ul li.date:before{content: "\f073";}
.short_note ul li.day:before{content: "\f185";}
.short_note ul li.port:before{content: "\f073";}
.short_note ul li.flight:before{content: "\f197";}
.short_note ul li.roundtrip:before{content: "\f21a";}
.short_note ul li:last-child{ border-right:0;}
.short_note ul li h6{ font-size:14px;}
.short_note ul li span{ clear:both; color:#B8995F; font-weight:bold}
.quick-link{ padding:15px 0; margin:0 auto 30px auto; width:100%; text-align:center; font-size:12px; border-bottom:1px dotted #B8995F;}
.quick-link ul li{ display:inline-table;margin:0 auto; padding:10px 0}
.quick-link a{padding:3px 10px; font-size:16px;}
ul#travel-item li{ display:block; clear:both;border-bottom:1px dotted #B8995F; padding:15px 0; margin-bottom:20px; position:relative; float:left; width:100%}
#travel-item li:last-child{ border-bottom:0;}
#travel-item h5{ font-size:16px; color:#B8995F; padding-bottom:10px;}
#travel-item p{ font-size:14px; line-height:1.75}
.btn.btn-secondary , .btn.btn-secondary:focus, .btn.btn-secondary:active{
    background-color:#ff9900;
    color: #222;
    border-color: #222;
}
.btn.btn-secondary:hover{ opacity.9}
.box-min-wide{ display:none}
.box-full-wide .btn.btn-primary, .box-full-wide .btn.btn-secondary{ padding:0 10px;}
.conlist li{ margin-left:20px;font-size:15px; line-height:1.75; padding:4px 0 !important; list-style:decimal}
h4.p-title{ font-size:18px; margin:25px 0;}
@media screen and (max-width: 1199px){
.input-style-1 {
    display: inline-block;
    float: left;
    margin-bottom: 15px;
}
.main-title .input-style-1 {
    margin: 0px 15px 15px 0px;
}
.flex-center-caption h3{ font-size:3rem}
.itinerary-card {
    display: block;
    width: calc(50% - 15px);
    margin: 0;
    background: #fff;
	position:relative;
	float:left;
}
.itinerary-card:nth-child(2n+1){	margin-left:0px;margin-right:10px;}
.itinerary-card:nth-child(2n+2){margin-left:10px; margin-right:0px;}
}

@media screen and (min-width: 992px){
/* 旅館查詢列表 */
.hotel-price-info .hotel-review-container, .hotel-price-info .card-price{ display:inline-block; }
.hotel-price-info .hotel-review-container{ float:left; width:30%;}
.hotel-price-info .card-price{ float:right; top:0; width:70%;}
}
@media screen and (max-width: 991px){
.input-style-1 {
    /* padding: 0px 15px; */
    float: none;
}
.flex-center-caption h3{ font-size:2.6rem}
.f-login-content {
    padding: 39px 50px 39px 50px;
}
.project-item-box h4.text-min{ font-size:20px}
header .selected-country-wrapper{ margin-top:8px;}
.innerlogo{ max-width:180px;}
.brand{ min-height:880px;}
h4.section-title{ margin-bottom:20px; font-size:24px;}
.section-header{ margin-bottom:30px;}
.cruise-box{
	top:90px;
	left:40px;
	z-index:1115;
}
h1.order-id{ font-size:32px;}
h1.order-doller{ font-size:32px;}
.order td span{ clear:both; font-size:18px;}
.flex-center-caption h3{ font-size:2rem}


.itinerary-card{ width:100%; margin:0;}
.itinerary-card:nth-child(even), .itinerary-card:nth-child(odd){ margin:0 0 30px 0}
}
@media only screen and (max-width: 768px){
.support.section--00 {
    height: auto;
    background-image: url(../img/support/49304177_mobile.jpg);
    background-size: cover;
}
.joinmem li{ width:100%; clear:both}
.threefouth-height { height: 50vh;}
.short_info label, .short_note{ display:none}
.short_info span{ width:100%; text-align:center}
.cruise-top-title h1{font-size: 3rem;}
.cruise-top-title h3{font-size: 2rem;}
.cruise-top-title h5{font-size: 1.8rem;}
.register-area{ padding:20px;}
.register-item li, .selection-box-c ul li, .selection-box-b ul li{ width:100%;}
.register-item li{ padding-left:0; padding-right:0}
.box_button-c{ padding:15px 0}
.selection-box-b ul li, .selection-box-c ul li{ margin-bottom:10px;}
.space-o{ margin:0;}
.register-b{ height:18px;}
.panel-body{padding:0;}
.m-t-100.m-40{ margin-top:40px;}
.present{ background-color:transparent}
.bg-gradient-dark:after{ background-image:none}
.forms>li:nth-child(3) { width: 50%;padding-right: 25px;}
.forms>li:nth-child(4){ padding-right:0;}
.forms>li:nth-child(5) { width: 100%;}
.demo-video-v2 .video-content{box-shadow:none}
.h-p-t-60{ margin-top:60px;}
.order_form_data{ width:100%; margin-bottom:30px;}
.cruise-details-container{ padding:15px; }
.cruise-pad-box{ padding:30px 15px; }
.stateroom-banner{ position:relative}
.news-list li span{width:100%;}
.login-fullpage {margin-top: 50px;}
.footer-share{margin:0 auto;text-align:center;}
.footer-share a{ display:inline-block; float:none; font-size:28px; margin-bottom:20px;}
.flex-center-caption h3{ font-size:1.8rem}
.flex-control-nav{ position:relative; bottom:0; margin-top:15px;}
.no-nav .flex-control-nav{ position:absolute; bottom:30px; margin-top:0}
.export .form-control{ width:100%;}
.export .col-md-4,.export .col-md-2 { margin:10px 0;}
.export .btn.btn-34{ width:100%; padding:0; margin:10px auto;}
.page-top-title{ margin-top:0;}
.d-doller{ font-size:24px; font-weight:bold}
.d-doller::before{ content:'$'; padding-right:5px; font-size:14px;}
.nav.payment_tab-bg>li>a>img{ max-width:50px}
.region{padding:20px 0;}
.region li{ width:100%;}
.subnav-list{ height:5px;}
.subnav-list li{ display:none}
.custom{ margin-top:60px; margin-bottom:30px; overflow:visible}
#index-home.custom{ margin-top:0; margin-bottom:90px}
#index-home .flex-caption{ position:relative; left:0;right:0; top:100%; width:100%}
#index-home .flex-control-nav{ margin-top:100px;}
.p-t-160-nomo{ padding-bottom:50px;}
.p-t-100-nomo{ padding-bottom:30px;}
.btn-cta.btn-primary.v1 span{ display:none}
.change_form_data li label{ font-size:15px;}
.__cta .__cta_item {margin-bottom: 1.5rem;}
.order .item-1, .order .item-2{ width:100%; vertical-align: top !important;}
.table.order.cart.room-table.cart-table td:before{ display:none}

/* tab Responsive*/
.checkout_normal_text.min h5{ display:none}
.dark_normal_text.min h5{ display:none}
.payment_tab_patch_icon1.payment_tab-bg.min li, .dark_tab_patch_icon1.dark_tab-bg.min li{ height:56px;}
.payment_tab_patch_icon1.payment_tab-bg li, .dark_tab_patch_icon1.dark_tab-bg li{ margin-bottom:0;}


.vacations-results .cards-itineraries .itinerary-card .card-figure.half, .vacations-results .cards-itineraries .itinerary-card .card-body.half{ width:100%;}	
.visible-phones { display: block!important;}
.visible-desktops{display: none!important;}
.order-mem.mobile-closed .mem-box, .order-mem.mobile-closed .mem-box.no, .order-mem.mobile-closed h4 .more:after, .order-mem.mobile-closed h4 .more.no:after{ display:none;}
.mobile-closed.order-mem h4{ border-bottom:1px solid #ccc;}
.inner-banner.style-6{ display:none}
.wrapper .menusidebar, .menusidebar{ margin-top:0px;}
img.section-image{ display:block; width:100%; height:auto; margin-bottom:30px;}
.bgfordesk{ background-image:none;}
.section-line{ border-bottom:1px solid #ccc}
.section-subtitle, .section-header-v3 .section-subtitle, .section-header-v3 .section-subtitle.ft-fm-2{ font-size:15px;}
.self-help .section-title, .self-help .section-subtitle{ color:#171717}
.self-help{ padding-top:0; min-height:auto}
.section-common-space.rightnow, .section-common-space.present, .section-common-space.joinus, .travel.p-t-40{ padding:0}
.section-common-space.rightnow{ height:auto; padding-bottom:40px;}
div.quote{ font-size:15px;}
.ice .m-t-100{ margin-top:30px; margin-bottom:50px;}
.joinus{ padding-bottom: 50px;}
.login-logo {
    position: static;
    height: 300px;
    margin-left: 15px;
    margin-right: 15px;
}
.f-login-form .c-button , .crusie-login-form .c-button{
    margin-bottom: 15px;
}
.mobile{ display:block}
.desktop{ display:none}
.circlenum{
	font-size:28px; 
	padding:10px; 
	line-height:26px; 
	height:50px; 
	width:50px;
	border-radius: 25px; 
}
.hjust{ height:auto;}
.wrapper .container{ padding-left:0; padding-right:0}
.wrapper .content{ padding:0;}
.wrapper .content .wrapper{ background-color:#fff; padding:0;border:0}



/* 查詢郵輪 */
.vacations-results .cards-itineraries{ margin-top:30px;padding:0 15px;}

.vacations-results .cards-itineraries .itinerary-card .card-body{padding:20px 0}
.result-header.col-xs-12{ padding-left:0; padding-right:0}
.box-min-wide .btn.btn-primary,.btn.btn-secondary{ padding:0 15px; line-height:34px; margin:8px;}
.itinerary-card .card-price{display:inline-table; width:60%; float:right; margin-top:15px;}
.box-min-wide{ display:inline-table;width:40%; float:left}
.box-full-wide{display:none}
.cruise-info .cruise-name{ font-size:16px;}
.vacations-results .cards-itineraries .itinerary-card{ border:0;margin-top:0}
.itinerary-card .card-price.down .price-info{ margin-bottom:0;}
.itinerary-card .hotel-price-info .card-price{ width:100%; position:relative; bottom:0; margin:10px auto 0 auto; padding-top:10px; border-top:1px dotted #ccc}
.itinerary-card .hotel-price-info{ min-height:auto;}
.vacations-selection {
    margin: 0 -15px;
    border-top: 2px solid #b4b4b4;
    border-bottom: 2px solid #b4b4b4;
}
.module-header .module-header-title .first-line {
    font-size: 20px;
    line-height: 16px;
}
.module-header .module-header-title .second-line {
    font-size: 25px;
    line-height: 20px;
    padding: 0 15px;
	background-color:#fff
}
.module-header .module-header-count{ text-align:center; margin-bottom:15px;}
.vacations-selection {
    margin: 0 -15px;
    border-top: 2px solid #b4b4b4;
    border-bottom: 2px solid #b4b4b4;
	background: #f0f0f0;
	padding-left:30px;
	padding-right:30px;
}
.list-header .list-sort.mzero{ margin-right:0}
.vacations-selection .selection-filter , .selection-filter{
    display: table-cell!important;
    vertical-align: middle;
}
.visible-desktops.selection-filter {display:none!important;}
#page-cruise-vacations.p-t-40{ padding-top:0;}
#page-cruise-vacations.p-b-40{ padding-bottom:0}
.box-full-wide a{ margin:10px 15px; display:block; float:left;}
.itinerary-card .box-full-wide{ margin-top:0; }
.vacations-selection .selection-filter .filter-link, .selection-filter .filter-link {
    display: block;
    width: auto;
    padding: 0px 5px;
    line-height: 1;
    text-align: center;
	height:36px;
	border-radius: 3px;
	line-height:36px;
}
.cruise-button{ margin-top:13px; margin-right:10px;}
.cruise-box{ background:none;}
.vacations-filter {
    position: fixed;
    width: 85%;
    top: 60px;
    bottom: 0;
    margin: 0;
    z-index: 1041;
    overflow: scroll;
    background: #ebebeb;
}
.vacations-filter .search-filter {
    margin: 0;
}
.search-filter .filter-head {
    display: block;
    width: auto;
    background: 0 0;
    padding: 5px 0 15px;
    border-bottom: 1px dotted #b4b4b4;
}
.search-filter .filter-head .options {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
}
.search-filter .filter-head .options>li {
    display: table-cell;
    vertical-align: middle;
    width: 44%;
}
.search-filter .filter-head .options>li:first-child {
    width: 28%;
    padding-right: 5px;
}


.search-hotel-balck{padding:0}
.search-filter .filter-head .info {
    display: block;
    width: 100%;
    text-align: center;
    color: #222;
}
.filter-widget>li .widget-items .items-list .items-text{ font-size:14px;}
.filter-widget>li .widget-items .items-list>li{ margin-bottom:0}
.page {
    background: 0 0;
}
.filter-widget.widget-left>li .widget-box, .filter-widget.widget-right>li .widget-box {
    left: 0;
    right: 0;
}
.filterbox {
    border: none;
}
.filter-widget>li .widget-box {
    background: #fff;
    overflow: scroll;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}
.filterbox .filter-content .select>li {
    width: 100%;
}
.filterbox .filter-content .select{ padding:0;}
.filterbox .filter-content #calendar.select>li{
	float: left;
    width: 33.33333333%;
}
.daterange.date-1 .item{ margin-right:0; width:100%}
.alist{ display:inline-block; width:calc(95% - 80px); text-align:center}
.alist .pull-left, .alist .pull-right{ float:none; text-align:left; width:100%}
.alist .pull-right{ clear:both}
.stateroom-wrapper .col-meta-type {
    width: 100%;
    margin: 20px 0 0;
}
.stateroom-wrapper .col-meta-type, .stateroom-wrapper .col-meta-type + .col-meta-type{ border:1px solid #b2b2b2}
.stateroom-wrapper .col-meta-type:first-child{ border-left:1px solid #b2b2b2}
.nav-steps .steps-list {
    margin: 0 auto;
}

.nav-steps .steps-list>li {
    width: auto;
    padding: 0;
}
.nav-steps .steps-list>li .list-item,   
.nav-steps .steps-list>li.active .list-item {
    padding: 14px 22px;
}
.nav-steps .steps-list>li .list-item .item-number {
    font-family: "Raleway", sans-serif;
    font-size: 24px;
    color: #7c7c7c;
}
.nav-steps .steps-list>li .list-item .item-title {
    display: none;
}
.date-price-mobile {
    display: block;
}
.step-date-price .date-price-title {
    padding: 0;
}
.date-price-title+.date-price-info {
    margin-top: -10px;
}
.date-price-form {
    display: none;
}
.modal-dialog-content {
    background-color: #fff!important;
}
.step-date-price .date-price-wrap {
    margin-left: -20px;
    margin-right: -20px;
}
.date-price-header{display:none;}
.date-price-mobile .mobile-header {
    display: table;
    width: 100%;
    list-style: none;
    margin: 1px 0 -1px;
    padding: 5px 0;
    border-top: 1px solid #7c7c7c;
    border-bottom: 1px solid #b4b4b4;
    line-height: 1;
    background: #f0f0f0;
}
.date-price-mobile .mobile-header>li {
    display: table-cell;
    border-left: 1px dotted #b4b4b4;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    padding: 10px 20px;
}
.date-price-mobile .mobile-header>li:first-child {
    width: 40%;
    border: none;
}
.date-price-mobile .mobile-header>li:last-child {
    width: 60%;
}

.date-price-body>li {
    margin: 0;
}
.date-price-body>li .body-wrap {
    position: relative;
}
.date-price-body>li .body-wrap>li:first-child {
    display: table;
    width: 100%;
    padding: 15px 0;
    text-align: left;
    background: 0 0;
    border: none;
}
.date-price-body>li .body-wrap>li .body-date {
    display: table-cell;
    vertical-align: middle;
    width: 40%;
    padding: 0 20px;
    line-height: 1.2;
}
.date-price-body>li .body-wrap>li .body-day {
    display: none;
}
.date-price-body>li .body-wrap>li .body-price {
    display: table-cell;
    vertical-align: middle;
    width: 60%;
    padding: 0 20px;
    border-left: 1px dotted #b4b4b4;
}
.date-price-body>li .body-wrap>li .body-price .price-text {
    color: #7c7c7c;
    font-weight: 700;
    text-transform: capitalize;
    vertical-align: middle;
}
.date-price-body>li .body-wrap>li .body-price .price-money {
    font-size: 23px;
    color: #c12f32;
    font-weight: 700;
    margin: 0 0 0 5px;
    vertical-align: middle;
}
.date-price-body>li .body-wrap>li .body-link , .date-price-body>li .body-wrap.opened>li .body-link{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}
.date-price-body>li .body-wrap>li .body-link .fa.fa-minus, .date-price-body>li .body-wrap.opened>li .body-link .fa.fa-plus {
	display:none;
}
.date-price-body>li .body-wrap>li .body-link .fa.fa-plus {
    color: #f5a227;
    font-size: 15px;
    margin-top: -5px;
    position: absolute;
    right: 25px;
    top: 50%;
	display:block;
}

.date-price-body>li .body-wrap.opened>li .body-link .fa.fa-minus {
    color: #c12f32;
    font-size: 15px;
    margin-top: -5px;
    position: absolute;
    right: 25px;
    top: 50%;
	display:block;
}

.date-price-body>li .body-wrap>li {
    display: block;
    position: relative;
}
.date-price-body>li .body-wrap>li:last-child {
    width: auto;
    padding: 15px 0;
    margin: 0 20px;
    border-top: 1px dotted #b4b4b4;
    display: none;
}
.date-price-body>li .body-wrap>li .body-data {
    display: block;
    width: auto;
}
.date-price-body>li .body-wrap>li .body-data>li {
    display: table;
    width: 100%!important;
    border: none;
    background: #f7f7f7;
    margin-bottom: 10px;
}
.date-price-body>li .body-wrap>li .body-data>li .data-wrap {
    padding: 15px 0;
}
.date-price-body>li .body-wrap>li .body-data>li .data-wrap .data-value {
    width: 70%;
    direction: ltr;
    position: relative;
    text-align: right;
    padding-right: 60px;
}

.date-price-body>li .body-wrap>li .body-data>li .data-wrap .data-value .value-text {
    font-size: 23px;
}
.date-price-body>li .body-wrap>li .body-data>li .data-wrap .data-value.soldout .value-text {
    font-size: 18px;
}
.date-price-body>li .body-wrap.opened>li:last-child {
    display: block;
}
.date-price-body>li .body-wrap>li .body-data>li .data-wrap .data-title {
    width: 30%;
    direction: ltr;
    background: 0 0;
    vertical-align: middle;
    text-align: left;
    padding-left: 15px;
	display:table-cell;
	position:relative;
	font-size:18px;
}

.cruisecart .m-t-60{ margin-top:0;}
.view-summary {
    display: block;
    line-height: 1;
    margin: 0 0 10px;
    padding: 12px 10px;
    text-align: left;
    width: auto;
	font-size:18px;
    background: #f0f0f0;
    border-top: 1px solid #dadcdc;
    border-bottom: 2px solid #b4b4b4;
}
.view-summary>a{color:#c12f32;}
.view-summary>a .fa-shopping-bag {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 10px;
	margin-top:-3px;
}
.aside-summary {
    position: fixed;
    width: 85%;
    top: 58px;
    bottom: 0;
    margin: 0;
    z-index: 1040;
    overflow: scroll;
    box-shadow: 0 0 4px #999;
}
.aside-summary.checkout{
	position: relative;
	width: 100%;
	overflow:hidden;
	box-shadow:none;
	top:0;
}

.aside-summary .summary-box:first-child {
    margin: -10px -10px 10px;
}
.aside-summary .summary-title {
    margin: 0;
    padding: 17px 15px;
    background: 0 0;
    font-size: 18px;
}
.wrapper .sidebar .special-box {
    border-top: 10px solid #7c7c7c;
    padding-top: 16px;
}
.header-details {
    padding: 15px;
}
.header-details.notop{ padding-top:0;}
.header-details .col-md-6 {
    text-align: center;
	margin:0 auto;
}
.changtobox{ margin:10px 0; padding:10px; border:1px solid #ccc; border-radius:3px;}
.aside-summary.checkout .summary-estimation{ width:180px; margin:0 auto}
.aside-summary.checkout .summary-estimation .estimation-price, .aside-summary.checkout .summary-estimation .estimation-text{ display:block;}
.aside-summary.checkout .summary-estimation .estimation-price{ width: 120px; float:right}
.aside-summary.checkout .summary-estimation .estimation-text{ width:60px; color:#222; float:left}
.search-hotel-balck .input-text input, .search-hotel-balck .input-text select{ margin-bottom:15px}
.search-hotel-balck [class^="col-"], .search-hotel-balck [class*=" col-"] {
    padding-left: 15px;
    padding-right: 15px;
}
.search-hotel-balck .adjustclear{ clear:both}
.nopads.col-xs-4, .nopads.col-xs-6{ padding-right:0px;}
.discount-ribbon{float: left; right:0;}
.hotel-info-detail .hotel-name { margin-top:20px;}
.hotel-title{ clear:both}
.hotel-view-container .main-img{ width:100%;}
.favorite-heart{ left:95%}
.top-right-img, .bottom-left-img, .mosaic-bottom-right-static-map{ display:none}
.main-title h1{ font-size:36px; line-height:46px; margin-top:30px;}
.main-title>p{ font-size:15px;}
.full-height{ height: 80vh;}
.vertical-align{ top:50%;}
.main-title>p{ padding-bottom:20px;}
.col-md-12.search-hotel{ margin-top:0px;}
.input-group-btn{ width:100%; display:block; clear:both}
.input-group{width:100%;}
.copy_code label{ margin:20px 0 10px 0;}
.input-group .btn.btn-primary.v1{ margin-top:10px}
.send_mail{ padding-top:30px;}
.order_form_data li input{ max-width: calc(90% - 90px);}
.search-btn{ margin-top:10px; margin-right:5px;}
.controls-align .conven li{padding:5px 12px}
.controls-align .conven li h5{ display:none}
}
@media (min-width:768px){
.filter-extra>li.notopborder{ border-top:0; margin-top:0}
.col-sm-pad-0, .col-sm-pad-0-left {
    padding-left: 0;
}
.col-sm-pad-0, .col-sm-pad-0-right {
    padding-right: 0;
}
.col-sm-pad-0-top {
    padding-top: 0;
}
.col-xs-pad-15-top {
    padding-top: 15px;
}
.img-responsive-wrapper {
    position: relative;
}
.img-responsive-wrapper img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}
.p-t-160-nomo{ padding-top:160px;}
}
@media (max-width:480px){
table.cart-table{ width:100%; padding:0;}
.cart-table tr{width:100%;display:table-row;float:none; background-color:transparent}
.cart-table th{display:none;}
.cart-table tr{ border-bottom:15px solid #fff; border-color:transparent}
.cart-table td{display:block;text-align:left;width:100%;}
.cart-table td:before{content:attr(data-th) " ";font-weight:bold;width:80px;display:inline-block; text-align:left ;}
.cart-table.lgtable td:before{vertical-align: top;}
.cart-table td.card_product_quantity:before{ float:left}
.cart-table th,.cart-table td{text-align:left;vertical-align:middle !important;}
.crusie-login-form {width: 100%;}
.room-info{ max-width:100%;}
.room-table h5, .room-note, .room-table  .form-control{ margin-top:10px;}
.room-table td{ border-right: 1px solid #ccc;}
.room-table td:first-child{ background-color:#e9f0fa;}
.room-table td:before{ width:100px;}
.table.order.room-table.cart-table td:before {width: 10px;}
.payment_tab-bg li{padding: 5px 10px 0 !important;}
.__cta .__cta_item{ padding-left:60px;}
.__cta .__cta_item .__title {
    font-size: 21.6px;
    font-size: 1.6rem;
}
.__cta .__cta_item:before{left:20px; font-size:2em;}
a.contry-item, .list-header.left{ margin-bottom:15px;}
.search-bar{ background-color: #f4f9fd;}
.change_form_data li span, .change_form_data li input.form-control.auto.addrs{margin-left:95px; width:80%;}
.project-item-box h4.text-min{ font-size:16px}
.dark_tab-bg li {padding: 5px 10px 0 !important;}
}

@media only screen and (max-width: 420px){
.selected-country-wrapper a>div.currency-select{ display:none}
}