@charset "utf-8";
/* CSS Document */
.table-wrap::-webkit-scrollbar {
    -webkit-appearance: none;
}
.table-wrap::-webkit-scrollbar:vertical {
	width:0px;
}
.table-wrap::-webkit-scrollbar:horizontal {
	margin-top:2px;margin-bottom:2px;
    height: 6px;
}
.table-wrap::-webkit-scrollbar-thumb {
    background-color: rgba(20,20,20,0.7);
    border-radius: 3px;
}
.table-wrap::-webkit-scrollbar-track {
    border-radius: 3px;
    background-color: rgba(110, 110, 110, 0.15);
}
.table-wrap {
	width:100%;
	height:auto;
	overflow-y:scroll;
	overflow-x: auto
}
table.remark_table {
	border:1px solid #ccc; border-collapse:collapse;
}
table.remark_table tr td{
	background:#fdfdfd;
	border:1px solid #ccc;
	padding:5px;
}
table.remark_table tr.top td{
	background:#bfbfbf;
}
ol.remark_num{margin:0;padding:0;margin-left:3em;counter-reset: item;}
ol.remark_num li{margin:2px 0;margin-left:-1.5em;}
.bluebold {
	color:#056ed0;
	font-weight:bold;
}
hr {
	border:0px;
	border-bottom:1px #ccc solid;
}
.header_wrap{
	width:100%; z-index:99;
	background:#FFFFFF;
	border-bottom:1px #ccc solid;
	position:absolute;top:0;
	-webkit-box-shadow: 0px 2px 8px 0px rgba(20, 20, 20, 0.2);
	-moz-box-shadow:    0px 2px 8px 0px rgba(20, 20, 20, 0.2);
	box-shadow:         0px 2px 8px 0px rgba(20, 20, 20, 0.2);
}
.prom_header {
	z-index:20;
	background: url(/hongkong/images/prelogin/prom_header_bg.gif) repeat;
	height:50px;
	padding:0 5px;
	vertical-align:middle;
}
.prom_header #logo {
	padding:11px 0px 0px 5px;
	float:left;
	height:28px;
}
.prom_shortcut-prelogin {
	font-size: 14px;
	position:absolute;
	right:10px;
	top:13px;
	line-height:;
	text-align:center;
}
.prom_shortcut-prelogin a {
	background:#1469ba;
	border-top:1px solid #777777;
	border-bottom:1px solid #FFFFFF;
	height:24px;
	width:35px;
	color:#ffffff;
	display:block;
	float:left;
	margin:0 auto;
	margin-left:10px;
	text-align:center;
	line-height:25px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.above_visual {margin-top:61px;}
.above_visual .note{
	font-size:10px;
	padding:10px;
	margin-left:10px; margin-right:10px;
	margin-bottom:20px;
	color:#000;
	border: #000 solid 1px;
}
.above_visual .note ul {margin:0.2em 0;}
.above_visual .note li {margin-left:-2em;}

.table_wrap {
	width: 100%;
	margin:0.5em 0;
}
.prom_visual {
	position:relative;z-index:0;
	margin-top:-10px;
}
.prom_visual img {
	width:100%;
	height:auto;
}
.prom_visual .txt {
	position:absolute;
	top:10px; left:10px;
}
.prom_visual .head {
	line-height:100%;
	font-size:22px;color:#054c9b;
	font-weight:bold;
}
.prom_visual .subhead {
	line-height:130%;
	font-size:14px;color:#363636;
	font-weight:normal;
}

.prom_contentWrap{
	padding:5px 10px 10px 10px;
}
.prom_content{
	width:100%;
	line-height:120%;
	margin-bottom:10px;
}
.prom_content h1{
	font-size:16px;
	font-weight:bold;
	color:#1469ba;
	line-height:130%;
	margin:10px 0 5px 0;
}
ul.offer_list {
    list-style: none;
	margin:0.2em 0;
}
ul.offer_list li{
	margin:0.2em 0;
    margin-left: -2em;
    text-indent: -0.6em;
}
ul.offer_list li:before {
    content: "• ";
    color: #1469ba;
}
.prom_content .remark{
	font-size:80%;
	line-height:120%;
	margin:5px 0;
	color:#999;
}

/*************** Rounded Corner ****************/
table.rounded {
    border-collapse: separate;
    border-spacing: 0;
}

/* top-left border-radius */
table.rounded tr:first-child th:first-child,
table.Info tr:first-child td:first-child {
    border-top-left-radius: 5px;
}

/* top-right border-radius */
table.rounded tr:first-child th:last-child,
table.Info tr:first-child td:last-child {
    border-top-right-radius: 5px;
}

/* bottom-left border-radius */
table.rounded tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
}

/* bottom-right border-radius */
table.rounded tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
}
/*************** Rounded Corner ****************/

/*  Blue style Table */
.offer-table1{
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;
	border-style: solid;
	border-color: #7fa6ce;
	margin:6px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.offer-table1 td, th{
	margin: 0;
	padding: 5px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #7fa6ce;
	background-color: #f0f7fe;
}
.offer-table1 th {
	background-color:#054c9b;color:#FFF;
	border-color: #7fa6ce;
}
.offer-table1 td, th{
	text-align:center;
	vertical-align:middle;
}

/*  Purple style Table */
.offer-table2{
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;
	border-style: solid;
	border-color: #a67adc;
	margin:6px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.offer-table2 td, th{
	margin: 0;
	padding: 5px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #a67adc;
	background-color: #f6eeff;
}
.offer-table2 th {
	background-color:#5d2e98;color:#FFF;
	border-color: #a67adc;
}
.offer-table2 td, th{
	text-align:center;
	vertical-align:middle;
}


.prom_action {
	text-align:center;
	font-size:14px;margin-top:15px;
	margin-bottom:5px;
}
.prom_action .btn{
	display:block; box-sizing:border-box;
	float:left; clear:right;
	width:100%;
	padding:12px 0px 10px 0px;
	margin-bottom:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.prom_action .btn img {
	width:30px; height:auto;
	margin-bottom:8px;
}
.type1 {background:#054c9b; color:#FFFFFF;}
.type2 {background:#4bb4f0; color:#FFFFFF;}
.shareBtn div{
	padding:10px 0 7px 0;
	line-height:20px;
	color:#1469ba;
}
#shareContent{
	margin-top:5px;
	margin-bottom:15px;
	font-size:14px;line-height:14px;
}
#shareContent span {
	float:left;clear:right;
	font-size:16px; font-weight:bold; color:#1469ba;
	padding:14px 0px;
	margin-right:5px;
}
#shareContent img{width:40px; float:left; clear:right;margin-right:8px;}
.tncBtn div{
	padding:10px 0 7px 0;
	line-height:20px;
	color:#1469ba;
}
.tncClose{
	background: url(/hongkong/images/prelogin/tnc_close.png) right no-repeat;
}
.tncExpand{
	background: url(/hongkong/images/prelogin/tnc_expand.png) right no-repeat !important;
}
#disclaimer {
	font-size:10px;line-height:14px;
}
#tncContent{
	display:none;
	margin-top:5px;
	font-size:10px;line-height:14px;
	padding:10px; background:#f0f0f0;
	border:#dddddd 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#totop {
	z-index:10;
	opacity:0.9;
	font:9px;
	position:fixed;
	bottom:5px; right:5px;
	padding:11px 24px;
	text-align:center;
	background:#586e80;
	color:#fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#totop img{height:18px;width:auto;padding-top:3px;}
.cross_sell {
	background: url(/hongkong/images/prom/arrow-cross-sell.png) 100% top no-repeat;
	background-color:#e0f2ff;
	font-size:12px;
	margin-top:10px;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.cross_sell #thumbnail{
	float:left; clear:right;
	width:120px; height:auto;
	border:1px solid #FFF;
	box-sizing:border-box;
	margin-right:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.cross_sell .description{
	width:130px;
	float:left; clear:right;
}
.footer-box {
	line-height:30px;
	border-bottom:#555555 1px dotted;
	background-color:#252525;
	text-indent:5px;
	padding:10px 5px;
	color:#aaa;
	font-size:10px;
	line-height:15px;
}
.footer-box a{
	color:#ededed;
}
.footer-box2 {
	z-index:11 !important;
	position: relative;
	line-height:30px;
	border-bottom:#555555 1px dotted;
	background-color:#1469ba;
	padding:8px 5px;
	color:#FFF;
	font-size:10px;
	line-height:15px;
	border-top:1px solid #2c87db;
	-webkit-box-shadow: 0px -2px 5px 0px rgba(20, 20, 20, 0.45);
	-moz-box-shadow:    0px -2px 5px 0px rgba(20, 20, 20, 0.45);
	box-shadow:         0px -2px 5px 0px rgba(20, 20, 20, 0.45);
}
.footer {z-index:11 !important;position: relative;}
.tab-wrap {
	border-bottom:1px #ccc solid;
}
.tab-wrap .tab{
	float:left;clear:right;
	text-align:center;
	background:#4bb4f0; color:#FFF;
	width:25%; box-sizing:border-box;
	padding:8px 0px;
	border-right:1px solid #FFF;
	-webkit-box-shadow:inset 0 -2px 3px 0 rgba(22,77,124,0.2);
	-moz-box-shadow:inset 0 -2px 3px 0 rgba(22,77,124,0.2);
	box-shadow:inset 0 -2px 3px 0 rgba(22,77,124,0.2);
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.tab-con {
	display:none;
	box-sizing:border-box;
	width:100%;
	padding:10px;
	background:#FFFFFF;
	border:1px #ccc solid;
	border-top:none;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
.tabActive {background:#054c9b !important;}
.conActive {display:block !important;}

/****** Top Menu ******/
#top_call_btn {
	display:none;
	width:100%;height:46px;
	padding:0 1%;
	color:#FFF;
	background: rgba(75,180,240,0.92);
	position:fixed;
	top:0px; z-index:98;
	-webkit-box-shadow: 0px 2px 8px 0px rgba(20, 20, 20, 0.2);
	-moz-box-shadow:    0px 2px 8px 0px rgba(20, 20, 20, 0.2);
	box-shadow:         0px 2px 8px 0px rgba(20, 20, 20, 0.2);
}
#top_call_btn a.style2 {
	display:block;
	text-align:center;
	margin:7px 1% 0 1%;
	background: url(/hongkong/images/prelogin/top_call_bg.gif);
	width:47%; height:32px;
	float:left; clear:right;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#top_call_btn a.style2 img {
	display:inline-block;
	width:20px;
	margin-top:6px;
}
#top_call_btn a.style2 .label {
	position:relative;
	display:inline-block;color:#FFF;
	top:-5px; margin-left:5px;
}

#top_call_btn a.style1 {
	display:block;
	text-align:center;
	margin:7px 2% 0 2%;
	background: url(/hongkong/images/prelogin/top_call_bg.gif);
	width:94%; height:32px;
	float:left; clear:right;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#top_call_btn a.style1 img {
	display:inline-block;
	width:20px;
	margin-top:6px;
}
#top_call_btn a.style1 .label {
	position:relative;
	display:inline-block;color:#FFF;
	top:-5px; margin-left:5px;
}