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

#member #header{ background:url(../images/member/member_header.gif) bottom left no-repeat;}
#member #pagetitle { height:150px; background:url(../images/member/member_pagetitle.png) top left no-repeat;}

input { margin:0 3px; padding:2px 5px; font-family:"微軟正黑體"; font-size:13px; color:#333; border:#b5b6b6 1px solid;}
input[type="radio"] { margin-bottom:-5px; border:0;}
input[type="checkbox"] { margin-bottom:-5px; border:0;}
select { margin:0 3px; color:#333; border:#b5b6b6 1px solid;}
textarea { font-family:"微軟正黑體"; font-size:13px; color:#333; border:#b5b6b6 1px solid;}



/*必填欄位未填寫*/
ul.data_error { display:block; margin:10px 0 10px 13px; font-size:12px;}
ul.data_error li { padding:0 0 5px 0; color:#ed6d00;}
ul.data_error li span { margin:0 5px 0 0;}



/*加入/登入會員*/
div.member { position:relative; width:794px; height:300px; background:#fff url(../images/member/login_bg.jpg) 385px center no-repeat;}
div.member div.join { display:block; position:absolute; top:55px; left:140px; width:182px;}
div.member div.join h3 {font-size:24px; font-weight:bold; color:#ed6d00;}
div.member div.join p { margin:12px 0 0 2px; font-size:15px; color:#4c4c4c; line-height:24px;}
div.member div.join a.bt { display:block; width:161px; height:18px; margin:20px 0 0 0; padding:6px 0 0 0; background:url(../images/member/login_bt.jpg) no-repeat; font-size:12px; color:#fff; text-align:center;}
div.member div.join a:hover.bt { background-position:0 -24px;}
div.member div.join span { display:block; width:161px; margin:10px 0 0 0; font-size:12px; color:#4c4c4c; text-align:center; line-height:16px;}
div.member div.join span b{ margin:0 1px; color:#e13d04;}

div.member div.login { display:block; position:absolute; top:55px; right:130px; width:217px;}
div.member div.login h3 {font-size:24px; font-weight:bold; color:#ed6d00;}
div.member div.login ul { margin:15px 0 0 2px;}
div.member div.login .inputs { margin:10px 0; font-size:15px; color:#4c4c4c;}
div.member div.login li img { margin:0 0 -7px 5px;}
div.member div.login input.id { width:145px; height:18px; margin:0 0 0 10px; padding:0 5px; color:#666; border:#ccc 1px solid;}
div.member div.login input.code { width:80px; height:18px; margin:0 0 0 10px; padding:0 5px; color:#666; border:#ccc 1px solid;}
div.member div.login a.bt { display:block; float:left; width:161px; height:18px; margin:20px 0 0 0; padding:6px 0 0 0; background:url(../images/member/login_bt.jpg) no-repeat; font-size:12px; color:#fff; text-align:center;}
div.member div.login a:hover.bt { background-position:0 -24px;}
div.member div.login span { display:block; float:right; margin:24px 0 0 0; font-size:12px; color:#4c4c4c; line-height:16px;}
div.member div.login span a { color:#ed6d00}
div.member div.login span a:hover { text-decoration:underline; color:#333;}



/*會員狀態*/
div.member_main { position:relative; width:550px; padding:20px; margin:0 0 8px 12px; background:#fff; font-size:13px; color:#4c4c4c; overflow:hidden;}
div.member_main h3 { font-size:22px; font-weight:bold; color:#ed6d00;}

/*會員資訊*/
div.member_main ul.status { display:block; width:340px; margin:15px 0 0 0; padding:0 20px 0 0; border-right:#efefef 1px solid;}
div.member_main ul.status li { display:block; width:340px; position:relative; padding:5px 0;}
div.member_main ul.status li span { display:block; position:absolute; top:5px; right:0; width:160px; font-size:15px; text-align:right; color:#333; overflow:hidden;}
div.member_main ul.status li b { color:#ed6d00;}

div.member_main div.sales { position:absolute; top:55px; right:20px; color:#333;}
div.member_main div.sales p { padding:5px 0;}
div.member_main div.sales p span { color:#ed6d00;}
div.member_main div.sales a.explain { display:block; clear:both; float:right; width:101px; height:19px; margin:20px 0 0 0; padding:5px 0 0 0; background:url(../images/member/explain_bt.png) 0 0 no-repeat; color:#fff; text-align:center;}
div.member_main div.sales a:hover.explain { background-position:0 -24px;}

/*會員分級優惠*/
div.member_main ul.card { display:block; width:550px; margin:15px 0 0 0;}
div.member_main ul.card li { display:block; width:540px; position:relative; padding:10px 5px; overflow:hidden;}
div.member_main ul.card li.a {}
div.member_main ul.card li.b { background:#f8f8f8;}
div.member_main ul.card li h4 { display:block; float:left; width:100px; font-weight:normal;}
div.member_main ul.card li b { display:block; float:left; width:180px; font-weight:normal;}
div.member_main ul.card li p { display:block; float:left; width:260px;}
div.member_main ul.card li span { color:#ed6d00;}



/*加入會員上方流程*/
div.flow { display:block; position:relative; width:794px; height:31px; margin:0 0 10px 0; background:url(../images/member/flow_bg.jpg) no-repeat; margin-left:auto; margin-right:auto;}
div.flow h2.step1 { display:block; position:absolute; top:0; left:0; width:227px; height:31px; background:url(../images/member/flow_step1.jpg) no-repeat; text-indent:-9999px;}
div.flow h2.step2 { display:block; position:absolute; top:0; left:201px; width:406px; height:31px; background:url(../images/member/flow_step2.jpg) no-repeat; text-indent:-9999px;}
div.flow h2.step3 { display:block; position:absolute; top:0; right:0; width:213px; height:31px; background:url(../images/member/flow_step3.jpg) no-repeat; text-indent:-9999px;}

/*必填欄位未填寫*/
div.member_join_data ul.data_error { display:block; margin:5px 0 10px 30px; font-size:12px;}
div.member_join_data ul.data_error li { padding:0 0 5px 0; color:#ed6d00;}
div.member_join_data ul.data_error li span { margin:0 5px 0 0;}

/*加入會員step1*/
div.member_join { position:relative; width:794px; padding:20px 0 0 0; background:#fff; margin-left:auto; margin-right:auto;}
div.member_join h3 { padding:0 30px 10px 30px; font-size:22px; font-weight:bold; color:#ed6d00;}
div.member_join b { display:block; padding:0 30px 10px 30px; font-size:13px; color:#333; line-height:18px;}
div.member_join ul.clause { display:block; padding:0 30px;}
div.member_join ul.clause li { margin:0 0 0 27px; padding:0 0 10px 0; font-size:12px; color:#666; line-height:18px; list-style:outside decimal-leading-zero;}

/*加入會員隱藏按鈕*/
div.member_join div.next { height:36px; margin:10px 0 0 0; padding:15px 30px 0 30px; background:#f7f7f7; border-top:#eee 1px solid; font-size:12px; overflow:hidden;}
div.member_join div.next div.start { float:left;}
div.member_join div.joinbt { display:none; float:right; padding:0;}
div.member_join a.join { display:block; width:101px; height:18px; margin:0 10px 0 0; padding:6px 0 0 0; background:url(../images/member/explain_bt.png) no-repeat; text-align:center; font-size:12px; color:#fff;}
div.member_join a.join:hover { background-position:0 -24px;}

/*加入會員step2-1*/
div.member_join_data { position:relative; width:794px; padding:20px 0; background:#fff;}
div.member_join_data h3 { padding:0 30px 10px 30px; font-size:22px; font-weight:bold; color:#ed6d00;}
div.member_join_data em { display:block; position:absolute; top:23px; left:170px; padding:3px 0 3px 15px; background:url(../images/shopping/water.png) 0 1px no-repeat; font-size:13px; font-style:normal; color:#ed6d00;}
div.member_join_data table { width:754px; margin:0 auto 20px auto; border-top:#b5b6b6 1px solid; border-bottom:#b5b6b6 1px solid; font-size:12px; border-collapse:collapse;}
div.member_join_data table tr { display:block; border-bottom:#d8d8d8 1px dotted;}
div.member_join_data table td { padding:10px; line-height:18px; vertical-align:middle;}
div.member_join_data table td span { color:#ed6d00;}
div.member_join_data table .title { width:105px; background:#f7f7f7; color:#373737; text-align:right;}
div.member_join_data table .title img { margin:0 5px -3px 0;}
div.member_join_data table .text { width:609px;}
div.member_join_data table .text div { margin:5px 0 0 19px;}
div.member_join_data table input.tt { width:130px;}
div.member_join_data table input.ts { width:40px;}
div.member_join_data table input.tb { width:300px;}

div.member_join_data a.send { display:block; width:101px; height:18px; margin:0 auto; padding:6px 0 0 0; background:url(../images/member/explain_bt.png) no-repeat; text-align:center; font-size:12px; color:#fff;}
div.member_join_data a.send:hover { background-position:0 -24px;}

/*加入會員step2-2*/
div.member_join_data a.reissue { display:none; margin:0 0 0 5px; color:#ed6d00;}
div.member_join_data a.reissue:hover { text-decoration:underline; color:#333;}
div.member_join_data .mobile_code { display:none; margin:0 0 0 5px; color:#666;}

/*注意事項*/
div.member_join_data ul.explain { display:block; clear:both; width:734px; padding:10px 30px;}
div.member_join_data ul.explain li { display:block; background:url(../images/product/point.png) 0 2px no-repeat; margin:5px 0; padding:0 0 0 17px; font-size:12px; line-height:18px; color:#333;}

/*加入會員step3*/
div.member_join_data p { padding:5px 0 10px 30px; font-size:13px;}
div.member_join_data p span { margin:0 1px; color:#e13d04;}
div.member_join_data p a { color:#ed6d00; text-decoration:underline;}



/*修改會員資料*/
div.member_data { position:relative; width:570px; margin:0 0 0 12px; padding:20px 10px; background:#fff;}
div.member_data h3 { padding:0 30px 10px 10px; font-size:22px; font-weight:bold; color:#ed6d00;}
div.member_data em { display:block; position:absolute; top:55px; right:20px; padding:3px 0 3px 15px; background:url(../images/shopping/water.png) 0 1px no-repeat; font-size:13px; font-style:normal; color:#ed6d00;}
div.member_data table { width:570px; margin:0 auto 20px auto; border-top:#b5b6b6 1px solid; border-bottom:#b5b6b6 1px solid; font-size:12px; border-collapse:collapse;}
div.member_data table tr { display:block; border-bottom:#d8d8d8 1px dotted;}
div.member_data table td { padding:10px; line-height:18px; vertical-align:middle;}
div.member_data table td span { color:#ed6d00;}
div.member_data table .v_top { vertical-align:top;}
div.member_data table .title { width:105px; background:#f7f7f7; color:#373737; text-align:right;}
div.member_data table .title img { margin:0 5px -3px 0;}
div.member_data table .text { width:425px;}
div.member_data table .text div { margin:5px 0 0 19px;}
div.member_data table input.tt { width:130px;}
div.member_data table input.ts { width:40px;}
div.member_data table input.tb { width:190px;}

div.member_data a.send { display:block; width:101px; height:18px; margin:0 auto; padding:6px 0 0 0; background:url(../images/member/explain_bt.png) no-repeat; text-align:center; font-size:12px; color:#fff;}
div.member_data a.send:hover { background-position:0 -24px;}

/*注意事項*/
div.member_data ul.explain { display:block; clear:both; width:557px; margin:0 0 0 13px; padding:0;}
div.member_data ul.explain li { display:block; background:url(../images/product/point.png) 0 2px no-repeat; margin:5px 0; padding:0 0 0 17px; font-size:12px; line-height:18px; color:#333;}
div.member_data ul.explain li span { color:#ed6d00;}
div.member_data ul.explain li a { text-decoration:underline; color:#ed6d00;}



/*訂單紀錄*/
div.member_orders { position:relative; width:570px; margin:0 0 0 12px; padding:20px 10px; background:#fff;}
div.member_orders h3 { padding:0 30px 10px 0; font-size:22px; font-weight:bold; color:#ed6d00;}
div.member_orders em { display:block; position:absolute; top:27px; right:20px; padding:3px 0 3px 15px; font-size:13px; font-style:normal; color:#666;}
div.member_orders em span { margin:0 5px; color:#ed6d00;}

div.member_orders table { display:block; width:570px; margin:5px 0 20px 0; border-collapse:collapse;}
div.member_orders table tr { display:block; border-bottom:#ccc 1px solid;}
div.member_orders table tr.gray { background:#efefef;}
div.member_orders table tr th { width:75px; padding:10px 0; text-align:center; font-size:12px; background:#b5b6b6; color:#fff;}
div.member_orders table tr td { width:75px; padding:10px 0; color:#444; text-align:center; vertical-align:middle; font-size:12px; line-height:16px; overflow:hidden; [;letter-spacing:-1px;]}
div.member_orders table .number { width:100px; font-family:Arial, Helvetica, sans-serif;}
div.member_orders table .day { width:75px; font-family:Arial, Helvetica, sans-serif;}
div.member_orders table .code { width:85px; font-family:Arial, Helvetica, sans-serif, "微軟正黑體";}
div.member_orders table .payment { width:90px;}
div.member_orders table .money { width:70px; font-family:Arial, Helvetica, sans-serif;}
div.member_orders table a { text-decoration:underline; color:#ed6d00;}
div.member_orders table td.payment a.creditcardbutton { display:block; clear:both; float:right; width:70px; height:18px; margin:0 10% 0 auto; padding:0 0 0 0; background:url(../images/product/explain_bt.jpg) no-repeat; text-align:center; font-size:12px; color:#fff; text-decoration:none;}

/*訂單明細*/
h3.title { width:210px; padding: 15px 20px; font-size:22px; background:#ed6d00; font-weight:bold; color:#fff; }
a.bkorders { display:block; width:155px; height:41px; margin:0 auto; background:url(../images/member/bkorders_bt.png) 0 0 no-repeat; text-indent:-9999px;}
a:hover.bkorders { background-position:0 -41px;}

/*注意事項*/
div.member_orders ul.explain { display:block; clear:both; width:570px; padding:0;}
div.member_orders ul.explain li { display:block; background:url(../images/product/point.png) 0 2px no-repeat; margin:5px 0; padding:0 0 0 17px; font-size:12px; line-height:18px; color:#333;}
div.member_orders ul.explain li span { color:#ed6d00;}
div.member_orders ul.explain li a { text-decoration:underline; color:#ed6d00;}



/*紅利點數*/
div.member_bonus { position:relative; width:570px; margin:0 0 0 12px; padding:20px 10px; background:#fff;}
div.member_bonus h3 { padding:0 30px 10px 0; font-size:22px; font-weight:bold; color:#ed6d00;}
div.member_bonus em { display:block; position:absolute; top:27px; right:20px; padding:3px 0 3px 15px; font-size:13px; font-style:normal; color:#666;}

div.member_bonus table { display:block; width:570px; margin:5px 0 20px 0; border-collapse:collapse;}
div.member_bonus table tr { display:block; border-bottom:#ccc 1px solid;}
div.member_bonus table tr.gray { background:#efefef;}
div.member_bonus table tr th { width:75px; padding:10px 0; text-align:center; font-size:12px; background:#b5b6b6; color:#fff;}
div.member_bonus table tr td { width:75px; padding:10px 0; color:#444; text-align:center; vertical-align:middle; font-size:12px; line-height:16px; overflow:hidden;}
div.member_bonus table .payment { width:120px; font-family:Arial, Helvetica, sans-serif;}
div.member_bonus table .day { width:110px; font-family:Arial, Helvetica, sans-serif;}
div.member_bonus table .pagenumber { width:570px; text-align:center; letter-spacing:5px; color:#ed6d00; font-weight:bold;}
div.member_bonus table .pagenumber a { text-decoration:none; color:#333;}
div.member_bonus table .pagenumber a:hover { color:#ed6d00;}
div.member_bonus table a { text-decoration:underline; color:#ed6d00;}

/*上方消息*/
div.member_bonus ul.news { display:block; clear:both; width:570px; padding:0 0 10px 0;}
div.member_bonus ul.news li { display:block; margin:5px 0; padding:0; font-size:13px; line-height:18px; color:#333;}
div.member_bonus ul.news li span { margin:0 5px; color:#ed6d00;}
div.member_bonus ul.news li a { text-decoration:underline; color:#ed6d00;}

/*注意事項*/
div.member_bonus ul.explain { display:block; clear:both; width:570px; padding:0;}
div.member_bonus ul.explain li { display:block; background:url(../images/product/point.png) 0 2px no-repeat; margin:5px 0; padding:0 0 0 17px; font-size:12px; line-height:18px; color:#333;}
div.member_bonus ul.explain li span { color:#ed6d00;}
div.member_bonus ul.explain li a { text-decoration:underline; color:#ed6d00;}



/*帳戶餘額*/
div.member_balance { position:relative; width:570px; margin:0 0 0 12px; padding:20px 10px; background:#fff;}
div.member_balance h3 { padding:0 30px 10px 0; font-size:22px; font-weight:bold; color:#ed6d00;}
div.member_balance em { display:block; position:absolute; top:27px; right:20px; padding:3px 0 3px 15px; font-size:13px; font-style:normal; color:#666;}

div.member_balance table { display:block; width:570px; margin:5px 0 20px 0; border-collapse:collapse;}
div.member_balance table tr { display:block; border-bottom:#ccc 1px solid;}
div.member_balance table tr.gray { background:#efefef;}
div.member_balance table tr th { width:85px; padding:10px 0; text-align:center; font-size:12px; background:#b5b6b6; color:#fff;}
div.member_balance table tr td { width:85px; padding:10px 0; color:#444; text-align:center; vertical-align:middle; font-size:12px; line-height:16px; overflow:hidden;}
div.member_balance table .payment { width:140px; font-family:Arial, Helvetica, sans-serif;}
div.member_balance table .day { width:100px; font-family:Arial, Helvetica, sans-serif;}
div.member_balance table .pagenumber { width:570px; text-align:center; letter-spacing:5px; color:#ed6d00; font-weight:bold;}
div.member_balance table .pagenumber a { text-decoration:none; color:#333;}
div.member_balance table .pagenumber a:hover { color:#ed6d00;}
div.member_balance table a { text-decoration:underline; color:#ed6d00;}

/*上方消息*/
div.member_balance ul.news { display:block; clear:both; width:570px; padding:0 0 10px 0;}
div.member_balance ul.news li { display:block; margin:5px 0; padding:0; font-size:13px; line-height:18px; color:#333;}
div.member_balance ul.news li span { margin:0 5px; color:#ed6d00;}
div.member_balance ul.news li a { text-decoration:underline; color:#ed6d00;}

/*注意事項*/
div.member_balance ul.explain { display:block; clear:both; width:570px; padding:0;}
div.member_balance ul.explain li { display:block; background:url(../images/product/point.png) 0 2px no-repeat; margin:5px 0; padding:0 0 0 17px; font-size:12px; line-height:18px; color:#333;}
div.member_balance ul.explain li span { color:#ed6d00;}
div.member_balance ul.explain li a { text-decoration:underline; color:#ed6d00;}



/*預付及提貨*/
div.member_delivery { position:relative; width:570px; margin:0 0 0 12px; padding:20px 10px; background:#fff;}
div.member_delivery h3 { padding:0 30px 10px 0; font-size:22px; font-weight:bold; color:#ed6d00;}
div.member_delivery em { display:block; padding:3px 0; font-size:13px; font-style:normal; color:#666;}
div.member_delivery em span { margin:0 5px; color:#ed6d00;}

div.member_delivery table { display:block; width:570px; margin:5px 0 20px 0; border-collapse:collapse;}
div.member_delivery table tr { display:block; border-bottom:#ccc 1px solid;}
div.member_delivery table tr.gray { background:#efefef;}
div.member_delivery table tr th { width:75px; padding:10px 0; text-align:center; font-size:12px; background:#b5b6b6; color:#fff;}
div.member_delivery table tr td { width:75px; padding:10px 0; color:#444; text-align:center; vertical-align:middle; font-size:12px; line-height:16px; overflow:hidden; [;letter-spacing:-1px;]}
div.member_delivery table .number { width:100px; font-family:Arial, Helvetica, sans-serif;}
div.member_delivery table .day { width:75px; font-family:Arial, Helvetica, sans-serif;}
div.member_delivery table .code { width:85px; font-family:Arial, Helvetica, sans-serif, "微軟正黑體";}
div.member_delivery table .payment { width:90px;}
div.member_delivery table .money { width:70px; font-family:Arial, Helvetica, sans-serif;}
div.member_delivery table a { text-decoration:underline; color:#ed6d00;}

div.delivery_list { display:block; clear:both; position:relative; width:570px; margin:0; padding:10px 0 5px 0; border-top:#ddd 1px dotted; overflow:hidden;}

div.member_delivery a.send { display:block; float:right; width:71px; height:16px; margin:3px 0 0 0; padding:5px 0 0 0; background:url(../images/product/shop_bt.png) no-repeat; text-align:center; font-size:12px; color:#fff;}
div.member_delivery a.send:hover { background-position:0 -21px;}

div.member_delivery a.open_record { display:block; float:right; height:20px; margin:9px 10px 0 0; font-size:12px; color:#ed6d00;}
div.member_delivery a.open_record img { margin:0 5px -1px 0;}
div.member_delivery div.close { display:block; clear:both; margin:10px 0 0 0;}

div.member_delivery .delivery_list p { display:block; float:left; width:400px; margin:5px 0; padding:0; font-size:13px; line-height:18px; color:#333;}
div.member_delivery .delivery_list p span { margin:0 5px; color:#ed6d00;}
div.member_delivery .delivery_list p a { margin:0 3px; text-decoration:underline; color:#ed6d00;}

/*注意事項*/
div.member_delivery ul.explain { display:block; clear:both; width:570px; margin:10px 0 0 0; padding:0 0 15px 0;}
div.member_delivery ul.explain li { display:block; background:url(../images/product/point.png) 0 2px no-repeat; margin:5px 0; padding:0 0 0 17px; font-size:12px; line-height:18px; color:#333;}
div.member_delivery ul.explain li span { color:#ed6d00;}
div.member_delivery ul.explain li a { text-decoration:underline; color:#ed6d00;}

/*我要提貨lightbox*/
body#delivery { width:800px; background:#fff; overflow:hidden;}
#delivery div.select { position:relative; width:650px; margin:0; padding:10px; overflow: hidden; font-size:12px;}
#delivery div.select h3 { display:block; padding:10px 0 20px 0; font-size:22px; font-weight:bold; color:#ed6d00; letter-spacing:1px;}
#delivery div.select p { display:block; float:left; width:450px; padding:5px 0; color:#444;}
#delivery div.select em { display:block; float:right; width:100px; padding:5px 0 10px 0; text-align:right; color:#444;}
#delivery div.select span { margin:0 3px; color:#ed6d00;}
#delivery div.select table { width:630px; padding:0;  border-bottom:#b5b6b6 1px solid; border-collapse:collapse;}
#delivery div.select table tr { display:block; border-bottom:#dad8d8 1px dotted;}
#delivery div.select table td { padding:7px 10px; vertical-align:middle;}
#delivery div.select table td span { display:block; float:left; margin:4px 0 0 0; color:#666;}
#delivery div.select table .title { width:105px; background:#f7f7f7; color:#373737; text-align:right;}
#delivery div.select table .title img { margin:0 5px -3px 0;}
#delivery div.select table .v_top { vertical-align:top; padding-top:12px;}
#delivery div.select table .text { width:485px;}
#delivery div.select table .text p { float:none; width:auto;}
#delivery div.select table input.tt { width:130px;}
#delivery div.select table input.ts { width:40px;}
#delivery div.select table input.tb { width:250px;}
#delivery div.select table textarea { width:450px; max-width:450px; height:120px; max-height:120px; color:#333;}
#delivery div.select a.join { display:block; width:71px; height:16px; margin:20px auto 0 auto; padding:5px 0 0 0; background:url(../images/product/shop_bt.png) no-repeat; text-align:center; font-size:12px; color:#fff; text-decoration:none;}
#delivery div.select a:hover.join { background-position:0 -21px;}

/*我要提貨scrollbar*/
/* content */
.select .content { width:650px; height:480px; margin:0 0 0 0; padding:0 0 0 0; border-top:#b5b6b6 1px solid; overflow:hidden;}
.select .content .rollbar-path-horizontal { background: rgba(221,221,221,0.2); }
.select .content .rollbar-path-vertical { top:0; background: rgba(221,221,221,0.3);}
.select .content .rollbar-path-vertical, .example .rollbar-path-horizontal { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}

/* rollbar paths style */
.rollbar-path-vertical, .rollbar-path-horizontal { position: absolute; background:#999; z-index:100;}
.rollbar-path-horizontal { top:0; left:0; width:100%; height:7px;}
.rollbar-path-vertical { right:0; top:0; height:100%; width:7px;}

/* rollbar paths inner shadow */
.rollbar-path-vertical { box-shadow: inset 1px 0px 1 rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 0px 1 rgba(0,0,0,0.1); -webkit-box-shadow: inset 1px 0px 0 rgba(0,0,0,0.1);}
.rollbar-path-horizontal { box-shadow: inset 0px 1px 1 rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 1px 1 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0px 1px 0 rgba(0,0,0,0.1);}

/* rollbar handle style */
 .rollbar-handle{ position: relative; top:0; left:0; background:#999; }
 
/* 圓角 */
.rollbar-path-vertical,.rollbar-path-horizontal,.rollbar-handle {  -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px;}



/*我的優惠券*/
div.member_coupon { position:relative; width:570px; margin:0 0 0 12px; padding:20px 10px; background:#fff;}
div.member_coupon h3 { padding:0 30px 10px 0; font-size:22px; font-weight:bold; color:#ed6d00;}
div.member_coupon em { display:block; position:absolute; top:27px; right:20px; padding:3px 0 3px 15px; font-size:13px; font-style:normal; color:#666;}

div.member_coupon .select1 { display:block; position:absolute; top:23px; right:150px; font-size:13px;}
div.member_coupon .select2 { display:block; position:absolute; top:23px; right:10px; font-size:13px;}

div.member_coupon table { display:block; width:570px; margin:5px 0 20px 0; border-collapse:collapse;}
div.member_coupon table tr { display:block; border-bottom:#ccc 1px solid;}
div.member_coupon table tr.gray { background:#efefef;}
div.member_coupon table tr th { padding:10px 0; text-align:center; font-size:12px; background:#b5b6b6; color:#fff;}
div.member_coupon table tr td { padding:10px 0; color:#444; text-align:center; vertical-align:middle; font-size:12px; line-height:16px; overflow:hidden;}
div.member_coupon table .number { width:30px; font-family:Arial, Helvetica, sans-serif;}
div.member_coupon table .name { width:130px;}
div.member_coupon table .main { width:90px;}
div.member_coupon table .day { width:80px; font-family:Arial, Helvetica, sans-serif;}
div.member_coupon table .status { width:60px;}
div.member_coupon table .payment { width:100px; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px;}
div.member_coupon table .key { width:80px; font-family:Arial, Helvetica, sans-serif;}
div.member_coupon table .pagenumber { width:570px; text-align:center; letter-spacing:5px; color:#ed6d00; font-weight:bold;}
div.member_coupon table .pagenumber a { text-decoration:none; color:#333;}
div.member_coupon table .pagenumber a:hover { color:#ed6d00;}
div.member_coupon table a { text-decoration:underline; color:#ed6d00;}

/*注意事項*/
div.member_coupon ul.explain { display:block; clear:both; width:570px; padding:0;}
div.member_coupon ul.explain li { display:block; background:url(../images/product/point.png) 0 2px no-repeat; margin:5px 0; padding:0 0 0 17px; font-size:12px; line-height:18px; color:#333;}
div.member_coupon ul.explain li span { color:#ed6d00;}
div.member_coupon ul.explain li a { text-decoration:underline; color:#ed6d00;}