@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	/*border: 0;*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

body {
	font-size: 12px;
	background: #fff;
	font-family: 'Open Sans', Arial, sans-serif, PMingLiU;
	font-weight: normal;
	color: #7a7a7a;
	/*line-height: 155%;*/
}

html, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input,
	select, button, textarea, iframe, table, th, td {
	margin: 0;
	padding: 0;
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

table, th, td {
	border: 0;
	margin: 0;
	padding: 0;
}

img {
	border: 0 none;
	vertical-align: top;
	width: 100%;
}

ul {
	list-style-type: none;
}

li {
	list-style-type: inherit;
}

button {
	cursor: pointer;
}
/* for Firefox */
a, a:link {
	text-decoration: none;
	color: #4e4e4e;
}

a:hover {
	/*color: #0e6597;*/
}

.fixed:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.fixed {
	display: block;
	min-height: 1%;
}

_html .fixed {
	height: 1%;
}

.clear {
	display: block !important;
	float: none !important;
	clear: both;
	overflow: hidden;
	width: auto !important;
	height: 0 !important;
	margin: 0 auto !important;
	padding: 0 !important;
	font-size: 0;
	line-height: 0;
}

.fl, .fr {
	display: inline;
	float: left;
}

.fr {
	float: right;
}

#header {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1000;
}


.full {
	width: 100%;
}

.center {
/* 	max-width: 1280px;
	min-width: 1140px; */
	width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
	height: auto;
}

/* headerTop*/
#header {
	position: fixed;
	background-color: #221a10;
	/* background: url(/img/headBg2.jpg) repeat-y center top; */
	/*background: url(/img/headBg2_darkM.jpg) no-repeat center top;
	background-size:100% 178px;*/
	/*background-image:url(/img/headBg2_darkM.jpg);*/
	background-repeat: no-repeat;
	background-position: center ;
	background-size:100% 278px;
}

.headerTop {
	/*background: url(/img/headBg_blue.jpg) repeat-x left top;*/
	height: 40px;
}
.headerTop.BLUE {
	/*background: url(/img/headBg_blue.jpg) repeat-x left top;*/
}
.headerTop.SILVER {
	background: url(/img/headBg_silver.jpg) repeat-x left top;
}
.headerTop.GOLD {
	background: url(/img/headBg_gold.jpg) repeat-x left top;
}
.headerTop.PLATINUM {
	background: url(/img/headBg_platinum.jpg) repeat-x left top;
}
.headerTop.BLACK {
	background: url(/img/headBg_black.jpg) repeat-x left top;
}

.headerTopCenter {
	height: 100%;
}

.headerTopR {
	width: auto;
	height: 100%;
	float: right;
	padding-top: 7px;
}

.user {
	display: inline-block;
	width: auto;
	float: left;
	height: 100%;
	color: #fff;
	margin-right: 20px;
}
.user_icon{
	width:26px;
	height:26px;
	background: url(/images/user_icon.png) no-repeat left top;
	float: left;
	margin-right:8px;

}
.lang {
	display: inline-block;
	width: auto;
	float: left;
	height: 100%;
}

.user a {
	display: inline-block;
	margin: 0 5px;
	color: #fff;
	padding-top: 5px;
}

.lang a {
	float: left;
	width: 27px;
  	height: 26px;
 	padding-top: 0;
	margin-left:10px;
}

.lang a.iconChat, .lang a.iconZh, .lang a.iconEn {
	width: 24px;
	height: 24px;
	padding-top: 0;
}

/* headerTop end */
/* logo  */
#logo .logoImg {
	display: block;
	width: 238px;
	padding: 35px 0 10px 0;
}
/* logo end  */

/* menu  */
.menuUl {
  display: block;
  font-size: 1.35em;
  text-align: center;
  height: auto;
  padding-top: 20px;
 /*  padding-left:0; */
}

.menuUl li {
	text-align: center;
	position: relative;
	font-family: 'Lato',"Microsoft JhengHei", "微軟正黑體",'EB Garamond', Arial, sans-serif;
}

.menuUl>li {
  vertical-align: top;
  display: block;
  height: 37px;
  float: left;
}

.menuUl>li:first-child {
  width: 8%;
  text-align: left;
}

.menuUl>li>a {
  text-transform: uppercase;
}

.menuUl>li>a {
  padding: 20px 5px 12px 5px;
  background-position: center 37px;
  background-repeat: no-repeat;
  font-weight: 600;
  color:#fff;
}

.menuUl>li>a:hover{
  color: #fac809;
}
/*.menuUl>li.menuLiOver {
	border-bottom: solid 1px #7a7a7a;
}*/



.menuUl>li>a>img
{
	height:30px;
	width: auto;
	margin-top: -10px;
}

.menuUl>li>ul {
	display: none;
	background: url(/img/menuUlTwoBg.png) repeat top left;
	position: absolute;
	top:95px;
	left: 0;
	width: 100%;
	z-index: 9999;
}
.menuUl>li>ul >li>ul{
	display: none;
	background: url(/img/menuUlTwoBg.png) repeat top left;
	position: absolute;
	top:0;
	left: 100%;
	width: 100%;
	z-index: 9999;
}

.menuUl>li>ul>li {
	width: 100%;
	border-top: solid 1px #e4e4e4;
}
.menuUl>li>ul>li>ul>li {
	width: 100%;
	border-top: solid 1px #e4e4e4;
}
.menuUl>li>ul>li a {
	display: block;
	width: 100%;
	padding: 15px 0;
}

/* menu end */

/* footer */
#footer {
	background: #d0cece;
	color: #7a7a7a;
	padding-bottom: 25px;
}

.footerB {
	height: auto;
	overflow: hidden;
	padding: 20px 0 0 0;
	line-height: 140%;
}

.footerB .footerBL {
    margin: 0 7px;
    height: auto;
    padding-left: 45px;
    float: left;
    min-height: 43px;
    padding-top: 5px;
    font-size: 1.16em;
	/*background: url(/img/phone.png) no-repeat left top;*/
}

.footerB .footerBFacebook {
	/*background-image: url(/img/F.png);*/
}

.footerB .footerBInstagram {
	/*background-image: url(/img/icon_instagram.png);*/
	margin-right: 2px;
}

.footerB .footerBMyHKTCS {
	background: none;
	padding:0;
}
.footerBMyHKTCS img
{
	height:40px;
	width:auto;

}


.footerB .footerBEmail {
	/*background-image: url(/img/email.png);*/
}

.footerB .footerBChat {
	padding-top: 10px;
	background-image: url(../images/chat.png);
	display: none;
}

.footerB .footerBL a.email_color
{
	color:blue;
}
.footerB .footerBL a {
	color: #7a7a7a;
}

.footerB .remark {
	float: right;
	width: auto;
	font-size: 1.08em;
	text-align: right;
	color: #4e4e4e;
	font-family: 'PT Sans', sans-serif;
}

.footerB .remark p {
	padding: 2px 0;
}

.footerB .remark p a {
	margin-left: 5px;

}

.footerBCust {
	padding-left: 40px!important;
	}

a.tnc_color
{
	 color: blue;
}

a.email_color
{
	color:blue;
}

.footerB .remark .bottom_right_image {
	width: 132px;
	margin-top:6px;
}

.content_left img{
	width:60%;
}

/* footer end */

/* main */
#main {
	height: auto;
	overflow: hidden;
	padding: 20px 0 110px 0;
	position: relative;
	z-index: 99;
}

#main .mainBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#main .main {
	position: relative;
	z-index: 999;
	min-height: 400px;
}

#main {
		margin-top: 175px;
}

#main .main .theme {
  font-size: 3.33em;
  text-align: center;
  padding: 15px 0;
  text-transform: uppercase;
  font-family: 'EB Garamond', Arial, sans-serif;
  color: #0e6597;
}
/* lineBg */
.mainCenter img.lineBg {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	z-index: -100;
}


.brand_name {
	font-size: 120%;
}

.placeholder { color: #aaa; }

/* common table */
.comTable{
	margin-top: 35px;
	text-align:center;
	font-size: 18px;
	border-bottom: 1px solid #8eb3d8;
}
.comTable thead tr{
	border:none;
}
.comTable tr:first-child{
	border:none;
}
.comTable tr{
	border-top: 1px solid #8eb3d8;
}
.comTable thead tr td{
	background:#336baf;
	color:#fff;
	padding: 15px 5px;
	font-size: 18px;
}
.comTable thead tr td+td{
	background:url("../images/table_bg.png") 10px 0px no-repeat;
	color:#fff;
	padding-left: 15px;
	padding-right: 5px;
}

.comTable tbody td{
	padding: 20px 0;
}

.comTable tbody td:first-child{
	padding-left:0px;
}
.comTable tbody td{
	padding-left: 10px;

	/*lob in point transaction history*/
	padding-top: 0px;
  	padding-bottom: 0px;
}
.comTable p a:link{
	color: #336baf;
	text-decoration: underline;
}

.tableWrap {
overflow-x: auto;
overflow-y: hidden;
width: 100%;
}
/* input,select */
.comSelect{
	padding: 0 0 0 10px;
	display: inline-block;
	height: 30px;
	border: solid 1px #f6f8fa;
	background: #fff;
}
.comBtn{
	display: inline-block;
	background: none;
	border: solid 1px #0e6597;
	text-align: center;
	vertical-align: middle;
	margin: 0 10px;
	padding: 0 20px;
	height: 55px;
	cursor: pointer;
	float: none;
	text-transform: uppercase;
	font-family: 'EB Garamond', Arial, sans-serif;
	color: #0e6597;
	font-size: inherit;
	width: 110px;
}


.warningMsg-clubpoint, .warningMsg-nostock, .warningMsg-maxitems, .warningMsg-payment, .warningMsg-maxquota, .warningMsg-notallow { display:none; margin-bottom:3px; color:#f06740;}

.btnNewHot{width:100%;float:left;height:100%}
.btnNewHot_left{  width:30%;float:left;height:34px}
.btnNewHot_right{  width:70%;float:left;height:100%}
.btnNewHot_icon>span{ float:right; width:65px; height:34px; margin-right:10px; text-indent:-9999px;}
.btnNewHot_icon{  width: 75%;min-width: 360px;height: 100%;}
.btnNew{ background:url(/img/en-us/new-icon.png) no-repeat 0 0;}
.btnHot{ background:url(/img/en-us/hot-icon.png) no-repeat 0 0;}

.lang a.zh {
	background: url(/img/zh-hk/icon_lang_zh.png) no-repeat left top;
}

.lang a.zh:hover {
	background: url(/img/zh-hk/icon_lang_zhhv.png) no-repeat left top;
}

.lang a.en {
	background: url(/img/en-us/icon_lang_en.png) no-repeat left top;
}

.lang a.en:hover {
	background: url(/img/en-us/icon_lang_enhv.png) no-repeat left top;
}

/*.banner {display:none;}*/

/*==========================online payment===========================*/

#content{ width:89%; margin:0 auto; min-height:300px;}

.tabBox-menu li{ float:left; position:relative;}

.checkOutBox{
	margin: 50px auto 0;
}

.checkOutBox .tabBox-menu{
	height: 53px;
	line-height:53px;
	background:#f06740;
	/*background:url(../img/bar-width-980-blue.png) no-repeat 0 0;*/
}
.checkOutBox .tabBox-menu li{
	/*padding:0 75px 0 35px;*/
	background:url(/img/arrow-checkout-step.png) no-repeat right center;
	margin-top:0;
	font-size:22px;
	color:#fff;
	text-transform:uppercase;
}
.checkOutBox .tabBox-menu li.current{ color:#fff;}
.checkOutBox .tabBox-menu li.last{ padding-right:0; background:none;}
.checkOutBox-menu li{
	float:left;
}
.checkOutBox .tabBox-menu li:first-child{ margin-left:40px; padding:0;}
.checkOutBox .innerTabContentMid{ width:auto; min-height:300px; padding-top:4px; border:0;}

.checkOutBox .checkout-button{
	clear:both;
	text-align:right;
	margin-bottom:50px;
}

.checkOutBox .price{
	/*color:#004890;*/
}

.checkOutBox .resend{
	float: right;
	margin-right: 10px;
}

.checkOutBox .price a{
	color:#004890;
}

.checkOutBox .red{
	color:#ff0000;
}

.checkOutBox #amount{ /*color:#191920; font-size:13px; font-weight:500;*/}
.checkOutBox td.center .price{
	/*color:#191920;
	font-size:13px;*/
}
#update-btn{ width:77px; margin-right:16px;}

/*===handle Vertical Centering in div===support ie6/ie7*/
/*.checkOutBox .outtitle{
	display: table;
	height: 100px;
	#position: relative;
	overflow: hidden;
}
.checkOutBox .outtitle .innertitle{
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
}
.checkOutBox .outtitle .innertitle .title{
	margin-left:20px;
	#position: relative;
	#top: -50%
}*/
.checkOutBox .outtitle .innertitle .title{ font-size:13px; font-weight:normal;color: #0e6597;}
.checkOutBox .outtitle{margin-left: 30%;}
.checkOutBox .thumb{width: 25%;float: left; text-align: center; }
.checkOutBox .thumb img{ max-width:130px;max-height:130px;}
ul.checkout-package-list{list-style:square; margin-left:18px;color:gray;}
ul.checkout-package-list li{padding-left:5px;border:0;}
ul.checkout-package-list li span{color:black; font-weight:normal;}
/*.checkOutBox .outtitle .innertitle .title li{margin-bottom:0;padding:0 0 0 5px;}
.checkOutBox .outtitle .innertitle .title ul{margin-bottom:20px;}*/

.checkOutStep .tabBox-menu{ background:/* #eff7fa */#e2e2e2;}
.checkOutStep .tabBox-menu li{ position:relative; font-size:18px; text-align:center; background:none; color:/* #86bbef */#4e4e4e;}
.checkOutStep .tabBox-menu li:first-child{ margin-left:0;}
.checkOutStep .tabBox-menu li.c1{ width:24%;}
.checkOutStep .tabBox-menu li.c2{ width:28%;}
.checkOutStep .tabBox-menu li.c3{ width:24%;}
.checkOutStep .tabBox-menu li.c4{ width:24%;}
.checkOutStep .tabBox-menu li.current{ background:#fac809; color:#fff;}
.stepArrow{ position:absolute; top:15px; right:-13px; width:13px; height:27px; background:url(/img/step-arrow.png) no-repeat 0 0;}
.checkOutStep .innerTabContentMid{ padding-top:30px;}


/*=====Registration==============*/
.checkOutBox #left-box{
	/*margin: 10px 0px 20px 20px;*/
	width: 488px;
	min-height: 350px;
	float: left;
	background-color: #f3f4f4;
	/*border: 1px solid #ccc;*/
}
.checkOutBox #right-box{
	/*margin: 10px 20px 20px 10px;*/
	/* -- orig width: 488; */
	width: 100%;
	min-height: 350px;
	/* -- orig float: right; */
	float: left;
	/*background-color: #e3e7ea;*/
	/*border: 1px solid #ccc;*/
}
.checkOutBox .form-title,.searchBox .form-title{
	margin-top: 25px;
	margin-left: 40px;
	font-size: 18px;
	font-weight: 500;
}
.userBox.checkOutBox .form-title,.searchBox .form-title{ text-transform:uppercase;}

.checkOutBox .check-table{
	/*width: 98%;*/
	margin: 0 auto;
	font-weight: bold;
	table-layout: fixed;
/*	border-collapse: separate;
	border-spacing: 5px;*/
}
.checkOutBox .check-table .header{
	background-color: /* #336baf */ #2c1e15;
	color:white;
}
.checkOutBox .check-table .footer{
	background-color: /* #336baf */ #2c1e15;
	color:white;
}
.checkOutBox .check-table .footer td {
	text-align: center;
}
.checkOutBox .check-table .footer .total {
	text-align: right;
	padding-right: 50px;
	text-transform:uppercase;
	font-weight:normal;
	font-size:13px;
}
.checkOutBox .check-table td, .checkOutBox .check-table th{
	padding:8px 5px;
	vertical-align:middle;
}

.checkOutBox .check-table .package-row td{
	padding:8px 5px;
}
.checkOutBox .check-table .table-border td{
	border-top:1px solid #e8e9eb;
}

.checkOutBox .check-table th{
	border-right:3px solid #FFFFFF;
}
.checkOutBox .check-table .header th{ border-top:0; font-size:13px; font-weight:bold;}
.checkOutBox .check-table .footer td{ border-right:4px solid #FFFFFF;}
.checkOutBox .check-table .row.first td, .checkOutBox .check-table .footer td{ border-top:0;}
.checkOutBox .check-table .row td{ padding:20px 5px;}
.checkOutBox .check-table .left{
	float:none;
	/*width: 450px;*/
	padding-left: 10px;
	text-align: left;
}
.checkOutBox .check-table .header th:first-child{
	padding-left: 30px;
	width:35%;
}
.checkOutBox .check-table .center{
	width: 120px;
	text-align: center;
	font-weight:normal;
}
.checkOutBox .check-table .small{
	width: 60px;
}
.checkOutBox .check-table .middle{
	width: 80px;
}

.checkOutBox .check-table td input{
	width: 37px;
	text-align:right;
	padding:1px 5px 3px 1px;
	border:1px solid #b4b4b4;
}
.checkOutBox .check-table .row td{
	/*height: 110px;*/
}
.checkOutBox .check-table .line{
	height: 1px;
}
.checkOutBox .check-table .line td{
	height: 1px;
	border:1px solid #ccc;
	border-width:1px 0px 0px 0px;
	margin:0;
	padding:0
}
.checkOutBox .checkout-1-button{
	margin: 20px 0px 50px 0;
	text-align:right;
}
.checkOutBox .check-table td a.cancel_item,.remove-btn{ display:inline-block; width:21px; height:22px; background:url(/img/btn-cancel.png) no-repeat 0 0; text-indent:-9999px; }
.checkOutBox .check-table td a.cancel_item:hover,.remove-btn:hover{ background-position:left bottom;}
.remove-btn{border: 0;cursor:pointer;}
.discountCode{ height:40px; margin-top:20px; background:#e6e6e6;}
.discountCode *{ margin-top:10px; }
.discountCode label{ color:#222222; font-weight:500; margin:0 18px 0 40px;}
.discountCode #CartDiscountCode{ width:192px; padding:2px; margin-right:5px; background:#fff; border:1px solid #b4b4b4;}
.discountCode #apply-btn{ width:54px; height:21px;}
#discount-footer td{ border-bottom:4px solid #fff;}
#discount-text{ font-size:13px; color:#2a2a2a;}
#discount-text span{ padding-left:20px; font-size:13px; color:#ee3a43;}
.discount-name{float:left}
#discount-text .discount_code{padding-left:0}
.checkOutStep .checkbox-desc label{ font-size:15px; color:#004890;}

.warningMsgContainer .warningMsg, .warningMsgContainerLogin .warningMsg, .warningMsg-clubpoint, .warningMsg-nostock, .warningMsg-maxitems, .warningMsg-payment, .warningMsg-maxquota, .warningMsg-notallow { display:none; margin-bottom:3px; color:#f06740;}
.warningMsg,.warningEmailMsg, .warningMsg-payment{ display:none; margin-top:2px; color:#f06740;}
.warningMsg-captcha, .warningMsg-captcha>a{color:#ff0000;}


/*====== Buttons===========*/
.checkOutBox #checkout2 .save-btn,.checkOutBox #checkout2 .confirm-btn,.checkOutBox #checkout2 .close-btn,.checkOutBox .checkout-1-button #update-btn, .checkOutBox .checkout-1-button #checkout-btn, .checkOutBox .checkout-button #next-btn, .checkOutBox #checkout2 #right-box .form-btn #location-btn, .checkOutBox #checkout3 #confirm-btn, .userBox #history-btn, .userBox .buttons .save-btn, .userBox .buttons .close-btn, .userBox .buttons .cancel-btn, #login, .btnViewCart, .btnRegister, #submit-btn,#set-password-btn, #view-account-btn, #forgotPw-btn, #setPw-btn, .viewAccount-btn, .edit-btn, #apply-btn, #next-btn, .logout-btn, #submit-btn{
 	/*width: 136px;*/
	height: 29px;
	border: 0;
	text-indent:-9999px;
	color:transparent;
}
 #submit-btn{
	text-indent:0;
}
.checkOutBox #checkout2 .save-btn,.checkOutBox #checkout2 .confirm-btn,.checkOutBox #checkout2 .close-btn,.userBox .buttons .save-btn, .userBox .buttons .close-btn, .userBox .buttons .cancel-btn{height: 21px;}
#apply-btn:hover,.checkOutBox .checkout-1-button #checkout-btn:hover{
	cursor: pointer;
	background-position: 0 center;
}

.disable{
	background-position: 0 bottom !important;
}

.checkOutBox .checkout-1-button #update-btn:hover, .checkOutBox .checkout-button #next-btn:hover, .checkOutBox #checkout2 #right-box .form-btn #location-btn:hover, .checkOutBox #checkout3 #confirm-btn:hover, #login-btn:hover, .userBox #history-btn:hover, .userBox .buttons .save-btn:hover, .userBox .buttons .close-btn:hover, .userBox .buttons .cancel-btn:hover, .checkOutBox #sign-btn:hover, .checkOutBox .save-btn:hover,.checkOutBox .confirm-btn:hover, .checkOutBox .close-btn:hover, .create-btn:hover, #login:hover, .btnViewCart:hover, .btnRegister:hover, #submit-btn:hover,#set-password-btn:hover, #view-account-btn:hover, #forgotPw-btn:hover, #setPw-btn:hover, .viewAccount-btn:hover, .edit-btn:hover,  #next-btn:hover, #btnJumpTo:hover, .logout-btn:hover,.txt404 .home-btn, #submit-btn:hover{
 	cursor: pointer;
	background-position: 0 bottom;
}
.checkOutBox #checkout2 #right-box .form-btn #location-btn{
	height:20px;
	width:110px;
	margin-right:38px;
}
#checkout-btn{ width:94px;}
#next-btn{ width:61px;}
#confirm-btn{ width:85px; }

.outOfStockMsg.display{display:block; float:left; width:270px;color: #F82121;}
.outofstock-msg, .quantity-msg, .maxquota-msg, .notallow-msg{display:none;font-weight: normal;}

/* ===================== Common Style ===================== */
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0;}
.clearfix:after { clear: both;}
.left { float:left;}
.right { float:right;}
.clear { clear:both;}
.hide { display:none;}
.hidden { visibility:hidden;}
.noBorder{ border:none;}
.noMargin{ margin-left:0; margin-right:0;}
.break { word-break: break-all; word-break: break-word;}

html{ overflow-y: scroll; }
html{ height:100%; /*background:#fff url(/img/bg.png) repeat-x 0 0;*/ font-size:13px; font-weight:400;}
#wrapper{ min-width:980px; /*background:#e1e1e0 url(../img/bg.png) repeat-y center 0;*/ background:#e1e1e0; }
#container{ max-width:1200px; position:relative; margin:0 auto; overflow:hidden;}
#innerContainer{ position:relative; overflow:hidden; left:50%; width:1200px; margin-left:-600px; min-height:630px; background:#fff;}
#content{ width:89%;max-width:1200px; margin:0 auto; min-height:300px;}


/*=====================SHIPPING INFORMATION===================*/

.checkOutBox #checkout2{ position:relative;  background:url(/img/bg-checkout2.png) repeat-y 0 0; }
.checkOutBox #checkout2 #mid-box{
	position: absolute;
	/*top:415px;
	left: 625px;*/
	left:467px;
	top:190px;
	width: 45px;
	height: 30px;
	line-height:30px;
	background-color: #fff;
	font-size: 15px;
	text-align: center;
	text-transform:uppercase;
}
.checkOutBox #checkout2 #left-box{
	/*margin: 0 0 20px 0;*/
	/*width: 460px;*/
	background-color: #f3f4f4;
}
.checkOutBox #checkout2  .checkbox-desc{
	margin-left: 0px;
	margin-bottom: 5px;
	font-size: 13px;
	font-style:normal;
}
.checkOutBox #checkout2  .checkbox-desc label{
	margin-left: 10px;
}
.checkOutBox #checkout2  #shop-address{
	width: 226px;
	display: block;
	float: left;
}
.checkOutBox #checkout2 #right-box{
	/*margin: 0 0 20px 0;*/
	/*width: 460px;*/
	background-color: #f3f4f4;
}
.checkOutBox #checkout2 .bottom-box{
	clear: both;
	background-color: #fff;
	padding-top: 5px;
}
.checkOutBox #checkout2 .bottom-box .sorry{
	color:#F00;
}
.checkOutBox #checkout2 .bottom-box .remove{
	display:block; background:url(/img/btn-cancel.png) no-repeat left top; width:22px; height:22px; text-indent:-9999px; cursor:pointer; }
.checkOutBox #checkout2 .bottom-box .remove:hover{
	background-position:left bottom;
}
.checkOutBox #checkout2 .bottom-box .collectionTable{
	width: 100%;
}
.checkOutBox #checkout2 .form-body label{
	width: 142px;
	display: inline-block;
	font-weight:500;
	font-size:13px;
	font-weight:700;
	margin-right: 10px;
}
.checkOutBox #checkout2 .form-body .checkbox-desc label{
    font-size: 15px;
	text-transform:uppercase;
	font-weight:700;
}
.checkOutBox #checkout2 .form-body .multiline label{
	float: left;
	display: block;
	/*height: 150px;*/
}
.checkOutBox #checkout2 #right-box .form-body label{
	display: inline-block;
	width: 170px;
}
.checkOutBox #checkout2 #right-box .form-body .wide-label label{
	width: 280px;
}
.checkOutBox #checkout2 #right-box textarea{
	height: 65px;
	width: 190px;
	text-align: left;
	resize: none;
	border:0;
	background:none;
	font-size:13px;
}
.checkOutBox #checkout2 #right-box .textfield,.checkOutBox #checkout2 .defaultDisplay{
	width: 300px;
	height:35px;
	border:0;
	background:none;
	font-size:13px;
}
.checkOutBox #checkout2 #right-box .ss-textfield{
	width: 50px;
	margin-right:4px;
}
.checkOutBox #checkout2 #right-box .s-textfield{
	width: 70px;
	margin-right:4px;
}
.checkOutBox #checkout2 #right-box .checkbox-item-sub2 .textfield, .checkOutBox #checkout2 #right-box .checkbox-item-sub2  textarea{ border:1px solid #DFDFDD; background:#fff; /*padding:1px 2px;*/}
.checkOutBox #checkout2 #right-box .form-btn{
	text-align: right;
}
/*.checkOutBox #checkout2 #right-box .form-row{
	padding-bottom: 5px;
}*/
.checkOutBox #checkout2 #right-box .form-sub-title{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
}
.checkOutBox #checkout2 #right-box .checkbox-item-sub2 .valOnly{
	border:0px;
	background:none;
}
.birthdate .clearfix{ float:left;}
.birthdate .clearfix>.warningMsg{ clear:both;}
.checkOutBox .form-row select, .checkOutBox .form-row textarea{ border:1px solid #B4B4B4;}
.checkOutBox .form-row select{ margin-right:3px; margin-bottom: 0; height:35px; width:300px;}
.checkOutBox #checkout2 .form-title{ margin:27px 0 0 34px; }
/*.checkOutBox #checkout2 .form-body{ margin:18px 0 0 34px; }*/
.checkOutBox #checkout2 .textfield{ width:210px;}
.checkOutTitle{ margin:0 0 16px 40px; font-size:18px; color:#191920; text-transform:uppercase;}
#checkout2 .form-row{ margin-left:23px;}
.checkbox-item-sub{ margin-left:23px;}
.checkbox-item-sub2{ margin-top:-2px;}
.checkOutStep #checkout2 .checkbox-item-sub .checkbox-desc{ margin-bottom:0;width: 100%;}
.checkOutStep #checkout2 .checkbox-item-sub .checkbox-desc label{ width:250px; font-size:13px; color:#222; text-transform:none;}
#checkout2 .odd0{ background:#f3f4f4;}
#checkout2 .odd{ background:#e3e7ea;}
.collectionTable{ width:400px; margin-top:10px;}
.collectionTable th{ font-weight:bold;}
.collectionTable th, .collectionTable td{ padding:5px 23px; font-size:13px;}
#checkout2 .buttons{ display:none;}

#checkout2 .inputForm{display:none;}
#checkout2 .buttons{ margin:7px 0 12px 193px;}
#checkout2 .checkout-button{ padding-top:20px; background:#fff;margin-bottom:50px;}
#checkout2 .form-body .checkbox-item{ margin-bottom:10px;}
#checkout2 .form-body .form-row{ padding-bottom:14px;}
#register .checkbox-desc{ height:auto;}
.align-top{vertical-align: top;}
.checkOutBox #checkout2 .long-label label{
	width: 310px;
}
.checkOutBox #checkout2 #right-box .long-label label{
	width: 265px;
}
.checkOutBox #checkout2 #shop-openhours{
	width: 250px;
}
.checkOutBox .form-body{
	margin: 20px 0 20px 40px;
}
.checkOutBox  .form-body .form-row{
	padding-bottom: 12px;
}
.checkOutBox  .form-body .form-label{
	font-size: 13px;
	width: 169px;
	/*display: inline-block;*/
	float:left;
	color:#222222;
}
.checkOutBox .form-body .checkbox{
	float: left;
	margin-top:3px;
	#margin-top:0;
}
.checkOutBox .form-body .radio{
	margin-bottom:10px;
}
.checkOutBox .form-body .checkbox-desc{
	margin-left: 10px;
	display: inline-block;
	float: left;
	width:320px;
}
.checkout-button .btnBack{ display:block; width:70px; height:29px; margin:0; text-indent:-9999px;}
.checkout-button .innerTabBox{ width:100px; float:left;}
caption,th { text-align:left; }
textarea { overflow: auto; vertical-align: top; resize: vertical;}
.promo-field{height: 22px;}
.promo-field select{position: absolute;bottom: 0;}
.form-field{ position:relative; float:left; z-index:99}
.form-row-2 .form-field{ clear:both; float:none;}
.form-row-2 .form-label{ margin-bottom:5px;}
.form-field .defaultValue{ position:absolute; left:5px; top:2px; color:#999;}
.form-field .defaultRight{right:26px;left: initial;}
#user-login .defaultValue{ font-size:13px; left:18px; top:5px;}

/*===========Payment Method=============*/
.checkOutBox #checkout3 #left-box{
	min-height: 100px;
	width: 57%;
	margin: 0 0px 25px 40px;
	background-color: #fff;
	border: 1px solid #fff;
}
.checkOutBox #checkout3 #right-box{
	min-height: 100px;
	width: 308px;
	margin: 0 0 25px 40px;
	font-weight: bold;
	background-color: #fff;
	border: 1px solid #fff;
}
.checkOutBox #checkout3 .form-title{ margin:10px 0 0 0; text-transform:uppercase;}
/*.checkOutBox #checkout3 .list{
	margin-top: 20px;
}*/
.checkOutBox .list li{
	border-top:1px solid #e7e8ea;
	/*font-weight: bold;*/
	margin-bottom: 20px;
	padding:20px 5px 0 ;
}
.checkOutBox .list ul.checkout-package-list li{border:0;}
.checkOutBox .list ul.history_detail > li{border:0; padding:0 0 0 15px;}
.checkOutBox .list li:first-child{ border:0;}
.checkOutBox .list li .title span{
	display: block;
	/*padding: 5px;*/
}
.checkOutBox .list li .title span.name{
	font-size:13px;
	font-weight:500;
	color: #0e6597;
}

.checkOutBox .list li .title span.delivery{
font-size:11px;
}

.checkOutBox .list li .title span.qty{
margin-top:20px;
}

.checkOutBox .list li .title span.price, .checkOutBox .list li .title span.qty, .checkOutBox .list li .title span.point{
	color: #7a7a7a;
}
.checkOutBox #checkout3 #payment .left {
	width: 435px;
	margin: 0 2px 5px 0;
	padding-right:10px;
	text-align: right;
}
.checkOutBox #checkout3 #payment .leftclub {
	width: 200px;
	margin: 0 2px 5px 0;
	padding-right:10px;
	text-align: right;
	padding-top: 3px;
	padding-bottom: 3px;
}
.checkOutBox #checkout3 #payment .right {
	width: 100px;
	padding-left:10px;
	text-align: left;
	font-weight:normal;
}
.checkOutBox #checkout3 #payment .rightclub {
	width: 95px;
	padding-left:10px;
	text-align: left;
	font-weight:normal;
	display: inline-block;
	margin: 0 2px 5px 0;
	padding-top: 3px;
  padding-bottom: 3px;
}
.checkOutBox #checkout3 #payment span{
	/*height: 20px;*/
	/*padding:5px 0;*/
	font-weight: bold;
	font-size:13px;
}
.checkOutBox #checkout3 #payment .left label{
	width: 65px;
	text-align: left;
	display: inline-block;
	text-transform: uppercase;
	font-size:13px;
	font-weight:500;
}
.checkOutBox #checkout3 #payment .leftclub label{
	width: 185px;
	text-align: left;
	display: inline-block;
	/* text-transform: uppercase; */
	font-size:13px;
	font-weight:500;
}
.checkOutBox #checkout3 #payment .left .discount, .checkOutBox #checkout3 #payment .right .discount{ color:#ee3a43;}
.checkOutBox #checkout3 #payment .price{ color:#191920; font-weight:500;}
.checkOutBox #checkout3 #payment .row-even .left{
	background-color: #E3E7EA;
}
.checkOutBox #checkout3 #payment .row-even .leftclub{
	background-color: #E3E7EA;
}
.checkOutBox #checkout3 #payment .row-odd .left{
	background-color: #F4F4F4;
}
.checkOutBox #checkout3 #payment .row-odd .leftclub{
	background-color: #F4F4F4;
}
.checkOutBox #checkout3 #payment .row-odd .right{
	background-color: #F4F4F4;
}
.checkOutBox #checkout3 #payment .row-odd .rightclub{
	background-color: #F4F4F4;
}
.checkOutBox #checkout3 #payment .row-even .right{
	background-color: #E3E7EA;
}
.checkOutBox #checkout3 #payment .row-even .rightclub{
	background-color: #E3E7EA;
}
.checkOutBox #checkout3 .line{
	height: 1px;
	clear:both;
	background:#e8e9eb;
	margin-bottom:25px;
}
.checkOutBox #checkout3 #right-box .address-box{
	/*height: 200px;*/
	margin-bottom: 18px;
}
.checkOutBox #checkout3 #right-box .address-title{
	font-size: 13px;
	padding:5px 0 5px 15px;
	background-color: #ebebeb;
	text-transform: uppercase;
}
.checkOutBox #checkout3 #right-box .address-content{
	height: 200px;
	padding: 25px 15px 0;
	background-color: #f5f5f5;
	line-height: 24px;
	color:#222222;
	font-size:13px;
	font-weight:normal;
}
.checkOutBox #checkout3 #payment-method{
	margin: 15px 0 5px 0px;
}
.checkOutBox #checkout3 .payment-item{
	display: inline-block;
	margin-right: 20px;
}
.checkOutBox #checkout3 .payment-item .rad-payment{
	/*vertical-align: middle;*/
	float: left;
    clear: left;
    width: 40px;
    margin-top: 12px;
}
.checkOutBox #checkout3 .payment-item label{
	float: left;
    vertical-align: middle;
}
.checkOutBox #checkout3 .payment-desc{
	/*margin-left: 20px;*/
}
#OrderPaymentMethodForm{ margin-left:40px;}
.form-remider{ font-size:13px; color:#004890;}

.checkout-3-box-div{margin-top:10px;    margin-bottom: 20px;}
.checkout-3-box{margin-left:10px}


/*===========Redeem Complete============*/
#checkout4{ padding:25px 40px; /*background:#f3f4f4;*/ min-height:560px; font-size: 18px;}
.stepComplete .innerTabContentMid{ padding-top:4px;}
#checkout4 .line1{
	color: #004890;
	font-size:15px;
	line-height: 140%;
	margin-bottom:20px;
	text-align: center;
}
#checkout4 .failed{ margin-bottom:5px; color:#ee3b41;}
#checkout4 dl{ width:560px; margin-bottom:20px; font-size:13px; color:#191920;}
#checkout4 dt{ float:left; width:176px; padding:5px 12px; font-weight:700;}
#checkout4 dd{ float:left; width:336px; padding:5px 12px;}
#checkout4 .even{ background:#ebedef;}
#checkout4 .txt{ font-size:13px;}
#checkout4 a{ color:#f16740;}
#checkout4 a:hover{ color:#222;}


.innerTabBox {width:75%;min-width:360px}
.innerTabBox .tabBox-content, .checkOutBox .tabBox-content{ position:relative; /*left:50%; width:990px; margin-left:-495px;*/ background:none;}
.innerTabBox .tabBox-menu{ height:42px; background:none; display:none;}
.innerTabContentMid{ height:auto; padding:20px 0 0; border:1px solid #e6e6e6; background:#fff;padding-left:10px;}
.tabBox-menu{ height:53px;}
.tabBox-menu li{ float:left; position:relative; width:33.33%; text-align:center;}
.tabBox-menu li a{ display:block; height:42px;  padding:0 21px; line-height:53px; color:#9d9d9d; font-size:14px; text-transform:uppercase; background:#cee2ed;}
.tabBox-menu a:hover, .tabBox-menu .current a{ background:#004890; color:#fff!important;}
.tabBox-menu-arrow{ display:none; position:absolute; z-index:100; left:50%; margin-left:-13px; bottom:-14px; width:26px; height:14px; background:url(/img/btn-bluearrow.png) no-repeat left top;}
.tabBox-menu li:hover .tabBox-menu-arrow, .tabBox-menu li.current .tabBox-menu-arrow{ display:block;}
.tabBox-content{ background:#fff;}
a.click_btn.fancybox {margin-left:200px; margin-top:8px; float:left;font-size:12px;color:#0e6597;text-decoration:underline;}
a.click_btn2.fancybox {margin-left:885px; margin-top:0px; float:left;font-size:12px;color:#0e6597;text-decoration:underline;}
a.click_btn3 {margin-left:765px; margin-top:0px; float:left;font-size:12px;color:#0e6597;text-decoration:underline;}
.edm_newclass{margin-left:370px!important; margin-top:20px!important}
.priceRow{/* height:100% */;float:left; width:100%;}
.priceLeft{float:left;width:30%; height:100%;}
.priceRight{float:left;width:70%; height:100%;}
.quantity.fixed{float:left;}
.addToCartRow{height: 30px; float:left;/* clear:both */}
.detail-tab{background: #FFFFFF url(/img/mainBg.jpg) repeat-x 0 0;}
select{  border: solid 1px #dedfe2;}
.delivery_require {font-weight: bold; color:red;font-size: small;}
.back_reward_btn>a {display: block;
    width: 220px;
    height: 35px;
    border: 1px solid #0e6597;
    /* margin: 15px 0; */
    margin: 40px auto 15px auto;
    font-family: "EB Garamond",Arial,sans-serif;
    line-height: 35px;
    color: #0e6597 !important;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    background-color: transparent;
    cursor: pointer;}
.footerB .footerApps {
    background: none;
    padding: 0;
    padding-top: 9px;
    margin: 0 9px;
}
.footerB .footerQR {
    background: none;
    padding: 0;
    padding-top: 0;
    margin: 0px 9px 0 14px;
}
.footerB .footerBMyHKTCS {
    background: none;
    padding: 0;
}
.footerApps img {
    height: auto;
    width: 75px;
}
.footerQR img {
    height: auto;
    width: 50px;
}
.footerBMyHKTCS img {
    height: auto;
    width: 85px;
}
.fIconBox {
    width: 650px;
    float: left;
}
.redeem_title{
	    font-size: 24px;
    margin-bottom: 40px;
}
.payment-item img{
	width:auto;
}
a:link {
    /*color: #0e6597;*/
}
.t-and-c ,.price_tag{
    margin-top: 5px;
  }
.redirect{
	text-align: center;
	font-size: 24px;
	color: #7a7a7a;
	margin-top: 50px;
  margin-bottom: 50px;
}

.message{
	text-align: center;
	font-size: 24px;
	color: #7a7a7a;
}

.after_strike{
	color:#F82121;
	font-size: 1em;
    font-weight: bold;
	display: block;
}

.cart { display:block; width:1000px; margin:0 auto; }