@charset "utf-8";
/* CSS Document */

body {
  overflow:visible !important;
  color: #fff;
  background: url("../images/bg.jpg") no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
}
small {
	font-size:50%;
}
.gray {color:#474747;}
.blue {color:#0f82be;}
span.blue { font-weight:bold; padding-left:3px; padding-right:3px;}
a.tnc {
	text-decoration:underline;
}
a.tnc:hover {
	text-decoration:none;	
}
a.secrch_btn {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: 600;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 175px;
	margin-right:5px;
}
a.secrch_btn:hover {
    color: #fff;
}
.en {
	font-size:90%;	
}
#pagecon {
	background-color:#fff;
	color:#474747;
}
#footer {
	background-color: rgba(3, 37, 70, 0.9);
	color:#fff;
	min-height:80px;
	width:100%;

}
.ckhh-logo {
	float:right;	
}
.circle {
	border-radius:100%;
	border: 2px solid #e01e24;
	width:15px;
	height:15px;
	display:inline-block;
	vertical-align:middle;
}
@media only screen and (max-width: 767px) {
.ckhh-logo {
	float:left;	
	}
}
#landing {
	color:#474747;
	font-size:14px;	
}
.headline {
	color:#0f82be;
	font-size:48px;
	font-weight:bold;
	margin-top:20px;
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5);
}
.sub-headline {
	color:#474747;
	font-size:20px;
	font-weight:bold;
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5);
	margin:0 auto;
	width:100%;
	max-width:800px;
	line-height:120%;
}
.description {
	max-width:800px;
	margin:0 auto;
	width:100%;
	background-color:#fff;
	padding:20px;
	font-size:16px;
	color:#0f82be;
	border-bottom:1px solid #ccc;
}
.sub-headline .price {
	color:#e2231a;
	font-size:36px;
}
.sub-headline .price::before {
	content: "$";
	font-size:70%;
}
.calendarBox {
	max-width:800px;
	background-color:#fff;
	margin:0 auto;
	padding:20px;
}
img.icon {
	margin:0 5px 0 0;	
}
.form-control.sel-ppl {
	width:70px;
	display:inline-block;
	margin-right:5px;
}
.price {
	font-size:40px;
	color:#e2231a;
	margin:0 5px;
}
.low-price {
	font-size:20px;
	color:#e2231a;
	margin:0 5px;
}
.low-price:before {
	content: "$";
	font-size: 80%;	
}
.hkd::before {
	content: "HK$";
	font-size:70%;
}
.circle {
	border-radius:100%;
	border: 2px solid #e01e24;
	width:15px;
	height:15px;
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}
.nav-tabs { max-width:800px; margin:0 auto; }
.nav-tabs > li {
	background-color:#ddd;
	width: calc( 100% / 7 );
}

.nav-tabs > li + li {
	border-left: 1px solid #ccc;
}
.nav-tabs > li > a {
	text-align:center;
	border-radius:0;
	border:0;
	padding:10px;
	outline:none;
	margin:0;
	font-size:24px;
}
.nav-tabs > li > a span {
	display:block;
}
.nav > li > a {
		color:#474747 !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border:0;
}
img.mv {
	max-width: 800px;
	width:100%;	
}
img.hx-logo {
	max-width: 250px;
	width:100%;	
}
.tnc {
	max-width: 800px;
	width:100%;
	background-color:#fff;
	padding:20px;
	margin:0 auto 150px;	
}
.tab-content {
	max-width: 800px;
	width:100%;
	background-color:#fff;
	margin:0 auto;
}

@media only screen and (max-width: 767px) {
	.nav-tabs > li {
		width: 100% !important;	
	}
	.nav-tabs > li > a {
		font-size:20px;
	}
	.nav-tabs > li > a span {
		display:inline-block;
	}
	.tnc {
		margin-bottom:0;
	}
}

/*�亙��找辣*/
.hotel_tab_txt{ border:1px solid #c6c6c6;border-radius:0px;height:55px;padding-left:43px;position:relative;line-height:55px;color:#474747;;font-size:14px;background:#fff;margin:5px 0px ; position: relative;}
.hotel_tab_txt input { line-height: 49px;height:49px; padding: 2px 4px; border: 0; outline: none; color: #474747; width: 100%; }
.calendar_check_in{width: 50%;display: inline-block;border-right: 0;float:left}
.calendar_check_in:before{font-family: "hutchgo"; content: "N"; position: absolute; left: 15px; color: #919191; font-size: 18px; }
.calendar_check_out{width: 50%;display: inline-block;}
.calendar_check_out:before{font-family: "hutchgo"; content: "T"; position: absolute; left: 15px; color: #919191; font-size: 18px; }
.calendar_check_in input,.calendar_check_out input{width:100%}
.popcity{position:absolute;display:none; z-index:200;left:-15px;top:54px;width:100%;text-decoration:none;font-size:12px;background: url(../images/popup_top_bg.png) no-repeat;border-radius:2px}
.popcity .popcon{padding-top:10px;border:1px solid #e1e1e1;background-color: #fff;border-top:0; float: left;margin-top: 10px;width:100%; max-height:385px;overflow-y: auto;box-shadow: 3px 3px 3px rgba(0,0,0,0.1);}
.calendar_addtion { padding: 10px 30px; padding-bottom:0px;border-bottom: 1px solid #f2f2f2;display:none;font-size: 14px;}
.calendar_addtion i { color: #E01E24;}
.calendar_addtion .calendar_a_left { width: 260px; margin: 0 20px; float: left; color: #464646;position:relative; }
.calendar_addtion .calendar_a_right { width: 260px; margin: 0 20px; float: left; color: #464646; }
.red_play{color:#E01E24;font-size:13px;}
.calendar_addtion_bottom { padding: 10px 15px;font-size: 15px;}
.calendar_addtion_bottom .calendar_ab_left { float: left; color: #474747;display:none}
.calendar_addtion_bottom .calendar_ab_left label{ font-weight: normal; font-size: 13px; font-weight: bold;}
.calendar_addtion_bottom .error { display:none;float: left; color: #E01E24;}
.calendar_addtion_bottom .calendar_ab_right{float:right;}
.calendar_addtion_bottom .calendar_ab_right a.calendar_ab_btn{color:#fff;width:139px;height:36px;line-height:36px;margin:9px 0;background-color:#E01E24;display:block;text-align:center;cursor: pointer;}
.calendar_checkbox { width: 20px !important;height:20px !important; }
.calendar_container{margin:5px 0}
.calendar_txt{white-space:nowrap}
.calendar_txt:before{font-family: "hutchgo"; content: "e"; position: absolute; left: 15px; color: #919191; font-size: 18px; }
.calendar_txt .popcity{width:500px}
@media screen and (max-width: 1023px) {
	.calendar_txt .popcity{width:250px}
	a.secrch_btn {width:100%;}
	.price { float:none;}
}
.calendar_txt .popcity .popcon{max-height:none}