@charset "utf-8";
.eStore_loyalty_content h2{font-size: 30px; line-height: 35px; text-align: center; margin-bottom: 10px; color: #0081d2;}
/*landing banner*/
.loyalty_banner{background: #666666 url(../images/loyalty_bannerBG2.jpg) center top no-repeat; width: 100%; height: 620px; text-align: center;}
.loyalty_banner h1{font-size: 50px; line-height: 65px; color:#ffffff; font-family: 'Ubuntu', Arial, "新細明體",  sans-serif; padding: 50px 20px 0px;}
.loyalty_banner h2{font-size: 24px; line-height: 30px; color:#f7b500; font-family: 'Ubuntu', Arial, "新細明體",  sans-serif; padding: 5px 20px 30px;}
.loyalty_banner h2 span{font-size: 17px; position: relative; top: -5px;}
.loyalty_banner .menu{border: 1px solid #fff; border-left: none; color: #ffffff;}
.loyalty_banner .menu li{float: left; cursor: pointer; width: 315px; border-left: 1px solid #ffffff; font-size: 16px; padding:10px 5px; text-align: center;}
.loyalty_banner .menu li:hover{background: url(../images/loyalty_bannerMenuBG.png)repeat;}
.loyalty_banner .menu img{vertical-align: middle; margin: -2px 5px 0 0;}
/*landing Overview*/
.OverviewBlock{margin-top: -280px;}
.OverviewBlock h2{color: #ffffff;}
.OverviewBlock .step{
	background: #333333 url(../images/loyalty_stepbg.png) center 5px no-repeat;
	border-radius: 5px;
	margin-top: 5px;
	width: 980px;
	height: 280px;
	color: #ffffff;
	position: relative;
	background-image: url(../images/loyalty_stepbg.png);
}
.OverviewBlock .stepTitle{
	font-size: 18px;
	line-height: 23px;
	position: absolute;
	top: 21px;
	visibility: visible;
	width: 226px;
}
.OverviewBlock .stepBtn{background: #333333; border-radius: 4px; color: #ffffff; font-size: 15px; padding: 8px 30px; position: absolute; top: 185px;}
.OverviewBlock .stepBtn:hover{background: #000000; color: #ffffff;}
.OverviewBlock ul.stepAtt{padding: 248px 10px 0;}
.OverviewBlock .stepAtt li{float: left; font-size: 18px; text-align: center;}
/*landing Reward Char*/
.RewardChartBlock{background: #ededed; margin-top: -50px;}
/*landing RedeemBlock*/
.RewardChart{background:url(../images/loyalty_rewardChart.jpg); width:1000px; height:402px;}
.RedeemBlock{margin: 50px 0 100px;}
.RedeemChart{background:url(../images/RedeemChart.jpg); width:1000px; height:529px;}
.RedeemValue{border-radius: 50%; width: 195px; height: 195px; margin: 30px 25px 50px; color: #ffffff; text-align: center; background: #8b8b8b; float: left;}
.RedeemValue.Redeem2{background: #6f6f6f;}
.RedeemValue.Redeem3{background: #4a4a4a;}
.RedeemValue.Redeem4{background: #333333;}
.RedeemValue .money{font-size: 55px; line-height: 60px; border-bottom: 2px solid #f7b500; margin: 0 5px; padding: 25px 5px 10px;}
.RedeemValue .points{font-size: 36px; line-height: 36px; padding: 10px 5px 10px;}
.RedeemValue p{font-size: 15px; line-height: 18px;}
.RedeemBlock .note{font-size: 13px; line-height: 18px; padding: 295px 80px 0 20px; margin: 30px 0 0;}
.listnumber{padding-left: 15px;}
.listnumber li{list-style-type:decimal; padding:0 0 2px 3px;}
/*landing  linktop*/
.eStore_loyalty_content .linktop{position: fixed; bottom: 100px; z-index:99; opacity:0px; filter: alpha(opacity=0);}
/*account*/
.eStore_accountReward h2{padding: 30px 3px 5px;}
.eStore_accountReward h2 span{color: #666666; font-size: 15px; padding-left: 5px;}
.eStore_accountReward h3{text-align: left; border: none; margin-bottom: 10px;}
/*AvailablePoint TotalAmount*/
.eStore_accountReward_total{border: 1px solid #dddddd; width: 49%; float: left; margin:25px 0 15px; position: relative; text-align: center; padding: 20px 0;}
.eStore_accountReward_total .smallTitle{font-size: 15px; color: #888888; background: #ffffff; padding: 3px 5px; position: absolute; top: -13px; left: 10px;}
.eStore_accountReward_AvailablePoint .txt{font-size: 80px; line-height: 90px; color: #f39800;}
.eStore_accountReward_TotalAmount .txt{font-size: 60px; line-height: 90px; color: #888888;}
.eStore_accountReward_TotalAmount .txt span{font-size: 30px; line-height: 30px; padding-right: 5px;}
.eStore_accountReward_TotalAmount{float: right;}
/*Redeem*/
.eStore_accountReward_Redeem{padding: 20px; background-color: #f9f9f9; border: 1px solid #dddddd; margin-bottom: 35px;}
.eStore_accountReward_Redeem ul li{width: 220px; float: left; margin-left: 19px; background-color: #ffffff;}
.eStore_accountReward_Redeem ul li:first-child{margin-left: 0px;}
.eStore_accountReward_Redeem .eStore_order_btnBlock{text-align: center!important; margin-top: 30px!important;}
.eStore_accountReward_Redeem .eStore_order_btnBlock .eStore_btn:first-child{margin: 0!important; padding: 8px 20px!important;}
.RedeemTop{border: 1px solid #dddddd; border-bottom: none;}
.RedeemTop_money{padding: 20px 20px 5px; text-align: center;}
.RedeemTop_moneyValue{color: #4398ef; font-size: 60px; line-height: 60px; padding-top: 5px;}
.RedeemTop_moneyValue span{font-size: 30px; padding-right: 5px;}
.RedeemTop_point{background-color: #f4f6f9; text-align: right; padding:5px 10px;}
.RedeemBottom{border: 1px solid #999999;}
.RedeemBottom .btnValue,.RedeemBottom .value{float: left;}
.RedeemBottom .btnValue{cursor: pointer;}
.RedeemBottom .value{width: 150px; font-size: 20px; line-height: 33px; text-align: center;}
.master-wrapper-center {float: left; width: 1000px; margin:0px; background: #FFF; display: inline;}
.master-wrapper-side {float: right; width:190px; margin: 0px; display: none; _overflow:hidden;}
.estore_a { text-decoration: none; color: #FFFFFF; outline: none; display: inline-block; font-size:18px;}
li.non .RedeemTop{opacity: 0.4;}
li.non .RedeemBottom{opacity: 0.2;}
li.non .RedeemBottom .btnValue{cursor: default;}
/*TotalBottom*/
.eStore_accountReward_TotalBottom{text-align: right; padding: 10px 20px; color: #999999; line-height: 25px;}
.eStore_accountReward_TotalBottom span{display: inline-block; *display: inline; *zoom: 1; min-width: 30px; padding-left: 5px; font-size: 20px; color: #666666;}
/*box*/
#account_loyalty_thankU{padding:20px 20px 50px; width: 500px; text-align: center;}
#account_loyalty_thankU h1{color: #f39800; font-size: 30px; margin: 20px;}
#account_loyalty_usedPoint{padding:30px; font-size: 13px; line-height: 16px;}
#account_loyalty_usedPoint h1{color: #4398ef; font-size: 25px; margin-bottom: 10px;}
#account_loyalty_usedPoint .eStore_table_thHight{background-color: #ffffff;}