@charset "utf-8";
/*www.okpon.com v2
   Final date 2009/07/13 Roni.
=============================================
*/
body{min-width:970px;font:12px/1.5em Verdana, "Lucida Grande", Arial, Helvetica, sans-serif;overflow-y:scroll;/*FF*/*overflow-y:visible;/*IE7*/	_overflow-y:visible;/*IE6*/zoom:1;}
td{vertical-align:top;}

a {color:#666;text-decoration:none;}
a:hover { text-decoration:underline;}
a img { border:none;}
a{outline: none; /* for Firefox */
hlbr:expression(this.onFocus=this.blur()); /* for IE */}

.pad1{padding:10px 0 0 0;}

.header{background:url(images/pic/header_bg.jpg) center top no-repeat;height:85px;}/*Header bg*/
.header .yes{ margin:0 auto;width:970px;height:77px;}/*Header bg1*/
a.logo{background-image:url(images/pic/okpon_logo.gif);display:block;height:50px;left:15px;width:241px;margin:8px 0 0 15px;}

.top_links {/*RSS.店家加入....等*/font-size:1.1em;float:right;}
td .top_links{width:200px;}
.top_links a{float:right;margin-left:4px;padding:4px 4px 1px 5px;/*IE8 bug*/line-height:1.1;width:50px;height:15px;border:1px solid #7F93BC;background:#FFF none no-repeat scroll right top;line-height:15px;overflow:hidden;display:inline;font-size:12px;font-weight:normal;}
* html .top_links a{padding:3px 4px 1px 5px;} /*IE6*/
*+html .top_links a{padding:3px 4px 1px 5px;} /*IE7*/
html:root .top_links a{padding:2px 4px;} /*FF*/

.top_links a:hover{background-color:#9CCF56;background-position:100% -20px;color:#FFF;text-decoration:none;}

/*頂置搜尋*/
.search{margin:0 20px 0 0;_margin:0 10px 0 0;/*to ie 6*/float:right;}
.search .btn{background:#FFF;border:1px solid #CCC;}
.search input.s{background:transparent url(images/pic/form_btn.gif) no-repeat center;border:0;cursor:pointer;font-family:"Arial","Verdana","PMingLiU";padding:2px 0 4px 0;*padding:2px 0 0 0;width:79px;margin:-2px 0 3px 0;*margin:-2px 0 0 0;/*IE7*/}
html:root .search input.s{margin:0 0 3px 0;} /*FF bug,IE8設定無效*/
.tabs {float:right;margin:5px 20px -2px 0;}
* html .tabs{margin:8px 10px -2px 0;} /*IE6*/*+html .tabs{margin:8px 20px -2px 0;} /*IE7*/html:root .tabs {margin:3px 20px -8px 0;}/*FF*/

.tabs li.home,
.tabs li.home a,
.tabs li.home a:hover{float:left;margin:0 1px 0 0;;display:inline;width:66px;background:url(images/pic/head_botton_h.jpg) no-repeat center top;	color: #fff;height:30px;}
.tabs li.home a span,.tabs li.home a:hover span{background:url(images/pic/head_botton_h.jpg) no-repeat center top;text-decoration:blink;}

.tabs li {float:left;margin:0 1px 0 0;display:inline;width:66px;}
.tabs li a {/*a:btn*/float:right;width:66px;height:38px;display:block;}
.tabs li a span {/*正常btn*/padding:9px 0 7px 0;width:66px;display:block;text-align:center;}
.tabs li a:hover span {padding:9px 0 5px 0;_padding:9px 0 0 0;background:url(images/pic/head_botton.jpg) no-repeat center top;width:66px;cursor:pointer;}
.tabs li a span img{ vertical-align:middle;}
.tabs li.active a {/*目前所在頁籤*/float:left;width:66px;height:38px;color:#FFF;display:block;}
.tabs li.active a span,.tabs li.active a:hover span {padding:9px 0 7px 0;background:url(images/pic/head_botton_o.jpg) no-repeat center top;width:66px;display:block;text-align:center;}/*目前網頁*/

/*--------------------------跑馬區塊----------------------*/
div.marquee{overflow:hidden;width:970px;height:19px;margin:0 auto;clear:both;}
div.marquee a{text-decoration:none;padding:0 10px 0 0;}
div.marquee a:hover{color:#9CCF56;text-decoration:none;}
/*--------------------------登入+T-bar----------------------*/
.t-bar{margin:0 auto;width:970px;}
.member{float:left;width:200px;height:200px;background:url(images/pic/member_bg.gif) center top no-repeat;}
.member .form{width:180px;color:#333;padding:10px 0 0 10px;}
.okmember_input{background:#F2F2F2;border:1px solid #CCC;width:120px;}
.form li{padding:6px 0 3px 0;}
.member .hello{color:#E52C92;text-align:center;padding-top:12px;}.member .hello a:hover,member .hello a{color:#E52C92;text-decoration:underline;}
.member .hello1{color:#333;padding:0 0 0 10px;}
a.okmember_btn{background-image:url(images/pic/botton.jpg);display:block;width:108px;height:33px;position:relative;margin:0 auto;text-align:center;cursor:pointer;}
a.oksearch_btn{display:block; background-image:url(images/pic/form_btn.gif); width:74px; height:21px;position:relative;margin:2px 0 0 4px;padding:2px 0 0;text-align:center;cursor:pointer;}
.okmember_btn .br{padding-top:6px;*padding-top:8px;_padding-top:8px;}
.pass {padding:0 0 8px 0;}.pass a:hover{color:#9CCF56;}

.t_commercial{float:left;margin:0 0 0 13px;position:relative;width:754px;height:200px;}
.wrap{margin:0 auto;padding:8px 0 0 0;width:970px;}/*content 內容區設置*/
.wrap1{margin:0 auto;padding:0;width:970px;}/*內頁content設置*/

/*--------------------------左欄 area----------------------*/
.l_column{float:left;margin:0 13px 0 0;_margin:0 6px 0 0;width:200px;overflow:hidden;}
div.left_nav-body{/*內容產品區底圖*/background-image:url(images/pic/left_nav_bg.gif);background-position:left center;background-repeat:repeat-y;padding:5px 7px 5px 0;}
* html div.left_nav-body {height:1%;} /*hack IE6*/
div.left_nav{/*左list尾端圓角*/background-image:url(images/pic/left_nav_btm.gif);background-position:left bottom;background-repeat:no-repeat;margin-bottom:0px;padding-bottom:14px;/*圖高度*/}
div.left_nav .bar{background:url(images/pic/left_nav_title.gif) center top no-repeat;padding:10px 0 0 10px;}
.line_list li {border-bottom:1px solid #ECF1F3;width:175px;margin-left:11px;clear:both;padding:5px 0;}
.line_list img {margin:0 5px 5px 0;vertical-align:inherit;float:left;}
.line_list .text{padding:12px 0 0 0;height:40px;}
.line_list li a{/*文字*/display:inline;line-height:15px;overflow:hidden;margin:5px 0 0 0;text-decoration:none;}
*html .line_list li a{width:175px;margin:5px 0 0 2px;}
.line_list li a:hover{color:#72A42F;text-decoration:none;cursor:pointer;}
.moble_image{padding:0 0 10px 0;}
/*--------------------------內容 area----------------------*/
.wrap{margin:0 auto;width:970px;}/*content 內容區設置*/
.content {float:left;margin:0 13px 0 0;_margin:0 7px 0 0;width:560px;overflow:hidden;background:url(images/pic/content_bg.gif) center top repeat-y;}
.container_title{padding:10px 10px 0 15px;height:28px;background:url(images/pic/head_title_bg.jpg) no-repeat;line-height:20px;font-size:13px;color:#72A42F;}
.container_footer{position:relative;height:16px;background:url(images/pic/content_footer.jpg) no-repeat;clear:both;display:block;}

ul.content_shop li{/*list產品變化框set*/background:none;display:inline;float:left;padding:0 3px 0 3px;width:132px;height:130px;overflow:hidden;}
ul.content_shop li a{background:none;color:#666;display:block;font-size:12px!important;font-size:11px;text-align:center;text-decoration:none;}
ul.content_shop li a:hover{color:#7BB132;text-decoration:none;cursor:pointer;}
ul.content_shop li a img{/*產品小圖size*/background-color:#F1F1F1;border:4px solid #E6E6E6;display:block;width:125px;height:94px;margin:0 auto;padding:0;}
ul.content_shop li a span{/*圖下內容文字*/display:inline;line-height:15px;*line-height:22px;text-align:center;}
ul.content_shop li a span .new_icon,
ul.content_shop li a:hover span .new_icon{float:left;vertical-align:baseline;padding:5px 0 0 0;width:22px;height:9px;border:none;background:none;}
ul.content_shop li a:hover img{border:4px solid #D0D0D0;}
ul.content_shop li.clear{clear:both;display:block;float:none;font-size:1px;height:1px;line-height:1px;margin:0;padding:0;visibility:hidden;width:auto;}
ul.content_shop{margin:0 0 0 3px;}

/*新上架顯示與折扣，注意僅限coupon 優惠精選套用，路徑照下列......Roni 2009/05/27*/
div.new,  div.new   a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/new_discount.gif);}
div.new95,div.new95 a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/new95_discounttypepic.gif);}
div.new90, div.new90  a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/new90_discounttypepic.gif);}
div.new85,div.new85 a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/new85_discounttypepic.gif);}
div.new80, div.new80  a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/new80_discounttypepic.gif);}
div.new75,div.new75 a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/new75_discounttypepic.gif);}
div.new70, div.new70  a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/new70_discounttypepic.gif);}
div.new65,div.new65 a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/new65_discounttypepic.gif);}
div.new60, div.new60  a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/new60_discounttypepic.gif);}
div.new55,div.new55 a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/new55_discounttypepic.gif);}
div.new50, div.new50  a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/new50_discounttypepic.gif);}
div.new45,div.new45 a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/new45_discounttypepic.gif);}
div.new40, div.new40  a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/new40_discounttypepic.gif);}
div.new35,div.new35 a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/new35_discounttypepic.gif);}
div.new30, div.new30  a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/new30_discounttypepic.gif);}
div.new25,div.new25 a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/new25_discounttypepic.gif);}
div.new20, div.new20  a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/new20_discounttypepic.gif);}
div.new15,div.new15 a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/new15_discounttypepic.gif);}
div.new10, div.new10  a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/new10_discounttypepic.gif);}
div.new0,div.new0 a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/new0_discounttypepic.gif);}

div.normal95,div.normal95 a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/95_discounttypepic.gif);}
div.normal90, div.normal90  a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/90_discounttypepic.gif);}
div.normal85,div.normal85 a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/85_discounttypepic.gif);}
div.normal80, div.normal80  a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/80_discounttypepic.gif);}
div.normal75,div.normal75 a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/75_discounttypepic.gif);}
div.normal70, div.normal70  a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/70_discounttypepic.gif);}
div.normal65,div.normal65 a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/65_discounttypepic.gif);}
div.normal60, div.normal60  a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/60_discounttypepic.gif);}
div.normal55,div.normal55 a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/55_discounttypepic.gif);}
div.normal50, div.normal50  a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/50_discounttypepic.gif);}
div.normal45,div.normal45 a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/45_discounttypepic.gif);}
div.normal40, div.normal40  a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/40_discounttypepic.gif);}
div.normal35,div.normal35 a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/35_discounttypepic.gif);}
div.normal30, div.normal30  a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/30_discounttypepic.gif);}
div.normal25,div.normal25 a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/25_discounttypepic.gif);}
div.normal20, div.normal20  a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/20_discounttypepic.gif);}
div.normal15,div.normal15 a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/15_discounttypepic.gif);}
div.normal10, div.normal10  a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/10_discounttypepic.gif);}
div.normal0,div.normal0 a{position:absolute;width: 133px;height:102px;z-index:1;background-attachment:fixed;background:url(images/discounttype/0_discounttypepic.gif);}
/*------------------------總編推薦 area---------------------------*/
.commend {float:left;margin:5px 3px 7px 2px;overflow:hidden;width:275px;_width:272px;}
.commend dl{padding-left:4px;_padding-left:2px;}
.commend .jpg{float:left;width:145px;}
.commend .jpg a img{background-color:#F1F1F1;border:4px solid #E6E6E6;display:block;width:125px;height:94px;margin:0 auto;padding:0;}/*內定尺寸125*94px*/
.commend .jpg a:hover img{border:4px solid #D0D0D0;}
.commend dt{float:left;display:block;width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-text-overflow:ellipsis;content:".";}
.commend dt a{color:#E52C92;text-decoration:none;}
.commend dt a:hover{text-decoration:underline;}
dd{float:left;display:block;width:120px;overflow:hidden;text-overflow:ellipsis;white-space:normal;/*nowrap只能單行換，需外加js解決*/-moz-text-overflow:ellipsis;color:#666;}
.commend dd :after {height:auto; clear:both; display:block; visibility:hidden; content:".";}

.page_menu{float:right;}
.page_menu ul{margin:0 5px 0 0;display:inline;zoom:1;}
.page_menu li{float:left;color:#72A42F;position:relative;padding:3px;}
.page_menu .not{padding:3px 7px;}/*注意not link用此css id*/
.page_menu li a{background:none;padding:3px;}
.page_menu li a:hover{background:#72A42F;position:relative;padding-bottom:5px;color:#fff;text-decoration:none;}
/*--------------------------右欄 area----------------------*/
.r_column {float:left;width:180px;overflow:hidden;}/*右側欄位*/
div.right_nav-body{/*底圖*/background-image:url(images/pic/right_nav_bg.gif);background-position:left center;background-repeat:repeat-y;padding:0 7px 5px 10px;_padding:10px 7px 5px 10px;*padding:10px 7px 5px 10px;}
* html div.right_nav-body {height:1%;} /*hack IE6*/
div.right_nav{/*右list尾端圓角*/background-image:url(images/pic/right_nav_btm.gif);background-position:left bottom;background-repeat:no-repeat;margin-bottom:0px;padding-bottom:14px;/*圖高度*/}
div.right_nav .bar{background:url(images/pic/right_nav_title.gif) center top no-repeat;padding:10px 0 0 10px;}
.r_nav_pad{padding:10px 0 0 0;_padding:0;*padding:0;}
.r_nav ul {}/*跑馬*/
.r_nav li {background-image:url(images/pic/right_go.gif);background-position:-1px 17%;background-repeat:no-repeat;padding:0 0 7px 15px;}
.r_nav li a{/*圖下內容文字*/display:block;width:145px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:none;}
.r_nav li a:hover{color:#7BB132;text-decoration:underline;}
div.right_nav p{margin:10px 3px 0 0;text-align:right;border-top:1px solid #CCC;}
div.right_nav p a{text-decoration:none;}
div.right_nav p a:hover{color:#E52C92;text-decoration:underline;}

div.right_nav-body .links ul{width:160px;}
div.right_nav-body .links li{display:block;padding:2px 0 2px 0;_padding:0 0 2px 0;*padding:0 0 2px 0;}
/*--------------------------Footer area----------------------*/
.footer{margin:0 auto;width:970px;}
.footer dl{float:left;padding:0 3px 0 5px;width:235px;}
.footer dl a{width:235px;display:block;}
.footer dl.last{float:left;padding:0 0 0 6px;display:block;width:233px;}
.footer dt{background:url(images/pic/point.gif) left bottom repeat-x;display:block;margin:8px 0 0;padding:0 0 8px 0!important;padding:0 0 7px 0;color:#E52C92;font-weight:bold;font-size:13px;}
.footer dd{line-height:230%;font-size:13px;display:block;width:235px;background:url(images/pic/point.gif) left bottom repeat-x;letter-spacing:1px;}
/*頁腳*/
table.bottom_contact{background:url(images/pic/contact_bg.jpg) center top no-repeat;width:100%;margin:6px 0 0 0;height:100px;}
.bottom_contact td{padding:26px 0 0 0;}
.bottom_contact div.base{margin:0 auto;width: 935px;}
.bottom_contact ul.top,.bottom_contact ul.top a{font-size:13px;color:#132F79;}
.bottom_contact ul{ color:#999;font-size:12px; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:inline; float: right;}
.bottom_contact li{display:inline;padding:0 6px 0 0;} 
.bottom_contact li a{text-decoration:underline;}.bottom_contact li a:hover{text-decoration:underline;color:#72A42F;}
.bottom_contact .xaa{display:inline;padding:6px 0 0 0;color: #888;float:right;}
/*=============================================
*       v2 table - 會員登入表單
=============================================*/
.login_form-body{background-image:url(images/pic/form_bg.jpg);background-position:left center;background-repeat:repeat-y;padding:0 7px 5px 28px;color:#666;}
* html .login_form-body {height:1%;}
.login_form{/*尾端*/background-image:url(images/pic/form_footer.jpg);background-position:left bottom;background-repeat:no-repeat;margin-bottom:0px;padding-bottom:20px;/*圖高度*/}
.login_form .bar{background:url(images/pic/form_title.jpg) left top no-repeat;padding:20px 0 0 27px;}

table .ret{width:700px;}/*會員申請form*/
table .ret_td1{width:18%;}
.ret td{padding:12px 0;border-bottom:1px solid #f3f3f3;}
.ret td span{padding:0 0 0 6px;}
.ret select{background:#f2f2f2;border:1px solid #CCC;margin:0 0 8px 0;}
.ret .rr{color:#E52C92;}
.login_form .kk{background:#f2f2f2;border:1px solid #CCC;width:200px;}
.login_form .kk1{background:#f2f2f2;border:1px solid #CCC;width:400px;}
div .read{letter-spacing:1px;line-height:170%;text-indent:12px;padding:20px 60px 0 50px;}
div .read p{padding:7px 0;}
table .agree{margin:0 auto;}table .agree td{padding:20px 6px 0 0;}table .agree a{color:#E52C92;}
/*=============================================
*       v2 table - 內頁屬性 setting
=============================================*/
td.page_td{width:760px;}
.b_image{width:710px;}
.b_image dl{float:left;padding:0 10px 0 0;width:345px;}
.b_image dl a{width:108px;display:block;}
.b_image dt.header{display:none;}
.b_image dt{display:block;color:#E52C92;font-size:13px;height:20px;}

.b_image li a{color:#72A42F;text-decoration:none;letter-spacing:-1px;display:block;}
.b_image li a:hover{text-decoration:underline;}
.login_form .bar1{background:url(images/pic/form_title.jpg) left top no-repeat;padding:20px 0 0 27px;}
.login_form .bar2{
	background:url(images/pic/form_title.jpg) left top no-repeat;
	padding:20px 0 0 20px;
}/*搜尋 container title*/
.login_form span.title{border:1px solid #ccc;padding:2px 4px 2px 6px;background:#f2f2f2;}
* html .login_form span.title{padding:2px 3px 0 4px;} /*IE6*/
*+html .login_form span.title{padding:2px 3px 0 3px;} /*IE7*/
html:first-child .login_form span.title{padding:4px 3px 3px 3px;} /*IE8*/
div.map2{border:1px solid #CCC;display:block;width:330px;height:300px;margin:7px 0;}

.b_image dd.ibon_banner{width:590px;position:relative;left:56px;}
.b_image dd{display:block;width:330px;letter-spacing:1px;}
.b_image dd.bigimage{padding:7px 0!important;padding:0;_padding:6px 0 0;}
.b_image dd.map{border:1px solid #CCC;display:block;width:330px;height:300px;margin:7px 0;}
.b_image dd.text,.b_image dd.text p{text-indent:12px;width:346px;_width:345px;}
.b_image dd h3.text{color:#E52C92;font-size:13px;text-indent:0px;}
.b_image dd.coupon{width:590px;background:#fff;height: 290px;position:relative;left:56px;}

.b_image dd h3{color:#E52C92;font-size:13px;padding:4px 0 0;}
.b_image dd h3 img{vertical-align:inherit;*vertical-align:middle;_vertical-align:inherit;}
.b_image dd h2{color:#E52C92;font-size:13px;padding:7px 0 0 0;}
.b_image .s_gallary{display:block;width:84px;float:left;}
.b_image .s_gallary span{padding:2px 0 0 0;display:block;text-decoration:none;}
.b_image .s_gallary a:hover span{text-decoration:underline;color:#9CCF56}
.b_image .s_gallary img{background-color:#F1F1F1;border:4px solid #E6E6E6;display:block;}
.b_image .s_gallary a:hover img{border:4px solid #D0D0D0;text-decoration:none;}


/*折扣區塊*/
.b_image div.discount{padding:7px 0 0 0;float:left;width:350px;}
.discount li.discount_body{/*底圖*/background-color:#00FFCC;}
* html .discount_body li{height:1%;}
.discount li.discount_btm{/*尾端*/background-image:url(images/pic/discount_footer.gif);background-position:left top;background-repeat:no-repeat;margin-bottom:0px;padding-bottom:10px;clear:both;/*圖高度*/}
.discount li.discount_bar{background:url(images/pic/discount_title.gif) left bottom no-repeat;height:17px;}

.discount .catalog {float: left;width: 350px;}
.discount dl{
	border:1px solid #ccc;
	margin: 0 0 5px 0;
	padding:5px 3px;
	width: 335px;
}
.discount dl a{display:inline;color:#72A42F;}
.discount .jpg{
	float:left;
	width:80px;
	height:70px;
	padding: 0 0 0 5px;
}
.discount dt{float:left;display:block;width:249px;}
.discount dt.title{
	float:left;
	display:block;
}
* html .discount dt{padding:0;}

dd.coupon span.coupon_text{
	position:absolute;
	width:570px;
	height:210px;
	z-index:auto;
	left: 12px;
	top: 19px;
}
span.coupon_text .title{
	font-size:1.3em;
	color:#132F79;
	font-weight:bold;
	line-height:1.6em;
	height:47px;
}
.title span{
	color:#E52C92;
	font-weight:bold;
	font-size: 1.4em;
	line-height: 1em;
}
span.coupon_text td.content{
	font-size:13px;
	letter-spacing:1px;
	line-height:150%;
	color:#132F79;
	background:none;
	height:147px;
	overflow: hidden;
	width:auto;
}
/*---------------ibon說明區----------------*/
.ibonintro {margin:0 auto;width:580px;}
.ibonintro ul{clear:both;} 
.ibonintro li{display:inline;background:#F2F2F2 none repeat scroll 0 0;border:1px solid #CCCCCC;float:left;width:276px;height:314px;margin:7px 8px 0 -4px;_margin:7px 8px 0 0;padding:2px 0 0;text-decoration:none; }
.ibonintro li p{padding:3px 2px 0 12px;line-height:1.3em;font-size:12px;}
.ibonintro img{ display:block; width: 250px; margin: 0 auto; padding: 10px 0 0 0; }
b.ibon {font:xx-large "Trebuchet MS", Verdana, arial, sans-serif;border:1px solid #D0D0D0;padding:0 7px;}

span.coupon_text div.ty1{width:165px;}
span.coupon_text div.column1{/*列印券最下方欄位*/
	float:left;
	width:338px;
	height:55px;
	border:1px solid #D0D0D0;
	padding:0 5px 4px 10px;
	display:inline;
	margin: 0 5px 0 0;
	overflow: hidden;
}
span.coupon_text div.column2{
	float:left;
	width:190px;
	height:55px;
	padding:0 5px 4px 10px;
	border:1px solid #D0D0D0;
	display:inline;
	overflow: hidden;
}
dd.coupon_btn{width:695px;margin:10px 0;}
ul.ibon_btn{float:right;margin:0 48px 0 0;_margin:0 25px 0 0;}
.ibon_btn li,.ibon_btn li a{display:inline-table;_display:inline;*display:inline;}
a.coupon_btn{background-image:url(images/pic/botton.jpg);display:block;width:108px;height:33px;position:relative;text-align:center;margin:7px 0 0 536px;}
.coupon_btn a.ibon {background-image:url(images/pic/ibon_btn.jpg);display:block;height:33px;margin:7px 0 0 425px;position:absolute;width:108px;
_position:fixed;}
.coupon_btn .br{padding-top:6px;*padding-top:8px;_padding-top:8px;}

.discount dd{width:249px;/*_padding: 0 0 10px 0;*padding: 0 0 10px 0;折扣數字最後一排bug*/}
.discount dd span{font-size:large;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;color:#E52C92;vertical-align:middle;_vertical-align:-3px;*vertical-align:-3px;padding:0 2px 0 0;line-height:20px;letter-spacing:-1px;clear:both;}


/*clean area*/
div.clean,span.clean{clear:both;display:block;}
div.clean_r,span.clean_r{clear:right;display:block;}

/*=============================================
*   搜尋結果 - 屬性 setting Roni 2009/05/21
=============================================*/
.search-body{
	background:transparent url(images/pic/form_bg.jpg) repeat-y scroll left center;
	padding:0 0 0 16px;
	color:#666;
}
* html .search-body{height:1%;}/*ie6 bug hack*/*+html .search-body{height:1%;}/*ie7 bug hack*/
.searching {float:left;margin:5px 0 10px 0;overflow:hidden;width:360px;}
.searching dl{padding-left:4px;_padding-left:2px;}
.searching .jpg{float:left;width: 85px;clear: right;}
.searching .jpg a img{background-color:#F1F1F1;border:4px solid #E6E6E6;display:block;width:70px;height:52px;}/*內定尺寸70*52px*/
.searching .jpg a:hover img{border:4px solid #D0D0D0;}
.searching dt{float:left;display:block;width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-text-overflow:ellipsis;content:".";}
.searching dt a{color:#72A42F;text-decoration:none;}
.searching dt a:hover{text-decoration:underline;}
.searching dd{float:left;display:block;width:270px;overflow:hidden;text-overflow:ellipsis;white-space:normal;/*nowrap只能單行換，需外加js解決*/-moz-text-overflow:ellipsis;line-height:110%;}
.searching dd.s{color:#E52C92;}
.searching dd.s img{vertical-align:baseline;padding:0 3px 0 0;}
.searching dd :after {height:auto; clear:both; display:block; visibility:hidden; content:".";}
.page_menu ul.rtt{padding:0 8px 0 0;}
/*=============================================
*       v2內頁B版屬性 setting
=============================================*/
.b_vip{width:970px;}
.b_vip div.bverion{width:915px;}
.b_vip div.bverion1{padding:0 10px 0 0;float:left;width:280px;}
.b_vip div.bverion2{
	padding:0 10px 0 0;
	float:left;
	width:330px;
}
.b_vip div.bverion3{
	padding:0;
	float:left;
	width:280px;
}
.bverion3 dl{
	border:1px solid #ccc;
	margin: 0 0 5px 0;
	padding:5px 3px;
	width: 276px;
	clear:both;
}
.bverion3 dl a{display:inline;color:#72A42F;}
.bverion3 .jpg{float:left;width:72px;height:70px;padding: 0 10px 0 0;}
.bverion3 dt{float:left;display:block;color: #9CCF56;}
.bverion3 dt.title{float:left;display:block;}
.bverion3 dd{color: #fff;width: 194px;}
* html .bverion3 dt{padding:0;}

.b_vip-body{background-image:url(images/pic/bversion_body.gif);background-position:left center;background-repeat:repeat-y;padding:7px 7px 5px 28px;color:#f2f2f2;}
* html .b_vip-body {height:1%;}
.b_vip-body p{padding:0 0 8px 0;}
.b_vip .btm{/*尾端*/background:url(images/pic/bversion_bottom.gif) left bottom no-repeat;margin-bottom:0;padding-bottom:16px;clear:both;/*圖高度*/}
* html .b_vip .btm{height:16px;padding-bottom:0;}*+html .b_vip .btm{height:16px;padding-bottom:0;}
.b_vip .bar{background:url(images/pic/bversion_title.gif) left top no-repeat;height:15px;}
.b_vip-body h4{color:#9CCF56;font-weight:normal;}