/*--- general ---*/


/*--- layout ---*/
#wrap_pointsCenter { width:980px; margin:10px auto}
#main { width:100%; padding-bottom:0px}
.area01 { float:left; width:180px; padding-right:8px}
.area02 { float:left; width:566px; padding:4px; padding-bottom:30px; background:#fff}
.area03 { float:left; width:210px; padding-left:8px}
.area04 { float:left; width:784px; height:auto!important; height:479px; min-height:479px; padding:4px; padding-bottom:30px; background:#fff}


/*--- parent ---*/
.parent01 { margin-bottom:8px}


/*--- block ---*/
.blk01 { background:#fff}
.blk01 h2 { padding:4px 12px 2px; font-size:12px; color:#e62713; background:#f7c4b8}
.blk01 ul { padding:8px; border:1px solid #f7c4b8; border-top:0}
.blk01 ul li { overflow:hidden; height:20px; padding:2px 0 2px 8px; background:url(images/bg_rewards.png) -150px -191px no-repeat}

.blk02 h2 { padding:8px 24px 2px; font-size:14px; color:#e62713; border-bottom:2px solid #F5BDB0; background:url(images/bg_rewards.png) -148px -140px no-repeat}


/*--- special ---*/
.focusSlide { width:100%}
.focusSlide .pic_b { float:left; position:relative; width:500px; height:230px}
.focusSlide .pic_b p { position:absolute; z-index:1; left:0; top:0; width:500px; height:230px}
.focusSlide .pic_b img { width:100%; height:100%}
.focusSlide .pic_s { float:left; width:66px;}
.focusSlide .pic_s li { overflow:hidden; width:54px; height:54px; margin:0 auto 2px; border:1px solid #ccc}
.focusSlide .pic_s li.select { filter:alpha(opacity=40); opacity:0.4; border-color:#F90}
.focusSlide .pic_s li img { width:100%; height:100%; vertical-align:top}

.orderStep { border:1px solid #F5BDB0; background:#fdf5f3}
.orderStep strong { float:left; padding:12px; border-right:1px solid #F5BDB0}
.orderStep span { float:left; padding:12px}
.orderStep span.this { font-weight:bold; color:#e62713; background:#f7c4b8}

.rewardsConsignee { padding:12px 0}
.rewardsConsignee dl { padding-bottom:8px}
.rewardsConsignee dt { float:left; width:100px; text-align:right}
.rewardsConsignee dd { float:left; width:684px}
.rewardsConsignee dd span { padding-left:4px}
.rewardsConsignee dd em { margin-left:4px; padding:0 8px 0; color:#F00; border:1px solid #DD3C10; background:#FFE6E6}
.rewardsConsignee .func { padding:8px 0 0 100px}

.rewardsDetail { padding:0 12px}
.rewardsDetail .image { float:left; width:280px; height:280px; padding:1px; border:1px solid #dfdfdf}
.rewardsDetail .image a { cursor:default; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center}
.rewardsDetail .info { float:left; width:464px; padding-left:12px}
.rewardsDetail .info .txt { padding:12px}
.rewardsDetail .info .func { padding:12px; border:1px solid #f7c4b8; background:#ffece7}
.rewardsDetail .info .func input.txtinput { width:60px; margin-right:4px}

.rewardsDetailNotes { padding:12px}
.rewardsDetailNotes h2 { padding:8px; font-size:12px; border-top:1px solid #f7c4b8}
.rewardsDetailNotes p { padding:0 8px 20px}

.rewardsFilter { background:#fff}
.rewardsFilter h2 { padding:4px 12px 8px; font:14px/20px Microsoft Yahei, Simsun; font-weight:bold; color:#FFF; background:url(images/bg_rewards.png) 0 -40px no-repeat}
.rewardsFilter ul { padding:4px 10px 4px 20px; border:1px solid #f7c4b8; border-top:0}
.rewardsFilter ul li { padding:0 8px 4px; background:url(images/bg_rewards.png) -150px -192px no-repeat}

.rewardsList { padding-bottom:8px}
.rewardsList .ttl { height:20px; padding:4px 12px 8px; border-top:1px solid #f7c4b8}
.rewardsList .ttl h2 { font-size:12px}
.rewardsList .ttl span { float:right}
.rewardsList .ttl span a { padding-right:9px; color:#999; background:url(images/bg_rewards.png) 28px -145px no-repeat}
.rewardsList .ttl span a:hover { color:#f13a09; background-position:28px -195px}
.rewardsList ul { padding-left:14px}
.rewardsList ul li { float:left; width:124px; padding:0 14px 12px 0; text-align:center}
.rewardsList ul li .image { overflow:hidden; width:120px; height:120px; padding:1px; border:1px solid #dfdfdf}
.rewardsList ul li .image a { display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center}
.rewardsList ul li p { padding-top:4px; line-height:18px}
.rewardsList ul li p.name { overflow:hidden; height:36px}
.rewardsList ul li .point { color:#e62713}
.rewardsList ul li .func a { display:block; width:75px; margin:0 auto; color:#fff; background:url(images/bg_rewards.png) 0 -120px no-repeat}
.rewardsList01 ul { padding-top:8px; padding-left:20px}
.rewardsList01 ul li { overflow:hidden; height:210px; padding-right:28px}
.rewardsList01 .pages { padding:20px 30px}

.rewardsListSum { padding:8px 24px 2px; border-bottom:2px solid #F5BDB0; background:url(images/bg_rewards.png) -148px -140px no-repeat}
.rewardsListSum h1 { display:inline; font-size:12px; color:#e62713}

.rewardsName { padding:8px 24px 2px; border-bottom:2px solid #F5BDB0; background:url(images/bg_rewards.png) -148px -140px no-repeat}
.rewardsName h1 { font-size:14px; color:#e62713}

.rewardsSelected { padding:12px}
.rewardsSelected .image { float:left; width:120px; height:120px; padding:1px; border:1px solid #dfdfdf}
.rewardsSelected .image a { cursor:default; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center}
.rewardsSelected .info { float:left; width:584px; padding-left:12px}
.rewardsSelected .info h2 { padding-bottom:8px}
.rewardsSelected .info p em { font-weight:bold; color:#e62713}

.rewardsSuccess { padding:50px}
.rewardsSuccess img { float:left; width:115px; height:115px; background:url(images/bg_rewards.png) -20px -150px no-repeat}
.rewardsSuccess div { float:left; width:559px; padding:10px 0 0 10px; line-height:24px; font-size:14px; font-weight:bold}
.rewardsSuccess div em { font-weight:bold; color:#e62713}
.rewardsSuccess div p.s1 { font-size:12px; font-weight:normal}
.rewardsSuccess div p.s1 a { color:#0177c9}
.rewardsSuccess div p.s1 a:hover { color:#f13a09}

.search01 { height:22px; padding:12px 20px; background:#ffece7}
.search01 h2 { display:inline; padding-left:28px; font-size:12px; background:url(images/bg_rewards.png) -150px -90px no-repeat}
.search01 select { width:150px; margin-right:4px; vertical-align:middle}

.sideNav { background:#fff}
.sideNav h2 { padding:4px 12px 8px; font:14px/20px Microsoft Yahei, Simsun; font-weight:bold; color:#FFF; background:url(images/bg_rewards.png) 0 0 no-repeat}
.sideNav div { padding:10px 20px; border:1px solid #f7c4b8; border-top:0}
.sideNav div p { padding-bottom:8px}
.sideNav div p a { display:block; width:110px; height:20px; padding:2px 0 0 15px; font-weight:bold; background:url(images/bg_rewards.png) 0 -90px no-repeat}