@charset "utf-8";
/* CSS Document */



body {
	margin:0 0 0 0;
	width:100%;
	font-size:14px;
	font-family:Arial, sans-serif;
	color:#333333;
}
a {
	text-decoration:none;
	color:#333333;
}
img {
	border:none;
}
input {
	width:95%;
	display:block;
	padding-right:5px;
	border-radius: 3px 3px 3px 3px;
	border:#D7D6D6 1px solid;
	line-height:25px;
}
.header {
	height:40px;
	padding:0 5px;
	vertical-align:middle;
}
.header #logo {
	padding:8px 0px;
	float:left;
	height:25px;
}
.header #log {
	font-size:14px;
	color:#1369B9;
	float:right;
	padding:15px 5px;
}
.mainmenu {
	background:#ffffff;
	margin-bottom:5px;
	margin:5px;
}
.mainmenu td, th {
	border-bottom:#D9E2EB 1px solid;
	height:50px;
}
.mainmenu td {
	width:35px;
}
.mainmenu th {
	text-align:left;
	background:url(/hongkong/images/prelogin/arrow.png) 98% 50% no-repeat;
	font-weight:normal;
	font-size:14px;
}
.mainmenu a {
	color:#333333;
	display:block;
	line-height:25px;
	width:90%;
}
.mainmenu img {
	height:40px;
	padding-right:5px;
}
.shortcutpanel {
	display: none;
	border-bottom:#D9E2EB 1px solid;
}
.list {
	/*background:#ffffff;*/

	margin-bottom:5px;
	margin:5px;
}
.list td, th {
	border-bottom:#D9E2EB 1px solid;
	height:40px;
}
.list td {
	width:80px;
}
.list th {
	text-align:left;
	background:url(/hongkong/images/prelogin/arrow.png) 98% 50% no-repeat;
	font-weight:normal;/*font-size:11px;	*/

}
.boxtit .list td {
	border-bottom:none;
}
.boxtit .list th {
	background: none;
	font-weight:normal;
	text-align:left;
	line-height:20px;
	border-bottom:none;
}
.list a {
	color:#333333;
	display:block;
	line-height:20px;
	width:90%;
}
.topmenu {
	background:#116ABE url(/hongkong/images/prelogin/topmenubg.png) 0 0 repeat-x;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	padding:10px 5px;
}
.topmenu span {
	width:240px;
	display:block;
}
.shortcut {
	font-size: 14px;
	position:absolute;
	right:5px;
	top:48px;
	line-height:20px;
	text-align:center;
}
.shortcut a {
	background:url(/hongkong/images/prelogin/btnTopBg.png) 50% 50% no-repeat;
	height:20px;
	width:20px;
	color:#1369B9;
	display:block;
	float:left;
	margin:0 auto;
	margin-left:5px;
	text-align:center;
	line-height:20px;
}
.content {
	background-color:#EEEEEE;
	padding:5px;
}
.box {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #FFFFFF;
	border-color: #D7D6D6;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #D7D6D6;
	border-style: solid;
	border-width: 1px 2px 2px;
	padding:5px;
	margin:5px 0;
}
.box select {
	width:100%;
	color:#666666;
	font-size:14px;
	line-height:20px;
}
.box input {
/*width:98%;

	margin-right:5px;

	border-radius: 3px 3px 3px 3px;

	border:#D7D6D6 1px solid;

	line-height:25px;*/

}
.box p {
	text-align:justify;
}
.boxtop {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #FFFFFF;
	border-color: #D7D6D6;
	border-radius: 3px 3px 0px 0px;
	border-right: 1px solid #D7D6D6;
	border-style: solid;
	border-width: 1px 2px 0 1px;
	padding:5px 5px 0 5px;
	margin:5px 0 0 0;
}
.boxtop select {
	width:100%;
	color:#666666;
	font-size:14px;
	line-height:25px;
}
.boxtop input {
/*width:98%;

	margin-right:5px;

	border-radius: 3px 3px 3px 3px;

	border:#D7D6D6 1px solid;

	line-height:25px;*/

}
.boxbottom {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #FFFFFF;
	border-color: #D7D6D6;
	border-radius: 0px 0px 3px 3px;
	border-right: 1px solid #D7D6D6;
	border-style: solid;
	border-width: 0 2px 2px 1px;
	padding:0 5px 5px 5px;
	margin:0 0 5px 0;
}
.boxbottom select {
	width:100%;
	color:#666666;
	font-size:14px;
	line-height:25px;
}
.boxbottom input {
/*width:98%;

	margin-right:5px;

	border-radius: 3px 3px 3px 3px;

	border:#D7D6D6 1px solid;

	line-height:25px;*/

}
.border td {
	border-bottom:#D9E2EB 1px solid;
}
.border td td {
	border-bottom:none;
}
#delay {
	background:#ffffff url(/hongkong/images/prelogin/angleD.png) 100% 0% no-repeat;
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #D7D6D6;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #D7D6D6;
	border-style: solid;
	border-width: 1px 2px 2px;
	padding:5px;
	margin:5px 0;
}
#real {
	background:#ffffff url(/hongkong/images/prelogin/angleR.png) 100% 0% no-repeat;
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #D7D6D6;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #D7D6D6;
	border-style: solid;
	border-width: 1px 2px 2px;
	padding:5px;
	margin:5px 0;
}
#last {
	background:#ffffff url(/hongkong/images/prelogin/angleL.png) 100% 0% no-repeat;
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #D7D6D6;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #D7D6D6;
	border-style: solid;
	border-width: 1px 2px 2px;
	padding:5px;
	margin:5px 0;
}
#realBox {
	background:#ffffff url(/hongkong/images/prelogin/angleR.png) 100% 0% no-repeat;
	padding:5px;
}
.boxtit {
	background:#8DC1E9 url(/hongkong/images/prelogin/bottommenubg.png) 0 0 repeat-x;
	/*background-color:#666666;*/

	font-size:14px;
	color:#ffffff;
	/*line-height:25px;*/

	line-height:30px;
	border-radius: 3px 3px 0px 0px;
	padding:0 5px;
	margin-bottom:-5px;
}
.button {
	background:#1469ba url(/hongkong/images/prelogin/btnbg.png) 0 0 repeat-x;
	/*padding:0 5px;*/

	margin:5px 0px;
	font-size:14px;
	color:#ffffff;
	border-radius: 3px 3px 3px 3px;
	display:block;
	text-align:center;
	min-height:25px;
	line-height:20px;
	padding:5px 0 0 5px;
}
.loginbutton {
	color:#093967;
	font-weight:bold;
	text-align:center;
}
.loginbutton a {
	background:#093967 url(/hongkong/images/prelogin/btnloginbg.png) 0 0 repeat-x;
	/*padding:0 5px;*/

	margin:5px 0px;
	color:#093967;
	border-radius: 3px 3px 3px 3px;
	display:block;
	text-align:center;
	text-indent:15%;
	border: #666666 1px inset;
}
.loginbutton span {
	-webkit-background-size: 20px 30px;
	background:url(/hongkong/images/prelogin/person.png) 10% 50% no-repeat;
	line-height:45px;
	display:block;
	font-size:14px;
}
/*.button #faq{*/

#faq {
	-webkit-background-size: 25px 25px;
	background:#cce5ff url(/hongkong/images/prelogin/icon_faq.png) 5px 50% no-repeat;
	line-height:40px;
	display:block;
	font-size:14px;
	text-align:left;
	text-indent:13%;
	color:#1469ba;
}
/*.button #atm{*/

#atm {
	-webkit-background-size: 25px 25px;
	background:#cce5ff url(/hongkong/images/prelogin/icon_atm.png) 5px 50% no-repeat;
	background-color:#cce5ff;
	line-height:40px;
	display:block;
	font-size:14px;
	text-align:left;
	text-indent:13%;
	color:#1469ba;
	border-top:#1469ba 1px dotted;
}
.buttongray {
	background:#7C7C7C url(/hongkong/images/prelogin/graybtnbg.png) 0 0 repeat-x;
	line-height:30px;
	padding:0 5px;
	margin:5px 0px;
	font-size:14px;
	color:#ffffff;
	border-radius: 3px 3px 3px 3px;
	display:block;
	text-align:center;
}
.smalltxt {
	font-size:12px;
}
.smalltxt p {
	text-align:justify;
}
/*Form the table small text*/

.form {
}
table.smalltxt {
	background-color:#ffffff;
}
.smalltxt td p {
	text-align:left;
}
.smalltxt .title {
	border-bottom: 1px solid #D9E2EB;
	font-weight:bold;
	color:#01386E;
}
.smalltxt .content2 {
	background-color:#F2F6F9;
}
.smalltxt .boldTitle {
	font-weight:bold;
}
.largetxt {
	font-size:14px;
}
.greenColor {
	color:#85A446;
}
.blackColor {
	color:#000000;
}
.grayColor {
	color:#666666;
}
.redColor {
	color:#990000;
}
.blueColor {
	color:#1369B9;
}
.blueColor a {
	color:#1369B9;
}
.trade {
	color:#1369B9;
}
.trade a {
	color:#1369B9;
	font-size:12px;
}
.more {
 //background:url(/hongkong/images/prelogin/btn_arrow_blue.jpg) 0% 50% no-repeat;
	background:url(/hongkong/images/prelogin/arrow.png) 100% 50% no-repeat;
 //color:#1369B9;
}
.more a {
	display:block;
	width:90%;/*padding-left:18px;

	color:#1369B9;

	font-size:10px;*/

}
.lineheight {
	line-height:30px;
}
.lineheight2 {
	line-height:15px;
	padding-top:10px;
	padding-bottom:10px;
}
.floatright {
	float:right;
}
.padding {
	padding:0 5px;
}
.margin {
	margin:0 5px;
}
.pricetxt {
	color:#000000;
	font-size:14px;
}
.back a {
	padding-left:5px;
	line-height:30px;
	color:#1369B9;
	display:block;
	border-top:#ffffff 1px solid;
	border-bottom:#D9E2EB 1px solid;
}
.netvagor {
	padding:5px;
	line-height:20px;
	background-color:#ffffff;
	color:#1369B9;
	font-size:12px;
}
.netvagor a {
	color:#1369B9;
}
.panel {
	display: none;
	border-bottom:#D9E2EB 1px solid;
}
td #panel {
	border-bottom:none;
}
.panel2 {
	display: none;
	border-bottom:#D9E2EB 1px solid;
}
td #panel2 {
	border-bottom:none;
}
.page {
	display:block;
	float:right;
	margin-left:3px;
	margin-top:5px;
	_margin-top:0px;
}
.page a {
	border-radius: 3px 3px 3px 3px;
	border-color: #D7D6D6;
	padding:5px 7px;
	margin:2px;
	color:#1369B9;
	background:#CECECE url(/hongkong/images/prelogin/pageBg.png) 0 0 repeat-x;
}
.page #hover {
	color:#ffffff;
	background:#1469BA url(/hongkong/images/prelogin/pageBgHover.png) 0 0 repeat-x;
}
.info {
	margin-bottom:10px;
	font-size:12px;
}
.footermenu {
	border-radius: 3px 3px 3px 3px;
	margin:0 5px 5px 5px;
	text-indent:5px;
	background:#8DC1E9 url(/hongkong/images/prelogin/bottommenubg.png) 0 0 repeat-x;
	line-height:40px;
	font-weight:bold;
}
.footermenu a {
	display:block;
	color:#ffffff;
	border-bottom:#ffffff solid 1px;
}
.footermenu .stockquote {
	color:#ffffff;
	padding:10px 0;
	line-height:100%;
}
.footermenu .stockquote input {
	width:99%;
	border-radius: 3px 3px 3px 3px;
	border:none;
}
.disclaimer {
	background:#EBEBEB;
	padding:0px 5px;
	color:#1369B9;
	line-height:40px;
	font-size:12px;
}
.disclaimer a {
	color:#1369B9;
}
.footer {
	background:#1369B9;
	color:#ffffff;
	font-size:12px;
	padding:10px 5px;
}
.errormsg {
	border:2px solid #990000;
	background:#ffffff;
	padding:10px;
	display:none;
}
.servererrormsg {
	padding:10px;
}
.image img {
	width:100%;
	height:100%;
}
.radiobutton input {
	width:20px;
	height:20px;
	padding-right:5px;
}
.bold {
	font-weight:bold;
}
.btn {
	text-align: center;
 //background-color:#CCE5FF;
 //border-bottom:#1469ba 1px dotted;
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #D7D6D6;
	border-radius: 0px 0px 3px 3px;
 //border-right: 1px solid #D7D6D6;
	border-style: solid;
	border-width: 1px 1px 1px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.btn td {
	text-align: center;
	width:33%;
	border-bottom:#D7D6D6 1px solid;
	border-right:#D7D6D6 1px solid;
}
.btn a {
	display:block;
 //text-align:left;
	line-height:40px;
	color:#1369B9;
 //width:30%;
 //background:url(/hongkong/images/prelogin/arrow.png) 96% 50% no-repeat;
}
.btn img {
	height:45px;
}
.loading {
	height:100%;
	width:100%;
	background:#333333;
	opacity:0.75;
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
}
.loading img {
	width:32px;
	margin:50% auto;
	display:block;
	opacity:1;
}
/*---------------------------------------------------------------------------Prelogin CSS---------------------------------------------------------------------------*/

.prelogbg {
	background:url(/hongkong/images/prelogin/prelogbg.png) 30px 80px repeat-x;
}
.shortcut-prelogin {
	font-size: 14px;
	position:absolute;
	right:70px;
	top:50px;
	line-height:;
	text-align:center;
}
.shortcut-prelogin a {
	background:url(/hongkong/images/prelogin/btnTopBg.png) 50% 50% no-repeat;
	height:20px;
	width:20px;
	color:#ffffff;
	display:block;
	float:left;
	margin:0 auto;
	margin-left:5px;
	text-align:center;
	line-height:20px;
}
.loginbutton-prelogin {
	color:#093967;
	font-weight:bold;
	text-align:center;
	padding:45px 0 0 0;
	margin:0 5px;
}
.loginbutton-prelogin a {
	background:#093967 url(/hongkong/images/prelogin/btn_logon.png) 0 0 repeat-x;
	margin:5px 0px;
	color:#ffffff;
	border-radius: 3px 3px 3px 3px;
	display:block;
	text-align:center;
	text-indent:15%;
 //border: #666666 1px inset;
}
.loginbutton-prelogin span {
	-webkit-background-size: 20px 30px;
	background:url(/hongkong/images/prelogin/person.png) 10% 50% no-repeat;
	line-height:45px;
	display:block;
	font-size:14px;
	text-transform:uppercase;
}
.tab {
	padding:0;
	margin:0;
}
.tab ul {
	list-style:none;
	padding:0;
	margin:0;
	color:#666666;
}
.tab p {
	float:left;
	color:#054ca8;
	padding:0 10px;
}
.tab li {
	text-align:center;
	padding:0;
	margin:0;
	line-height:29px;
	text-decoration:none;
	background:#ffffff url(/hongkong/images/prelogin/tabbg.png) 0 0 repeat-x;
	border:#e5e3e3 1px solid;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	margin-bottom:-1px;
	float:left;
}
.tab .space {
	background:none;
	width:2.8%;
	line-height:30px;
	border-width:0px 0px 1px 0px;
	display:block;
	height:30px;
}
.tab #current {
	background:#ffffff none;
	color:#054ca8;
	border:#e5e3e3 1px solid;
	border-bottom:none;
	/*	-moz-border-radius: 5px 5px 0px 0px;

	-moz-border-top-colors:#dbdbdb #eaeaea #ededed #f0f0f0 #f3f3f4 #f5f5f5 #f7f7f7 #ffffff;

	-moz-border-left-colors:#dbdbdb #eaeaea #ededed #f0f0f0 #f3f3f4 #f5f5f5 #f7f7f7 #ffffff;

	-moz-border-right-colors:#dbdbdb #eaeaea #ededed #f0f0f0 #f3f3f4 #f5f5f5 #f7f7f7 #ffffff;*/

	margin-bottom:-1px;
}
.tab #current a {
	color:#054ca8;
}
.more-prelogin {
	background:url(/hongkong/images/prelogin/arrow.png) 100% 50% no-repeat;
}
.more-prelogin a {
	display:block;
	width:90%;
}
.border-prelogin {
 // float:left;
	padding:0 5px;
	background-color:#ffffff;
}
.border-prelogin .smalltxt {
	background-color:#f9f9f9;
}
.border-prelogin td {
	border-bottom:#D9E2EB 1px solid;
	padding:5px 0;
}
.border-prelogin td td {
	border-bottom:none;
}
.border-prelogin td td a {
	padding-left:10px;
}
.border-prelogin .bold {
	color:#054ca8;
	font-weight:bold;
}
/*.button #web{*/

#web {
	line-height:40px;
	border-top:#1469ba 1px dotted;
	border-bottom:#1469ba 1px dotted;
	background-color:#9be5ff;
	text-indent:5px;
	color:#9be5ff;
}
#web a {
	color:#1b74c7;
}
.mainmenu-prelogin {
	margin-bottom:5px;
	padding:0 10px;
}
.mainmenu-prelogin td, th {
	border-bottom:#D9E2EB 1px solid;
	height:50px;
}
.mainmenu-prelogin .bordertop td, .bordertop th {
	border-top:#D9E2EB 1px solid;
}
.mainmenu-prelogin td {
	width:35px;
}
.mainmenu-prelogin th {
	text-align:left;
	background:url(/hongkong/images/prelogin/arrow.png) 98% 50% no-repeat;
	font-weight:normal;
	font-size:10px;
	padding-top: 5px;
}
.mainmenu-prelogin .search {
	text-align:left;
	background:url(/hongkong/images/prelogin/icon_search.png) 98% 50% no-repeat;
	font-weight:normal;
	font-size:10px;
}
.mainmenu-prelogin th .bold {
	font-size:16px;
	font-weight:normal;
	color:#333333;
	/*line-height:30px;*/
	line-height: 20px;
	padding-bottom: 5px;
	display: block;
}
.mainmenu-prelogin a {
	color:#999999;
	display:block;
 //line-height:25px;
	width:90%;
	padding-left:10px;
}
.mainmenu-prelogin img {
	height:40px;
	padding-right:5px;
}
.nev {
	background:url(/hongkong/images/prelogin/pathbg.png) repeat-x;
	height:30px;
	font-size:12px;
	margin:40px 0 10px 0;
	display:block;
	width:100%;
	text-indent:5px;
}
.nev a {
	line-height:30px;
	height:30px;
	padding:0 5px;
	float:left;
	color:#0349a0;
}
.nev .arrow {
	background:url(/hongkong/images/prelogin/patharrow.png) 0 0 no-repeat;
	padding-left:20px;
	height:30px;
	line-height:30px;
}
.nev .back {
	background:url(/hongkong/images/prelogin/pathback.png) 2px 0 no-repeat;
	padding-left:10px;
	height:30px;
	line-height:30px;
}
.precontent {
	padding:5px;
}
.precontent p {
	padding:0 5px;
}
.precontent .banner {
	width:100%;
}
.precontent .check {
	width:15px;
}
.precontent .phone {
	background:url(/hongkong/images/prelogin/phone.png)0% 50% no-repeat;
	padding-left:20px;
	color:#FFFFFF;
}
.precontent td {
	padding:10px 10px 10px 0;
	line-height:16px;
}
.padding p {
	padding:10px 0;
}
.graybg {
	background-color:#efefef;
}
.bluebg {
	background-color:#006cb7;
}
.lightBlueBg {
	background-color:#e5f8ff;
}
.smallimg img {
	width:15px;
}
.whiteColor, .whiteColor a {
	color:#ffffff;
}
.tablepadding p {
	padding:0px;
	margin:0px;
	margin-bottom:5px;
}
.tablepadding .bluebg, .tablepadding .graybg {
	text-indent:10px;
}
.tablepadding td {
	padding:0 10px;
	line-height:16px;
	height:30px;
}
.tablepadding td td, .tablepadding td td td {
	padding-left:0;
	padding-right:0;
}
.tablepadding .bold {
 //line-height:30px;
	padding:5px 0;
	font-size:14px;
}
.question td {
	text-align:left;
	background:url(/hongkong/images/prelogin/angle.png) 0% 12px no-repeat;
	font-weight:normal;
 //font-size:10px;
	padding:5px 0;
	padding-left:10px;
}
.question a {
 //padding-left:10px;
	color:#006cb7;
	text-decoration:underline;
	line-height:20px;
}
.question td a {
	padding-left:10px;
	display:block;
}
a.backtoptop {
	background:url(/hongkong/images/prelogin/btn_backtotop.png) 100% 50% no-repeat;
	text-align:right;
	float:right;
	border-bottom:#CCCCCC 1px solid;
	display:block;
	width:100%;
	padding:2px 0;
}
/*---------------------------------------------------------------------------2011/08/04 1300---------------------------------------------------------------------------*/

.space1 {
	height:0px;
	margin:59px 0 0px;
}
.space2 {
	height:0px;
}
span.phone {
	color:#FFFFFF;
}
.button .phone {
	color:#FFFFFF;
}
.region {
	background:url(/hongkong/images/prelogin/regionBg.png) 0 100% no-repeat;
	font-size: 12px;
	position:absolute;
	right:5px;
	top:40px;
	line-height:37px;
	padding:0 3px 0 15px;
	height:30px;
	border-left: 1px solid #E5E3E3;
	border-bottom: 1px solid #E5E3E3;
	border-right: 1px solid #E5E3E3;
	border-radius: 0 0 3px 3px;
	color:#054CA8;
}
.topregion{
	width:100%;
	height:40px;
	display:block;
	float:left;
	border-bottom: 1px solid #E5E3E3;
	/*margin-bottom:30px;*/
}
.topregion a{
	background:#ffffff;
	color:#054CA8;
	padding:5px;
	line-height:20px;
	border: 1px solid #E5E3E3;
	border-radius: 3px 3px 3px 3px;
	width:90%;
	display:block;
	float:left;
	margin:5px;
	text-align:center;
}
.topregion img{
	padding:3px 5px;
}

/* funs plus reward */
#bonus-reward .clearfix:before,
#bonus-reward .clearfix:after {
  content: "";
  display: table;
}
#bonus-reward .clearfix:after {
  clear: both;
}
#bonus-reward .clearfix {
  zoom: 1;
  /* ie 6/7 */
}

#bonus-reward .text-center {
  text-align: center;
}
#bonus-reward .text-left {
  text-align: left;
}
#bonus-reward .content .text-justify {
	text-align: justify;
}
#bonus-reward * {
  box-sizing: border-box;
}
#bonus-reward *:before,
#bonus-reward *:after {
  box-sizing: border-box;
}
#bonus-reward u {
  text-decoration: underline;
}

#bonus-reward table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* mobile version */
#bonus-reward, h1, h2 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666;
}
#bonus-reward .s-text {
	font-size: 10px;
}
#bonus-reward .l-text {
	font-size: 14px;
}
#bonus-reward .left {
    float: left;
}
#bonus-reward .right {
    float: right;
}
#bonus-reward .center {
    overflow: hidden;
}
#bonus-reward .vert-parent {
    display: table;
    width: 100%;
    height: 100%;
}
#bonus-reward .vert-content {
    display: table-cell;
    vertical-align: middle;
}
#bonus-reward .caption {
	color: #333333;
	padding: 0 0.3em;
}
#bonus-reward .emphasis {
	color: #f68b1f;
}
#bonus-reward h1 {
	color: #333333;
	font-weight: normal;
	margin-left: 10px;
	margin-top: 25px;
}

#bonus-reward #main-container .tab-top{
	width: 100%;
	padding-bottom: 22.5%;
}
#bonus-reward #main-container[data-content-section="overview"] .tab-top{
	background:url(../images/funplus/tc/home_top.jpg) no-repeat;
	background-size: 100% 100%;
}
#bonus-reward.en #main-container[data-content-section="overview"] .tab-top{
	background:url(../images/funplus/en/home_top.jpg) no-repeat;
	background-size: 100% 100%;
}
#bonus-reward.sc #main-container[data-content-section="overview"] .tab-top{
	background:url(../images/funplus/sc/home_top.jpg) no-repeat;
	background-size: 100% 100%;
}
#bonus-reward #main-container[data-content-section="points"] .tab-top{
	background:url(../images/funplus/tc/points_top.jpg) no-repeat;
	background-size: 100% 100%;
}
#bonus-reward.en #main-container[data-content-section="points"] .tab-top{
	background:url(../images/funplus/en/points_top.jpg) no-repeat;
	background-size: 100% 100%;
}
#bonus-reward.sc #main-container[data-content-section="points"] .tab-top{
	background:url(../images/funplus/sc/points_top.jpg) no-repeat;
	background-size: 100% 100%;
}
#bonus-reward #main-container[data-content-section="redemption"] .tab-top{
	background:url(../images/funplus/tc/redemption_top.jpg) no-repeat;
	background-size: 100% 100%;
}
#bonus-reward.en #main-container[data-content-section="redemption"] .tab-top{
	background:url(../images/funplus/en/redemption_top.jpg) no-repeat;
	background-size: 100% 100%;
}
#bonus-reward.sc #main-container[data-content-section="redemption"] .tab-top{
	background:url(../images/funplus/sc/redemption_top.jpg) no-repeat;
	background-size: 100% 100%;
}

#bonus-reward .page-container .nav {
	list-style: none;
    margin: 10px 0 -10px;
    padding: 0;
    color: #FFFFFF;
    line-height: 34px;
}
#bonus-reward .page-container .nav .nav-item {
	display: inline-block;
    margin-left: -5px;
    min-width: 33%;
}
#bonus-reward .page-container .nav .nav-item.active div {
	background-position: 0 bottom;
}
#bonus-reward .page-container .nav .nav-item .left {
	background: url(../images/funplus/menu_btn_left.png) no-repeat;
	background-position: 0 0;
    width: 15px;
    height: 36px;
}
#bonus-reward .page-container .nav .nav-item .right {
	background: url(../images/funplus/menu_btn_right.png) no-repeat;
	background-position: 0 0;
    width: 15px;
    height: 36px;
}
#bonus-reward .page-container .nav .nav-item .center {
	background: url(../images/funplus/menu_btn_center.png) repeat-x;
	background-position: 0 0;
    width: auto;
	min-width: 70px;
    height: 36px;
	cursor: pointer;
}
#bonus-reward .content h2 {
	color: #f68b1f;
	text-align: center;
	margin-top: 12px;
	font-weight: bold;
}

#bonus-reward .rewards-gift > div {
	display: inline-block;
	width: 48%;
	vertical-align: top;
	margin-bottom: 10px;
}
#bonus-reward .rewards-gift .emphasis span{
	font-weight: bold;
}

#bonus-reward .services {
	width: 310px;
	margin: 0 auto;
	color: #967843;
}
#bonus-reward .services img {
    display: block;
    margin: 5px auto;
}
#bonus-reward .services > div {
    display: inline-block;
	vertical-align: top;
    width: 100px;
    margin: 2px 0;
    padding: 0;
}
#bonus-reward .rewards-2x {
    color: #333333;
    margin-right: 6px;
	min-width: 310px;
}
#bonus-reward .rewards-2x > .left {
    background: url(../images/funplus/rewards_2x_left.png) no-repeat;
    width: 90px;
    height: 60px;
}
#bonus-reward .rewards-2x > .right {
    background: url(../images/funplus/rewards_2x_right.png) no-repeat;
    width: 10px;
    height: 60px;
}
#bonus-reward .rewards-2x > .center {
    background: url(../images/funplus/rewards_2x_center.png) repeat-x;
    width: auto;
    height: 60px;
}
#bonus-reward .rewards-2x span.emphasis {
	font-weight: bold;
}

#bonus-reward .redeem-info {
    color: #FFFFFF;
	margin: 20px -5px 0;
}
#bonus-reward .redeem-info > div {
    display: table;
    width: 50%;
    height: 140px;
    float: left;
}
#bonus-reward .redeem-info > .remarks {
    float: right;
    width: 49%;
    height: auto;
    color: #666666;
    text-align: left;
    padding: 1%;
    margin-top: -10px;
}
#bonus-reward .redeem-info img {
    display: block;
    margin: 0 auto;
}
#bonus-reward .redeem-info > .bg-color-light {
    background-color: #ffab18;
}
#bonus-reward .redeem-info > .bg-color-dark {
    background-color: #ff842a;
}
#bonus-reward .redeem-info > .shadow {
    background: url(../images/funplus/rewards_redeem_shadow.png) repeat-x;
    width: 100%;
    height: 10px;
}

#bonus-reward .important-notes {
	border: 1px #222222 solid;
	color: #333333;
	padding: 0 10px;
}
#bonus-reward .topic {
	font-weight: bold;
}
#bonus-reward .unorder {
	padding-left: 18px;
}
#bonus-reward table .unorder {
	padding-left: 12px;
	list-style: none;
}
#bonus-reward table li:before {
	content: "•";
	display: inline-block;
	margin-left: -8px;
	width: 8px;
}
#bonus-reward table li {
	margin: 0 0;
}
#bonus-reward .important-notes .unorder {
	margin: 0;
}
#bonus-reward .important-notes .unorder li {
	margin-bottom: 10px;
}

#bonus-reward .accordion-group {
	margin: 10px 0;
}
#bonus-reward .accordion.active .accordion-control div {
	background-position: 0 bottom;
}
#bonus-reward .accordion.active .accordion-control .accordion-center .accordion-arrow {
	background-position: 0 bottom;
}
#bonus-reward .accordion-control .accordion-left {
	background: url(../images/funplus/points_btn_left.png) no-repeat;
	background-position: 0 0;
	width: 10px;
	height: 45px;
}
#bonus-reward .accordion-control .accordion-right {
	background: url(../images/funplus/points_btn_right.png) no-repeat;
	background-position: 0 0;
	width: 10px;
	height: 45px;
}
#bonus-reward .accordion-control .accordion-center {
	background: url(../images/funplus/points_btn_center.png) repeat-x;
	background-position: 0 0;
	width: auto;
	height: 45px;
}
#bonus-reward .accordion-control .accordion-center .accordion-icons {
	background: url(../images/funplus/points_icons.png) no-repeat;
	width: 40px;
	height: 40px;
	float: left;
	margin-left: 10px;
}
#bonus-reward .accordion-control .accordion-center .accordion-arrow {
	background: url(../images/funplus/points_arrow.png) no-repeat;
	width: 27px;
	height: 27px;
	float: right;
	margin-right: 10px;
	margin-top: 7px;
}
#bonus-reward .accordion-control .accordion-center .accordion-title {
	background: url(../images/funplus/tc/points_title.png) no-repeat;
	width: 183px;
	height: 25px;
	margin: 8px auto 0;
}
#bonus-reward.en .accordion-control .accordion-center .accordion-title {
	background: url(../images/funplus/en/points_title.png) no-repeat;
}
#bonus-reward.sc .accordion-control .accordion-center .accordion-title {
	background: url(../images/funplus/sc/points_title.png) no-repeat;
}
#bonus-reward .accordion-control .accordion-center .accordion-icons.icon-1 {
	background-position: 0 0;
}
#bonus-reward .accordion-control .accordion-center .accordion-icons.icon-2 {
	background-position: 0 20%;
}
#bonus-reward .accordion-control .accordion-center .accordion-icons.icon-3 {
	background-position: 0 40%;
}
#bonus-reward .accordion-control .accordion-center .accordion-icons.icon-4 {
	background-position: 0 60%;
}
#bonus-reward .accordion-control .accordion-center .accordion-icons.icon-5 {
	background-position: 0 80%;
}
#bonus-reward .accordion-control .accordion-center .accordion-icons.icon-6 {
	background-position: 0 100%;
}
#bonus-reward .accordion-control .accordion-center .accordion-title.title-1 {
	background-position: 0 0;
}
#bonus-reward .accordion-control .accordion-center .accordion-title.title-2 {
	background-position: 0 20%;
}
#bonus-reward .accordion-control .accordion-center .accordion-title.title-3 {
	background-position: 0 40%;
}
#bonus-reward .accordion-control .accordion-center .accordion-title.title-4 {
	background-position: 0 60%;
}
#bonus-reward .accordion-control .accordion-center .accordion-title.title-5 {
	background-position: 0 80%;
}
#bonus-reward .accordion-control .accordion-center .accordion-title.title-6 {
	background-position: 0 100%;
}

#bonus-reward .accordion-group .accordion .accordion-content {
  display: none;
  text-align: center;
  margin: 10px 0px;
  font-size: 12px;
}
#bonus-reward .accordion-group .accordion .accordion-content table td.cell-border-left {
  border-left: 4px solid white;
}
#bonus-reward .accordion-group .accordion .accordion-content table td.cell-border-right {
  border-right: 4px solid white;
}
#bonus-reward .accordion-group .accordion .accordion-content table td.cell-border-bottom {
  border-bottom: 4px solid white;
}
#bonus-reward .accordion-group .accordion .accordion-content table td.cell-border-top {
  border-top: 4px solid white;
}
#bonus-reward .accordion-group .accordion .accordion-content table.header-table {
  width: 100%;
  background: #FFF6B5;
}
#bonus-reward .accordion-group .accordion .accordion-content table.header-table tbody > tr td {
  padding: 1px;
  min-height: 25px;
  /* padding: 10px 0 10px 10px; */
  width: 97.3333px;
}
#bonus-reward .accordion-group .accordion .accordion-content table.content-table {
  width: 100%;
}
#bonus-reward .accordion-group .accordion .accordion-content table.content-table tbody > tr td {
  padding: 4px;
  height: 50px;
  width: 97.3333px;
}
#bonus-reward .accordion-group .accordion .accordion-content table.content-table tbody > tr td.odd {
  background: #FCDE6C;
}
#bonus-reward .accordion-group .accordion .accordion-content table.content-table tbody > tr td.even {
  background: #FCC723;
}
#bonus-reward .accordion-group .accordion .accordion-content table.content-table tbody > tr td table.cell-table {
  height: 100%;
  width: 100%;
}
#bonus-reward .accordion-group .accordion .accordion-content table.content-table tbody > tr td table.cell-table tr:nth-child(1):not(:last-child) {
  border-bottom: 4px solid white;
}
#bonus-reward .accordion-group .accordion .accordion-content table.content-table tbody > tr td table.cell-table tr:nth-child(2) {
  border-top: 4px solid white;
}
#bonus-reward .accordion-group .accordion .accordion-content table.content-table tbody > tr td p {
  margin: 1em auto;
}
#bonus-reward .accordion-group .accordion:not(:last-child) {
  margin-bottom: 3px;
}
#bonus-reward .accordion-group .accordion.active .accordion-control {
  background-position: bottom !important;
}

#bonus-reward .tnc {
	line-height: 14px;
}
#bonus-reward.en .tnc {
	line-height: 12px;
}
#bonus-reward .tnc a {
	color: #1b74c7;
}
#bonus-reward li {
	margin: 5px 0;
}
#bonus-reward .decimal {
	padding-left: 18px;
	margin: 10px 0 20px;
}
#bonus-reward .tnc .lower-alpha {
	list-style: none;
	padding-left: 15px;
	position: relative;
}
#bonus-reward .tnc .lower-alpha .order-number {
	position: absolute;
	left: 0px;
}
#bonus-reward .tnc .lower-roman {
	list-style: lower-roman;
	padding-left: 14px;
}
#bonus-reward .tnc table {
	border-collapse: collapse;
	margin: 10px 0;
}
#bonus-reward .tnc table td {
	border: 1px #333333 solid;
	padding: 8px 5px;
	vertical-align: top;
}
#bonus-reward .tnc table td:nth-child(n) {
	min-width: 40px;
}

#bonus-reward .risk {
	line-height: 14px;
}
#bonus-reward.en .risk {
	line-height: 12px;
}
#bonus-reward .risk p {
	margin: 0;
}
#bonus-reward .risk .topic {
	margin-top: 10px;
}

#bonus-reward .redeem-method .method {
	display: table;
	margin-left: 5px;
	margin-bottom: 20px;
	color: #333333;
}
#bonus-reward .redeem-method .method:last-child {
	margin-bottom: 15px;
}
#bonus-reward .redeem-method .method > div {
	display: table-cell;
	vertical-align: middle;
	line-height: 18px;
	padding-left: 14px;
}
#bonus-reward .redeem-method .icons {
	background: url(../images/funplus/redemption_icons.png) no-repeat;
	width: 35px;
	height: 40px;
}
#bonus-reward .redeem-method .icons.icon-1 {
	background-position: 0 0;
}
#bonus-reward .redeem-method .icons.icon-2 {
	background-position: 0 -40px;
}
#bonus-reward .redeem-method .icons.icon-3 {
	background-position: 0 -80px;
}

#bonus-reward .blue-table {
	background-color: #8dcaff;
	color: #000000;
	height: 58px;
	line-height: 20px;
}

/*end */

/*#bonus-reward p {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
#bonus-reward h2 {
  display: block;
  font-size: 1.5em;
  -webkit-margin-before: 0.83em;
  -webkit-margin-after: 0.83em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
}
#bonus-reward h4 {
  display: block;
  -webkit-margin-before: 1.33em;
  -webkit-margin-after: 1.33em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
}
#bonus-reward ol {
  display: block;
  list-style-type: decimal;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
}
#bonus-reward ol.lower-roman {
  padding-left: 15px;
}
#bonus-reward ol.lower-roman li {
  list-style-type: lower-roman;
}*/
/*#bonus-reward h1 {
  font-size: 20px;
  font-family: 黑体, 新細明體, mingliu, Helvetica, sans-serif;
  font-weight: normal;
  color: #003576;
}*/
#bonus-reward .content-section {
  display: none;
}
#bonus-reward .content {
  background: url("../images/main_bg.jpg") repeat-y;
}
#bonus-reward .page-container {
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
/*#bonus-reward .page-container .nav {
  position: absolute;
  text-align: center;
  width: 100%;
}
#bonus-reward .page-container .nav li {
  list-style-type: none;
  display: inline-block;
  width: 180px;
  height: 32px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 32px;
  text-align: left;
  padding-left: 45px;
  margin-top: 20px;
  cursor: pointer;
  margin-left: -20px;
}
#bonus-reward .page-container .nav li[data-target=overview] {
  margin-left: 0;
  background: url("../images/main_nav_tag1.png") no-repeat;
}
#bonus-reward .page-container .nav li[data-target=overview].active {
  background: url("../images/main_nav_tag1_selected.png") no-repeat;
}
#bonus-reward .page-container .nav li[data-target=award] {
  background: url("../images/main_nav_tag2.png") no-repeat;
}
#bonus-reward .page-container .nav li[data-target=award]:hover {
  background: url("../images/main_nav_tag2_hover.png") no-repeat;
}
#bonus-reward .page-container .nav li[data-target=award].active {
  background: url("../images/main_nav_tag2_selected.png") no-repeat;
}
#bonus-reward .page-container .nav li[data-target=reward] {
  background: url("../images/main_nav_tag3.png") no-repeat;
}
#bonus-reward .page-container .nav li[data-target=reward]:hover {
  background: url("../images/main_nav_tag3_hover.png") no-repeat;
}
#bonus-reward .page-container .nav li[data-target=reward].active {
  background: url("../images/main_nav_tag3_selected.png") no-repeat;
}
#bonus-reward .page-container .nav li[data-target=redemption] {
  background: url("../images/main_nav_tag4.png") no-repeat;
}
#bonus-reward .page-container .nav li[data-target=redemption]:hover {
  background: url("../images/main_nav_tag4_hover.png") no-repeat;
}
#bonus-reward .page-container .nav li[data-target=redemption].active {
  background: url("../images/main_nav_tag4_selected.png") no-repeat;
}*/
/*#bonus-reward #main-container h1 {
  font-size: 20px;
  color: #003576;
  font-size: 20px;
  font-family: 黑体, 新細明體, mingliu, Helvetica, sans-serif;
  font-weight: normal;
}*/
/*#bonus-reward #main-container[data-content-section="overview"] .tab1 {
  background: url("../images/main01_top.png") no-repeat;
  width: 800px;
  height: 351px;
}
#bonus-reward #main-container[data-content-section="overview"] .tab1 .intro {
  display: block;
}
#bonus-reward #main-container[data-content-section="reward"] .tab1 {
  background: url("../images/reward_top.png") no-repeat;
  width: 800px;
  height: 352px;
}
#bonus-reward #main-container[data-content-section="award"] .tab1 {
  background: url("../images/award_top.png") no-repeat;
  width: 800px;
  height: 353px;
}
#bonus-reward #main-container[data-content-section="redemption"] .tab1 {
  background: url("../images/redemption_top.png") no-repeat;
  width: 800px;
  height: 351px;
}
#bonus-reward #main-container .tab1 .nav li:nth-child(1) {
  background: url("../images/main_nav_tag1_selected.png") no-repeat;
}
#bonus-reward #main-container .tab1 .intro {
  display: none;
  position: absolute;
  width: 656px;
  margin-top: 266px;
  margin-left: 83px;
  font-size: 15px;
  line-height: 24px;
  text-align: left;
  color: #FFFFFF;
}
#bonus-reward #main-container .tab1 .intro .emphasis {
  color: #f68b1f;
}
#bonus-reward #main-container .content-section h3 {
  font-size: 20px;
  color: #f68b1f;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;
}
#bonus-reward #main-container .content-section .emphasis {
  color: #f68b1f;
}
#bonus-reward #main-container .content-section .container {
  padding: 15px 60px;
}
#bonus-reward #main-container .content-section .ps {
  border: 1px solid #999999;
  padding: 8px;
  font-size: 11px;
  font-family: 新細明體, mingliu, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 1.5em;
  text-align: justify;
  overflow: auto;
  margin-bottom: 15px;
}
#bonus-reward #main-container .content-section .ps .topic {
  font-weight: bold;
  margin: 0;
}
#bonus-reward #main-container .content-section .ps .point {
  padding-left: 10px;
  margin: 0;
  position: relative;
}
#bonus-reward #main-container .content-section .ps .point:before {
  content: "-";
  position: absolute;
  left: 0px;
  top: -1px;
}
#bonus-reward #main-container #overview-content .line-break {
  background: url("../images/main_line_break.jpg") no-repeat;
  width: 800px;
  height: 3px;
  padding: 0;
}
#bonus-reward #main-container #overview-content p.caption {
  font-size: 12px;
  margin: 10px 0 0 0;
}
#bonus-reward #main-container #overview-content p.note {
  width: 660px;
  margin: 35px 60px 0;
  font-size: 11px;
  text-align: left;
}
#bonus-reward #main-container #overview-content #main1-hero-gift .gift-top {
  font-size: 12px;
  margin-top: 20px;
}
#bonus-reward #main-container #overview-content #main1-hero-gift .gift-group {
  font-size: 12px;
  line-height: 13px;
}
#bonus-reward #main-container #overview-content #main1-hero-gift .gift-info {
  display: inline-block;
  width: 220px;
  vertical-align: top;
}
#bonus-reward #main-container #overview-content #main1-hero-gift .gift-info p {
  margin: 10px;
}
#bonus-reward #main-container #overview-content #main1-hero-gift .gift-info p .score {
  font-size: 24px;
  font-weight: bold;
}
#bonus-reward #main-container #overview-content #main1-rewards {
  padding-top: 30px;
}
#bonus-reward #main-container #overview-content #main1-rewards .rewards-group {
  margin-top: 20px;
  display: inline-block;
}
#bonus-reward #main-container #overview-content #main1-rewards .rewards-group .rewards-info {
  float: left;
  width: 120px;
  margin: 10px;
}
#bonus-reward #main-container #overview-content #main1-rewards .rewards-group .rewards-info p {
  font-size: 12px;
  color: #967843;
  margin: 5px;
}
#bonus-reward #main-container #overview-content #main1-rewards .two-x {
  min-width: 610px;
  height: 80px;
  margin: 0 95px;
  line-height: 80px;
  clear: both;
}
#bonus-reward #main-container #overview-content #main1-rewards .two-x div {
  display: inline;
  height: 80px;
  float: left;
}
#bonus-reward #main-container #overview-content #main1-rewards .two-x div.two-x-icon {
  background: url("../images/main_section2_2x.jpg") no-repeat;
  width: 143px;
}
#bonus-reward #main-container #overview-content #main1-rewards .two-x div.two-x-text {
  background: url("../images/main_section2_2x_bg.png") repeat-x;
  min-width: 442px;
  font-size: 12px;
  vertical-align: bottom;
}
#bonus-reward #main-container #overview-content #main1-rewards .two-x div.two-x-text .emphasis {
  font-size: 14px;
}
#bonus-reward #main-container #overview-content #main1-rewards .two-x div.two-x-close {
  background: url("../images/main_section2_2x_close.png") no-repeat;
  width: 25px;
}
#bonus-reward #main-container #overview-content #main1-redeem {
  padding-top: 30px;
}
#bonus-reward #main-container #overview-content #main1-redeem .redeem {
  background: url("../images/main_section3.png") no-repeat;
  width: 800px;
  height: 196px;
  position: relative;
  margin: 35px 0 70px 0;
}
#bonus-reward #main-container #overview-content #main1-redeem .redeem ul {
  position: absolute;
  font-size: 18px;
  color: #FFFFFF;
  padding-top: 115px;
  padding-left: 28px;
  margin: 0px;
  clear: both;
}
#bonus-reward #main-container #overview-content #main1-redeem .redeem ul li {
  list-style-type: none;
  float: left;
  width: 186px;
  height: 42px;
  font-size: 16px;
}
#bonus-reward #main-container #overview-content #main1-redeem .redeem .remind {
  font-size: 12px;
  width: 137px;
  text-align: left;
  position: absolute;
  margin-left: 620px;
  margin-top: 192px;
}
#bonus-reward #main-container .tnc {
  text-align: justify;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.5em;
  margin: 0 108px;
  padding-top: 0;
}
#bonus-reward #main-container .tnc[data-content-section="overview"] {
  margin: 0 60px;
}
#bonus-reward #main-container .tnc a {
  color: #00baf2;
  cursor: pointer;
  text-decoration: underline;
}
#bonus-reward #main-container .tnc #hide-tnc {
  display: none;
  color: #666666;
  line-height: 18px;
}
#bonus-reward #main-container .tnc #hide-tnc h4 {
  color: #003576;
  font-size: 17px;
  font-family: 黑体, 新細明體, mingliu, Helvetica, sans-serif;
  font-weight: normal;
  margin-top: 25px;
}
#bonus-reward #main-container .tnc #hide-tnc .decimal {
  margin-top: 30px;
  padding-left: 22px;
  line-height: 22px;
}
#bonus-reward #main-container .tnc #hide-tnc .decimal > li {
  list-style: inherit;
}
#bonus-reward #main-container .tnc #hide-tnc .decimal ol.lower-alpha {
  padding-left: 40px;
}
#bonus-reward #main-container .tnc #hide-tnc .decimal ol.lower-alpha > li {
  margin: 5px 0;
  list-style: none;
  position: relative;
}
#bonus-reward #main-container .tnc #hide-tnc .decimal ol.lower-alpha > li .order-number {
  position: absolute;
  left: -40px;
}
#bonus-reward #main-container .tnc #hide-tnc .decimal ol.lower-alpha .lower-roman {
  list-style-type: lower-roman;
}
#bonus-reward #main-container .tnc #hide-tnc .decimal ol.lower-alpha table {
  border-collapse: collapse;
  margin: 10px 0;
}
#bonus-reward #main-container .tnc #hide-tnc .decimal ol.lower-alpha table td {
  border: #666666 1px solid;
  padding: 3px 5px 3px 10px;
  vertical-align: top;
}
#bonus-reward #main-container .tnc #hide-tnc .decimal ol.lower-alpha table td:first-child {
  width: 115px;
}
#bonus-reward #main-container .tnc #hide-tnc .decimal ol.lower-alpha table td ul {
  list-style-type: none;
  padding-left: 20px;
}
#bonus-reward #main-container .tnc #hide-tnc .decimal ol.lower-alpha table td ul li:before {
  content: "●";
  position: absolute;
  margin-left: -20px;
}
#bonus-reward #main-container .risk {
  font-size: 11px;
  font-weight: normal;
  line-height: 1.5em;
  text-align: justify;
  margin: 0 108px;
  padding-top: 0;
  color: #666;
}
#bonus-reward #main-container .risk[data-content-section="overview"] {
  margin: 0 60px;
}
#bonus-reward #main-container .risk p {
  margin: 0;
}
#bonus-reward #main-container .risk > .topic {
  margin-top: 20px;
  font-weight: bold;
}
#bonus-reward #main-container .footer {
  background: url("../images/main_footer.png") no-repeat;
  width: 800px;
  height: 40px;
  margin: 0;
}
#bonus-reward #main-container .remark {
  margin-top: 50px;
  font-size: 11px;
  line-height: 1.5em;
  text-align: justify;
  font-weight: normal;
  font-family: 新細明體, mingliu, Helvetica, sans-serif;
}
#bonus-reward #main-container .remark .remark-content ol {
  padding-left: 15px;
}
#bonus-reward #main-container .remark .remark-content ol li {
  list-style: inherit;
  margin-bottom: 10px;
}
#bonus-reward .accordion-group .accordion .accordion-control {
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  padding: 10px;
  height: 50px;
}*/

#bonus-reward #award-content {
  text-align: left;
}
#bonus-reward #award-content.content-section .container {
  padding: 15px 108px;
}
#bonus-reward #award-content .description {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  margin-top: 10px;
  color: #003576;
}
#bonus-reward #award-content .ps {
  margin-top: 15px;
}
#bonus-reward #award-content .accordion-group {
  margin-top: 20px;
}
#bonus-reward #award-content .accordion-group .accordion .accordion-control {
  width: 584px;
  height: 53px;
}
#bonus-reward #award-content .accordion-group .accordion .accordion-control[data-type="1"] {
  background: url("../images/award_btn01.png");
}
#bonus-reward #award-content .accordion-group .accordion .accordion-control[data-type="2"] {
  background: url("../images/award_btn02.png");
}
#bonus-reward #award-content .accordion-group .accordion .accordion-control[data-type="3"] {
  background: url("../images/award_btn03.png");
}
#bonus-reward #award-content .accordion-group .accordion .accordion-control[data-type="4"] {
  background: url("../images/award_btn04.png");
}
#bonus-reward #award-content .accordion-group .accordion .accordion-control[data-type="5"] {
  background: url("../images/award_btn05.png");
}
#bonus-reward #award-content .accordion-group .accordion .accordion-control[data-type="6"] {
  background: url("../images/award_btn06.png");
}
#bonus-reward #award-content .accordion-group .accordion .accordion-content table.header-table tbody > tr td {
  position: relative;
}
#bonus-reward #award-content .accordion-group .accordion .accordion-content table.header-table tbody > tr td .bar {
  position: relative;
}
#bonus-reward #award-content .accordion-group .accordion .accordion-content table.header-table tbody > tr td .bar.bar-left, #bonus-reward #award-content .accordion-group .accordion .accordion-content table.header-table tbody > tr td .bar.bar-right {
  position: absolute;
  display: block;
  background-color: white;
  width: 5px;
  height: 100%;
  top: 0;
}
#bonus-reward #award-content .accordion-group .accordion .accordion-content table.header-table tbody > tr td .bar.bar-left {
  left: -5px;
}
#bonus-reward #award-content .accordion-group .accordion .accordion-content table.header-table tbody > tr td .bar.bar-right {
  right: -5px;
}

#bonus-reward #reward-content {
  text-align: left;
}
#bonus-reward #reward-content.content-section .container {
  padding: 15px 108px;
}
#bonus-reward #reward-content .description {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  margin-top: 10px;
  color: #003576;
}
#bonus-reward #reward-content #clients-type-accordion.accordion-group {
  margin-top: 20px;
}
#bonus-reward #reward-content #clients-type-accordion.accordion-group .accordion .accordion-control {
  width: 584px;
  height: 53px;
}
#bonus-reward #reward-content #clients-type-accordion.accordion-group .accordion .accordion-control[data-type="1"] {
  background: url("../images/reward_btn01.png");
}
#bonus-reward #reward-content #clients-type-accordion.accordion-group .accordion .accordion-control[data-type="2"] {
  background: url("../images/reward_btn02.png");
}
#bonus-reward #reward-content #clients-type-accordion.accordion-group .accordion .accordion-control[data-type="3"] {
  background: url("../images/reward_btn03.png");
}
#bonus-reward #reward-content #clients-type-accordion.accordion-group .accordion .accordion-control[data-type="4"] {
  background: url("../images/reward_btn04.png");
}
#bonus-reward #reward-content #clients-type-accordion.accordion-group .accordion .accordion-content table.content-table tbody > tr td {
  height: 70px;
}
#bonus-reward #reward-content #clients-type-accordion.accordion-group .accordion .accordion-content table tbody tr td.cell-border-left {
  border-left-width: 8px;
}
#bonus-reward #reward-content .remark .remark-star {
  margin-bottom: 20px;
}
#bonus-reward #reward-content .gift-section {
  margin-top: 18px;
}
#bonus-reward #reward-content .gift-section .gift-title {
  height: 43px;
  line-height: 43px;
  text-align: center;
  background: #FFF6B5;
}
#bonus-reward #reward-content .gift-section .gift-list {
  display: table;
}
#bonus-reward #reward-content .gift-section .gift-list .gift-row {
  display: table-row;
}
#bonus-reward #reward-content .gift-section .gift-list .gift-row .gift-cell {
  display: table-cell;
  width: 30%;
  border-right: 3px solid #FBDD6B;
  border-bottom: 3px solid #FBDD6B;
  padding: 20px;
  vertical-align: top;
}
#bonus-reward #reward-content .gift-section .gift-list .gift-row .gift-cell .gift-icon {
  width: 66px;
  height: 66px;
  display: inline-block;
}
#bonus-reward #reward-content .gift-section .gift-list .gift-row .gift-cell .gift-icon[data-type="1"] {
  background: url("../images/reward_gift01.png");
}
#bonus-reward #reward-content .gift-section .gift-list .gift-row .gift-cell .gift-icon[data-type="2"] {
  background: url("../images/reward_gift02.png");
}
#bonus-reward #reward-content .gift-section .gift-list .gift-row .gift-cell .gift-icon[data-type="3"] {
  background: url("../images/reward_gift03.png");
}
#bonus-reward #reward-content .gift-section .gift-list .gift-row .gift-cell .gift-icon[data-type="4"] {
  background: url("../images/reward_gift04.png");
}
#bonus-reward #reward-content .gift-section .gift-list .gift-row .gift-cell .gift-icon[data-type="5"] {
  background: url("../images/reward_gift05.png");
}
#bonus-reward #reward-content .gift-section .gift-list .gift-row .gift-cell .gift-icon[data-type="6"] {
  background: url("../images/reward_other01.png");
  width: 148px;
  height: 28px;
}
#bonus-reward #reward-content .gift-section .gift-list .gift-row .gift-cell .gift-icon[data-type="7"] {
  background: url("../images/reward_other02.png");
  width: 139px;
  height: 30px;
}
#bonus-reward #reward-content .gift-section .gift-list .gift-row .gift-cell .gift-icon[data-type="8"] {
  background: url("../images/reward_other03.png");
  width: 94px;
  height: 38px;
}
#bonus-reward #reward-content .gift-section .gift-list .gift-row .gift-cell .gift-icon[data-type="9"] {
  background: url("../images/reward_other04.png");
  width: 124px;
  height: 30px;
}
#bonus-reward #reward-content .gift-section .gift-list .gift-row .gift-cell .gift-description, #bonus-reward #reward-content .gift-section .gift-list .gift-row .gift-cell .gift-point {
  margin-top: 10px;
}
#bonus-reward #reward-content .gift-section .gift-list .gift-row .gift-cell:first-child {
  border-left: 3px solid #FBDD6B;
}
#bonus-reward #reward-content .gift-section .gift-list .gift-row:first-child .gift-cell {
  border-top: 3px solid #FBDD6B;
}

#bonus-reward #redemption-content {
  text-align: left;
}
#bonus-reward #redemption-content.content-section .container {
  padding: 15px 108px;
}
#bonus-reward #redemption-content .description {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  margin-top: 10px;
  color: #003576;
}

#bonus-reward #redemption-content .branch-table {
  width: 284px;
  height: 192px;
  display: inline-block;
  text-align: center;
}
#bonus-reward #redemption-content .branch-table.f-left {
  float: left;
}
#bonus-reward #redemption-content .branch-table.f-right {
  float: right;
}
#bonus-reward #redemption-content .branch-table .th {
  display: inline-block;
  width: 290px;
  height: 47px;
  line-height: 47px;
}
#bonus-reward #redemption-content .branch-table .th.blue {
  background-color: #b5e1ff;
}
#bonus-reward #redemption-content .branch-table .th.yellow {
  background-color: #fff6b5;
}
#bonus-reward #redemption-content .branch-table .tb {
  display: inline-block;
  width: 290px;
  height: 145px;
  padding-top: 20px;
}
#bonus-reward #redemption-content .branch-table .tb.blue {
  background-color: #8dcaff;
}
#bonus-reward #redemption-content .branch-table .tb.yellow {
  background-color: #fbde6b;
}
#bonus-reward #redemption-content .special-reminder {
  font-size: 11px;
}
#bonus-reward #redemption-content .special-reminder .note {
  margin-top: 30px;
}
#bonus-reward #redemption-content .ps {
  margin-top: 20px;
}

#bonus-reward.en h1 {
  font-family: Arial, Helvetica, sans-serif;
}
#bonus-reward.en #main-container {
  font-family: Arial, Helvetica, sans-serif;
}
#bonus-reward.en #main-container .tab1 .intro {
  font-size: 14px;
  line-height: 18px;
}
#bonus-reward.en #main-container .content-section .ps {
  font-family: Arial, Helvetica, sans-serif;
}
#bonus-reward.en #main-container #overview-content #main1-redeem .redeem .remind {
  margin-left: 604px;
  width: 180px;
}
#bonus-reward.en #main-container #overview-content #main1-hero-gift .gift-info p .score {
  font-size: 20px;
}
#bonus-reward.en #main-container #overview-content #main1-hero-gift .gift-info p .note {
  margin-left: 0;
}
#bonus-reward.en #main-container .tnc #hide-tnc h4 {
  font-size: 17px;
  font-family: Arial, Helvetica, sans-serif;
}
#bonus-reward .tnc #hide-tnc {
	display: none;
}
#bonus-reward.en #main-container .remark {
  font-family: Arial, Helvetica, sans-serif;
}
#bonus-reward.en #overview-content #main1-rewards .two-x div.two-x-text {
  width: 442px;
  line-height: normal;
  padding: 13px;
}
#bonus-reward.en .tnc #hide-tnc h4 {
  font-family: Arial, Helvetica, sans-serif;
}
#bonus-reward #points-content .accordion-group .accordion .accordion-content table.header-table tbody > tr td {
  position: relative;
}
#bonus-reward #points-content .accordion-group .accordion .accordion-content table.header-table tbody > tr td .bar {
  position: relative;
}
#bonus-reward #points-content .accordion-group .accordion .accordion-content table.header-table tbody > tr td .bar.bar-left, #bonus-reward #points-content .accordion-group .accordion .accordion-content table.header-table tbody > tr td .bar.bar-right {
  position: absolute;
  display: block;
  background-color: white;
  width: 5px;
  height: 100%;
  top: 0;
}
#bonus-reward #points-content .accordion-group .accordion .accordion-content table.header-table tbody > tr td .bar.bar-left {
  left: -5px;
}
#bonus-reward #points-content .accordion-group .accordion .accordion-content table.header-table tbody > tr td .bar.bar-right {
  right: -5px;
}