@charset "utf-8";
/* CSS Document */
.main {

}
body{
	position:relative;
	min-height: 100%;
	font-family: "Lato", "Microsoft JhengHei", "微軟正黑體", Verdana, Arial, PMingLiU, sans-serif;
	}
#inline1,#inline2,#inline3,#inline4{
	width:700px;
	}
#inline1,#inline2,#inline3, #inline4, strong
{
		display:block;
		padding-bottom:2px;
		font-size:16px;
		color:#0e6597;
		}



.mainCenter {
    font-size: 1.25em;
    margin: 0 auto;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    width: 79%;
}
.mainCenter img.lineBg {
    bottom: 0;
    height: 1px;
    left: 0;
    position: absolute;
}

#main .main .theme{
	padding-bottom: 15px;
	}
	#main .main .theme.sub{
		font-size:2.3em;
	}
.theme span{
	font-size:18px;
	font-weight:bold;
	text-transform:none;
	color:#7a7a7a;
	}
	.theme span.red_text{
		color:#fa1919;
		}
	.select_cate {
	  width: 205px;
	  height: 40px;
	  padding: 9px;
	  margin: 20px 10px;
	  border: solid 1px #dedfe2;
	}
	.sortBy {
	  width: 205px;
	  height: 40px;
	  padding: 9px;
	  margin: 20px 10px;
	  border: solid 1px #dedfe2;
	}
	.filterBy {
	  width: 205px;
	  height: 40px;
	  padding: 9px;
	  margin: 20px 10px;
	  border: solid 1px #dedfe2;
	}
	.select_p{
		margin-top: 15px;
	}
.redemption_content{
	padding:20px 25px 20px 100px;
	}
.content_left{
	float:left;
	width:40%;
	}
.content_right{
	padding-left:50px;
	padding-bottom:15px;
	background-image: url("/img/lineBg.png");
  background-repeat: no-repeat;
	background-position: 20% 100%;
	font-size:16px;
	color:#0e6597;
	width:60%;
	float:left;
	}
	.content_right .content_title{
		padding-bottom:10px;
		font-size: 1.3em;
		}
	.clubpoints{
		font-weight:bold;
		/*padding-right:20px;*/
		display:inline;
		float:left;
		width:100%;
		/* padding-top:7px; */
		padding-top:1px;
		/* padding-bottom: 15px; */
		padding-bottom: 0px;
		}
	.content_right .select{
		width:45%;
		float:left;
		}
		.content_right .select span{
			  display: block;
				float: left;
				height: 30px;
				line-height: 30px;
				width: 80px;
		}
	.content_right .contentp{
		font-size: 14px;
		color: #7a7a7a;
		margin-bottom: 10px;
	}
	.content_right .contentp.notice{
		font-size: 12px;
		margin: 5px 0px 0px 0px;
	}
	.content_right .contentpt{
		font-size: 12px;
		color: #7a7a7a;
		margin-top: 5px;
	}
	.cart_pgSwitch_hide{display:none;}
	input.quantity{
		width:100%;
		color:#7A7A7A;
		/*padding-top:15px;*/
		}
		/*.quantity select{
			width:95px;
			height:30px;
			line-height:30px;
			padding-left:35px;
			}*/
			.quantity  input{
				width:95px;
				height:30px;
				line-height:30px;
				padding-left:42px;
				/*padding-bottom:15px;*/
			}
	.redeem_btn{
		display:block;
		width:130px;
		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;
    	text-align: center;
		text-transform: uppercase;
		font-size:16px;
		background-color: transparent;
		cursor: pointer;
		}
	.redeem_btn.inline_btn{
		float: right;
		width: 130px;
		padding-left: 0px;
		height: 35px;
		margin:0px;
		display: inline-block;
	}

	.redeem_btn.more_btn{
		display:inline-block;
		margin: 35px 20px 0px auto
		}
	.redeem_btn_p{
		text-align: center;
	}

	.fancyboxDiv{
		width:100%;
		color:#7a7a7a;
		font-size:12px;
		/*  background-image: url("../images/lineBg.png");
  background-repeat: no-repeat;
  background-position-x: 200%;
  background-position-y: 100%; */

		padding-bottom: 15px;
		}
		.fancyboxDiv a{
			text-decoration:underline;
			color:#0e6597;
			}
.thankyou_content p{
	text-align:center;
	padding-top:30px;
	padding-bottom:80px;
	font-size:16px;
	}
.thankyou_content .back_btn{
		display:block;
		/* width:200px; */
		width:300px;
		height:35px;
		border:1px solid #0e6597;
		margin:15px 0;
		font-family: "EB Garamond",Arial,sans-serif;
		line-height:35px;
		color:#0e6597;
		font-size:18px;
    	text-align: center;
		margin:0 auto;
		text-transform: uppercase;
	}

.redeem_remind{
	padding: 0px;
	text-align: center;
	color: rgb(122, 122, 122);
	font-size: 14px;
}
.redeem_btn_back{
	display:none;
}
.hide_not_hot{
display:none;}
.category_filter
{display:none;}


.quantityInput
{
	margin-top: 5px;
	float: left;
	color:#7A7A7A;
	width:191px;
}


.stock_color{
	color: red;
	margin-bottom: 5px;
	font-size: 14px;
}
.cart_table{
	margin-top: 35px;
}
.cart_table thead tr{
	border:none;
}
.cart_negativeRemainPts{
	color:red;
}
.cart_table tr:first-child{
	border:none;
}
.cart_table tr{
	border-top: 1px solid #8eb3d8;
}
.cart_table thead tr td{
	background:#336baf;
	padding:6px 0;
	color:#fff;
	font-size:18px;
	text-align:center;
	width:35%
}
.cart_table thead tr td+td{
	background:url("../images/redemption/table_bg.png") 15px 0px no-repeat;
	padding:6px 0;
	color:#fff;
	font-size:18px;
	text-align:center;
	width:20%;
	padding-left: 16px;
}
.cart_table thead tr td+td{
	width:15%;
}

.cart_table tbody td{
	padding-top: 25px;
	text-align:center;
}

.cart_table tbody td:first-child{
	padding-top: 25px;
	padding-right:15px;
	text-align:left;
	font-size: 16px;
	color: #0e6597;
}

.cart_table .cart_img{
	width:25%;
	padding-right: 15px;
	padding-bottom: 10px;
	float: left;
}
.cart_table  .pro_content{
	float:left;
	width:74%;
}
.cart_table .remove_btn{
	float:right;

}
.cart_table .remove_btn img{
	width: 17px;
	vertical-align: -webkit-baseline-middle;
}
.cart_table .cart_product{
	font-size:20px;
}

.cart_table .fancyboxDiv.tnc{
	width: 100%;
	color: #7a7a7a;
	font-size: 14px;
	padding-bottom: 20px;
	line-height: 25px;
	border:none;
	float:none;
}
.cart_table p a:link{
	color: #336baf;
	text-decoration: underline;
}
.cart_table input{
	width: 45%;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.cart_table span{
	font-size:18px;
	color:#7a7a7a;
}

.cart_table2{
	margin-top: 15px;
	text-align:center;
	border-top: 1px solid #8eb3d8;
}
.cart_table2 td{
	width:17%;
	border-bottom: 1px solid #8eb3d8;
	padding-top:15px;
	font-size: 18px;
	font-weight: bold;
}
.cart_table2 td:first-child{
	width: 35%;
	border:none;
}
.cart_table2 td:first-child+td{
	border:none;
}

.cart_table2 td:first-child+td+td{
	text-align: right;
	width: 20%;
	border-bottom: 1px solid #8eb3d8;
	line-height: 35px;
}
.delivery_form{
	text-align:center;
	color:#7a7a7a;
}

.cart_table3 {
	margin:0 auto;
	font-size:16px;
	width: 60%;
}
.cart_table3.cart_page{

	width:50%;
}
.cart_table3 td:first-child{
	text-align: right;
	padding-top: 15px;
	width: 40%;
	vertical-align: top;
}
.cart_table3.cart_page td:first-child{
	text-align:center;
	padding-top: 15px;
	width: 40%;
}
.cart_table3 td:first-child+td{
	padding-top: 15px;
	text-align: left;
	padding-left: 20px;
}
.cart_table3 input,.cart_table3 select,.cart_table3 span{
	height: 35px;
	width: 55%;
	padding:9px;
}

.cart_table3.cart_page .select_cate option{
	color: #000;
}

.error_msg{
	font-size:18px;
	color:red;
	text-align:center;
}
.pSpecial{
	margin-top:15px;
}

.specialPT{
	/* color: black !important; */
	padding-bottom: 0px !important;
	color:red !important;
}

/* .originalPT{
	font-weight:lighter !important;
} */







.filterBox { position:relative;  background-color:#32241c;  float:left; width:100%; z-index:10; margin-bottom:15px; }
a.filterBtn {position:relative; display:block; float:left; color:#fff; font-size:1.2em; font-weight:bold; width:100%;border:1px solid #32241c; }
body.zh_hk a.filterBtn {font-size:1.3em;}

.filterBtn span {height:48px; display:block; padding:15px 25px; float:left; }
.filterBtn span:nth-of-type(1) { background-color:#fff; color:#32241c; padding-left:35px; background:#fff url(/img/filter_icon.png)no-repeat 15px center; }
.filterBtn span:nth-of-type(2) { padding-left:60px;}
.filterBtn span.arrow { float:right; height:48px; background:#32241c url(/img/filter_arrow.png)no-repeat center center; transform: rotate(180deg);}
.filterBtn span.arrow.active { background:#9a7560 url(/img/filter_arrow.png)no-repeat center center;  transform: rotate(0deg);}

.filterContent { position:absolute; top:50px; left:0; display:none; width:100%; float:left; background-color:#ececec; padding-bottom:30px; border:1px solid #32241c; border-top:0;}
.filterContent .conBox{ float:left; padding:30px; }
.filterContent .conBox  > a{ display:block; padding-bottom:15px; color:#0e6597; font-size:1.25em; border-bottom:1px solid #0e6597; font-weight:bold;  }
.filRangeBox {width:23%;}
.filCateBox {width:47%;}
.filPayBox {width:30%;}
.filCol {padding:10px 0;  }
.filCol > .clubRangeColor{color:#C0C0C0;}
.filCol > span {width:100%; display:block; font-size:1.1em; color:#222; padding:2px 0; }
.filCol > span label { padding-left:5px;}

.filCateBox .filCol > span {float:left; }
.filCateBox .filCol > span:nth-of-type(odd){ width:60%; }
.filCateBox .filCol > span:nth-of-type(even){ width:40%; }



input[type="checkbox"] {
    display:none;
}
.checkout-3-box-div input[type="checkbox"] {
    display:inline-block;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 5px 0 0;
    vertical-align:middle;
    background:url(/img/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url(/img/check_radio_sheet.png) -19px top no-repeat;
}


.filBtnContainer { clear:both; width:100%; text-align:center;  }
div.filBtnContainer a { display:inline-block; padding:10px; min-width:140px; text-align:center; color:#fff; font-size:1.24em; margin:0 4px; }
a.filResetBtn {background-color:#7a7a7a; }
a.filResetBtn:hover {background-color:#666666; }
a.filOKBtn {background-color:#0e6597;}
a.filOKBtn:hover {background-color:#05537f;}

.keywordGrp { position:relative; float:left; width:100%;  border-bottom:1px solid #ccc; margin: 0 0 20px; padding-bottom:5px; height:35px; overflow:hidden;}
a.keywordArrow { display:none; position:absolute; right:10px; top:4px; width:20px; height:20px; background:url(/img/keyArrow.png) no-repeat center center;} 
a.keywordArrow.active { transform: rotate(180deg); }

/* .keywordBox {float:left; margin: 0 0 18px;} */
.keywordBox {float:left; }
.keywordBox div{ position:relative; display:inline-block; padding:5px 10px; padding-right:50px; border:1px solid #2dccd3;color:#0e6597; font-size:1.1em; margin-right:5px; margin-bottom:10px; } 
.keywordBox div a{ display:inline-block; position:absolute; right:10px; top:10px; width:10px; height:10px; background:url(/img/keywordX.png) no-repeat center center;  } 


.paging { clear:both; float:right;  }



.itemBox { float:left; width:100%; padding:35px 0 25px; border-bottom:1px solid #817169; color:#0e6597;   }
.itemBox h3, .itemBox h4 { font-weight:normal; line-height:110%; }
.itemBox h3 { font-size:1.6em; padding-bottom:10px;}
body.zh_hk .itemBox h3 { font-size:1.6em; }
.itemBox h4 { font-size:1.3em;}
.itemPhoto { float:left; width:50%; padding-right:80px; }
.itemDetails { float:left; width:50%; }

a.pointBtn { position:relative; width:100%; float:left; color:#0e6597; font-size:1.3em; border-bottom:1px solid #2dccd3; padding:10px 0; margin:5px 0 0;  }
.pointBtn > span:nth-of-type(2) { float:left; width:60%;   }
.pointBtn > span:last-child { float:left; text-align:right; width:40%; }
.pointBtn > span:first-child { position:absolute; left: -24px; top:12px; background:url(/img/ptsBullet.png) no-repeat right center; width:17px; height:17px; }
.pointBtn > span.active {background:url(/img/ptsBullet.png) no-repeat left center; }
.pointBtn img{background-size:17px 17px;}


.pointBox { padding-left:25px;}
.pointBox ul{ display:none; padding:0; font-size:1.18em; position:relative; float:left;width:100%;  }
.pointBox ul li { list-style-type:none; list-style-position:outside; padding:1px 0; float:left; width:100%; padding:4px 0; }
.pointBox li p { float:left; display:inline; width:55%; }
.pointBox li p > span { background-image:url(/img/ptBlue.png); background-repeat:no-repeat; background-position:left center; background-size:12px 12px; padding:2px 5px 2px 13px; }
.pointBox li p > span span{
background-image:url(/img/ptBlue.png); background-repeat:no-repeat; background-position:left center; background-size:12px 12px; padding:2px 5px 2px 13px; }
.pointBox li .blue { background-image:url(/img/ptBlue.png); }
.pointBox li .silver { background-image:url(/img/ptSilver.png); }
.pointBox li .gold { background-image:url(/img/ptGold.png); }
.pointBox li .platinum { background-image:url(/img/ptPlatinum.png); }
.pointBox li .black { background-image:url(/img/ptBlack.png); }
.pointBox li > span:last-child { position:relative; float:right; width:45%; text-align:right; top:0; }


.pointBox mark {  display:block; text-decoration:none; background-color:transparent; color:red; }
.pointBox del { color:red; }
.pointBox del > span { color:#0e6597; }

.itemDetails div.quantity {padding:20px 0; font-size:1.3em; float:left; }
.itemDetails div.quantity input { border:1px solid #817169;}
.itemDetails .quantityInput { width:175px;}