@charset "utf-8";
/***---------- General Setting For Category Page ----------***/

/*** Category Brand Introduce Section || Author: Ben @2011.04.14	***/

/*** 共用Style	****/
/* <a class="btn_sys_gr><span文字></span></a> */
.btn_sys_gr { 
	height:15px; line-height:15px;
	background-color:#76b900;
	color:#FFF;
	display:block;
	padding:0 0 0 10px;
	margin-top:3px;
	text-align:center;
	float:right;
	*width:62px; 
}
.btn_sys_gr:hover { background-color:#005E15; color:#FFF }
.btn_sys_gr span { display:block; float:right; margin-right:8px; padding-right:5px; background:url(../images/new/icon_arrow_5px.gif) right 5px no-repeat;padding-top:2px\9; *padding-top:1px;}

/*** Lens Filter 濾鏡館使用CSS 2011.05.06 added by Ben		***/

.len_search_block {
	line-height:1.5; background:#FFF;
}
.len_search_block p {
	padding:0 29px; margin:1em 0;
}
div.len_form {
	padding:0 29px;	color:#313131;
}
div.len_form strong.title {
	display:block; margin:2em 0 1em;
	text-align:right; line-height:22px; font-weight:normal;
}
div.len_form dl {
	font-size:12px; line-height:30px;
	background:#D2E1EB;
	padding:20px 20px 30px 30px; margin-bottom:29px;
}
div.len_form dl dt { width:5em; line-height:2.5em; height:30px; }
div.len_form dl dd { margin-left:5em; margin-top:-2.5em; height:30px; }
div.len_form #btnDump {
	margin-top:8px;
	border:none; width:132px; height:27px;
	background:url(/files/category/intro/Len/sch/btn_lensch.png) 0 0 no-repeat
}
div.len_form #btnDump:hover {
	background-position:bottom;
}
div.len_form select { margin-top:2px; *margin-top:0; border:1px solid #afafaf; background-color:#fff; line-height:22px\9; height:22px\9; }
#lens_brand { width:140px; }
#lens_model, #lens_cate {	width:282px; background:#FFF;	}

/*	************ 		End of Lens Filter Search Panel		************	*/

div.com {
	
}
/*	品牌介紹專欄	*/
#brand-intro {	
	background:#DCDCDC; /* =temp */	
	margin:-15px 0 -15px -15px;
	float:left;
	border-right:11px solid #DCDCDC;
}
/*	Banners Sliding	*/
#brand-intro #cycle {
	position:relative; z-index:0;
}
#brand-intro #cycle .slider img { display:none; }
/*	半透明logo背景	*/
#brand-intro #cycle #cycle-bg {
	position:absolute; left:0; top:0;
	width:100%;	height:67px;
	background:#000; opacity:0.75;
	z-index:10;
}
/*	Brand Logo	*/
#brand-intro #cycle #cycle-logo {	
	position:absolute;	
	left:13px; top:20px;
	z-index:20;
}
/*	Brand Slogan	*/
#brand-intro #cycle #cycle-slogan {
	position:absolute;
	left:13px; bottom:20px;
	z-index:20;	
}
/*	品牌專欄 - 內容部分 =cont	*/
#brand-intro #cont {		
}

.large-brand{
	position:relative;
	margin-left:-263px;
	margin-top:-15px;
}
.large-brand .large-bg{
	position:absolute; left:0; top:0;
	width:915px;	height:70px;
	background:#000;
	z-index:10;
}
.large-brand .large-logo{
	position:absolute;	
	left:13px; top:20px;
	z-index:20;
}
.large-brand .large-slogan{
	position:absolute;
	left:13px; bottom:20px;
	z-index:20;	
}


/*	選單	*/
div#cont-nav { margin-top:7px; }
div#cont-nav ul { width:667px; overflow:hidden; }
div#cont-nav ul li {	
	height:33px; width:107px; /* (667-5x5)/6 = 107 	*/
	margin-right:5px;
	display:block; float:left;		
}
div#cont-nav ul.ipevo {	border-bottom:1px solid #76b900;	}
div#cont-nav ul.ipevo li {
	width:109px;
	margin-right:3px; 
}
/*
div#cont-nav ul.ipevo li.first { width:97px; }
div#cont-nav ul.ipevo li.bigger { width:137px; }
div#cont-nav ul.ipevo li.mid { width:82px; }
*/
div#cont-nav ul.ipevo li.last { width:107px; margin:0; }

/*	2011.05.05 IPEVO 品牌專館 大客製化!! TAB5 得獎紀錄用	*/
div.cont-block.awards strong {
	display:block; color:#0075A9;
}
div.cont-block.awards > div { margin-right:29px; }
div.cont-block.awards > div p.award {
	display:block; float:left;
	width:25%;
	text-align:center;
	font-family:Arial; font-size:10px; color:#555;	
}
/*	End of IPEVO 品牌館	*/

/*	選單按鈕	*/
div#cont-nav ul li a {
	display:block; width:100%; height:33px;
	overflow:hidden;
	position:relative;	
}
div#cont-nav ul li:hover img {	top:-100%;	}
div#cont-nav ul li.curr img {	top:-200%;	}
div#cont-nav ul li.curr a {	cursor:default;	}	
div#cont-nav ul li.last { margin:0; }
div#cont-nav ul li a img {
	position:absolute;
	left:50%; margin-left:-110px;	
}
/*	內容區塊	*/
div#cont-bd { background:#FFF; min-height:250px; padding:16px 0 0 29px; width:638px; }
div#cont-bd div.cont-block { display:none; line-height:1.5em; padding-bottom:1.5em; }
div#cont-bd div.cont-block strong.title { display:block; margin-bottom:10px; }

div#cont-bd p.half {
	min-height:350px; float:left;
	width:293px; margin:13px 26px 13px 0; 
	height:340px\9;
}
div#cont-bd p.ip {
	height:406px\9;
}
div#cont-bd p.head { margin:1em 25px 0 0; }
div#cont-bd p.half strong.title {
	display:block;
}
div#cont-bd p.half img { padding-bottom:10px }
div#cont-bd p.half a.readmore { float:right; margin-top:0.5em }

/*	For Tab5 產品特色介紹	*/
div#cont-bd p.tp2 { min-height:320px; }
div#cont-bd p.tp2 strong  { display:block; }
div#cont-bd p.tp2 img { padding:10px 0 0; }

div#cont-bd p.tp3 {
	height:253px\9; min-height:220px; margin-bottom:0;
}
div#cont-bd p.tp3 img { padding:0; }
div#cont-bd p.tp3 span.text {
	display:block; line-height:1.25em; padding-top:0.75em;
}
div#cont-bd p.tp3 span.text.left { text-align:left; }
div#cont-bd p.cut { float:left; margin-top:2em; }
.headertitle-extent div.com a.high {  color:#A20918; font-weight:bold; text-decoration:none; }
.headertitle-extent div.com a.high:visited { color:#A20918; }
.headertitle-extent div.com a.high:hover { color:#76b900; }
.headertitle-extent div.com #cont-bd.ipevo a.high,
.headertitle-extent div.com #cont-bd.ipevo a.high:visited { color:#76b900; text-decoration:none; }
.headertitle-extent div.com #cont-bd.ipevo a.high:hover { color:#005E15; }

.len_len{margin-bottom:10px;}
.len_style{text-align:center;color:#0e73c3;}
.cente {text-align:center;}
.udl{text-decoration:underline;}
.len_group{float:left;margin-bottom:30px;*margin-bottom:0;}
.one_third_txt{
display:inline-block;
text-align:center;
width:199px;
}
.verti_chart{
	float:left;
	width:auto;
	margin:0 0 0 0;
	line-height:1.5;
}
.verti_chart span, .verti_chart img{
	float:left;
	display:inline-block;
}
.verti_chart span{width:104px;color:#a3a3a3;}
.verti_chart span em{color:#0e73c3;font-style:normal;font-weight:normal;line-height:1.4;}
.verti_chart img{width:186px;}

.footnote{text-align:right;width:auto;padding:0 0 10px 0;*padding-bottom:0;}

/*** End of Brand Introduce Section	***/

/*** Category Main Frame ***/ 
#main_1 {background-color:#FFF;width: 100%; /*height: 100%;*/ }
#main_container {
	background-color:#dcdcdc; 
	/*height: auto !important;
	min-height:100%;*/
	float:left;
	z-index:999;
}

/*** All Category Link ***/
a {color:#707070; text-decoration:none;}
a:hover {color:#76b900; text-decoration:none; cursor: pointer; cursor: hand}
a.current {color:#76b900;}

/*** clear all float***/
#allclear {clear:both;}
/***---------- End Setting For Category Page ----------***/



/***---------- Left ----------***/
/*** Left Side Column ***/ 
#leftcolm{
	background-color:#dcdcdc;
	padding: 10px 0 60px 0;
	width:245px;
	height:auto;
	float:left;
	position:relative;
	z-index:10;
}

#ipadtitle {color:#FFF; font-size:15px; font-weight:bold; background-color:#76b900;height:15px; padding: 7px 10px 5px 10px; vertical-align:middle;}

#leftlist {background-color:#f5f5f5; padding:10px; line-height:1.5em; padding-bottom:25px;}
#leftlist ul li {padding-left:16px; line-height:1.4em;}
.ipadpro{font-weight:bold; padding-bottom:3px;}

.cate-cube{
margin:5px 0;
}

.cc-first{
margin-top:0;
}

.new-arrival-btm-spacer{
width:inherit;
height:4px;
}

.second-line{
}

.balloon-tag{
position:relative;
background:transparent url(../images/new/category/brand_balloon_arr.gif) 5px 17px no-repeat;
height:21px;
margin-bottom:-5px;
}

.balloon-tag div{
position:absolute;
top:0;
left:0;
color:#fff;
background-color:#e4007f;
line-height:1em;
padding:2px 2px 3px;
font-weight:normal;
}


div.organgetitle {color:#f39800;font-weight:bold; padding-top:5px;}
/* img.leftimg{ padding-top:10px; }  control images spacing between pictures on left */
div.left_banner_width {clear:both;width:235px; margin:10px 5px 0 0;}
/***---------- END Left ----------***/



/***---------- Right ----------***/
/*** Right Side Column ***/
#rightcolm{
	background-color:#dcdcdc;
	padding: 10px 0 10px 12px; /*10 0 10 5*/
	width:678px;
	float:right !important;
	position:relative;
	z-index:10;
}

/*** New Product Displaying (Javascript Control Hide and Show)***/
#newproductcat {height:255px;width:670px;}
#newproheader {background-color:#00a0e9; height:17px; padding: 5px 10px; vertical-align:middle;}
#newproheaderword {color:#FFF; font-size:15px; font-weight:bold; float:left; clear:left; padding-top:2px;}
#newproheaderword span {color:#313131; font-size:11px; font-weight:normal;}
div.circle_container {float:right; clear:right; margin:0px; padding:0px}
span.circle_current {color:#ffffff; font-weight:bolder; font-size:18px; padding-left:4px; }
span.circle_not_current {color:#80d0f4; font-weight:bolder; font-size:18px; padding-left:4px;}

/*** Blue Main Frame ***/
div.new_product_wrapper {width:670px; float:left;background-color:#a5cddf; display:inline-block; height:218px;}
#newproductsli {margin:0px; padding:0px;background-color:#a5cddf;width:644px;}
#newproductsli ul {width:644px; height:218px; display:inline-block;  white-space:wrap;  }
#newproductsli ul li {float: left; position:relative; width:160px; padding:0px 1px 0px 0px;}
#newproductsli ul li a { color:#FFF; font-weight:bold;}
#newproductsli ul li a:hover { color:#76b900; font-weight:bold;}

/*** Wrapped Blue List New Products (Contents) ***/
div.imgwrap {background-color:#fff;width:160px;height:150px; /*display:table-cell;*/ text-align:center; vertical-align:middle; }
div.imgwrap img {width:auto; max-width:160px; height:auto; max-height:150px; /*margin-top: expression(( 150 - this.height ) / 2)*/}
div.newpro_container_top {padding:5px 5px 5px 10px;background-color:#a5cddf; width:145px; height:50px; white-space:wrap;}
span.newprospan_top {line-height:1.2em; text-align:left; left:0; position:absolute; padding:5px 5px 5px 10px; width:145px}
span.newproprice_top {color:#eb6100; font-weight:bold; right:0; position:absolute; padding-top:35px; width:160px; text-align:right; float:right; padding-right:10px;}

/***  Left Arrows ***/
div.left_btn_blue {width:13px; height:155px;float:left;}
.left_btn_blue a {width:13px; height:155px;background-color:#a5cddf; display:inline-block; background:url(../images/new/category/left_arrow_blue.png) no-repeat;}
.left_btn_blue a:hover {width:13px; height:155px; background-color:#a5cddf; display:inline-block; background:url(../images/new/category/left_arrow_blue_rollover.png) no-repeat;}
.left_btn_blue_end{float:left;width:13px; height:155px; background-color:#a5cddf; display:inline-block;}

/***  Right Arrows ***/
div.right_btn_blue { width:14px; height:155px;float:right; position:absolute; left:661px; top:37px; display:inline-block}
.right_btn_blue a{width:14px; height:155px;background-color:#a5cddf; display:inline-block; background-image:url(../images/new/category/right_arrow_blue.png); background-repeat:no-repeat;}
.right_btn_blue a:hover{width:14px; height:155px; background-color:#a5cddf; display:inline-block; background:url(../images/new/category/right_arrow_blue_rollover.png) no-repeat;}
.right_btn_blue_end {float:right;position:absolute; left:661px; top:37px; width:14px; height:155px; background-color:#a5cddf; display:inline-block; }

/*** Display Array Ways ***/
.headertitle{
position:relative;
width:650px;
background-color:#e4007f;
height:15px;
padding: 7px 10px 5px 10px;
vertical-align:middle;color:#FFF;
/*font-size:15px; font-weight:bold;*/
}
.headertitle span {color:#313131; font-size:11px; font-weight:normal;}
.headertitle-extent{
	width:667px; /* 667 x 82(min)*/
	min-height:52px;
	margin:0;
	padding:0;
	float:left;
}
/*	目錄/品牌頁 上稿區內文區塊	*/
.headertitle-extent div.com {	
	font-size:13px;
	line-height:1.5em;		
	padding:15px;
	background-color:#fff;
	color:#434343;
}

.headertitle-extent div.com h4 {
	font-size:43px; line-height:43px;
	color:#404040; margin-bottom:7px;
}
.headertitle-extent div.com a,
.headertitle-extent div.com a:visited {
	color:#333;
	text-decoration:underline;
}
.headertitle-extent div.com a:hover {
	color:#76b900;
}
.headertitle-extent div.com div.in_list_subtitle_link{
  display:block;
  margin:12px 0;
	text-decoration:none;
}
.headertitle-extent div.com div.in_list_subtitle_link a{
  font-size:12px;
  display:inline-block;
  color:#fff;
  line-height:15px;
  padding:0 2px 0 21px;
  background:#1d50a2 url(../images/new/bullet_arrow2.gif) 0 0 no-repeat;
	text-decoration:none;
}
.headertitle-extent div.com div.in_list_subtitle_link a:hover { color:#FFF; background-color:#184080; }

.filter_more{
	display:block;
	height:36px;
	*height:24px;
	float:left;
	margin:-8px 0 -15px -15px;
	padding:13px 0 0 64px;
	*padding:25px 0 0 64px;
	background:url(../images/new/filter_icon.gif) 0 0 no-repeat;
}
.filter_more div.in_list_subtitle_link a{
	text-decoration:none;
}
/* 2010.12月起, 不用程式判斷背景色↓
.mode1{background-color:#cdcdcd;}
.mode2{background-color:#ddd6c1;}
.mode3{background-color:#d6ced6;}

#by-genre{background-color:#76b900;}
#by-brand{background-color:#e7a800;}
#by-feature{background-color:#92278f;}
*/

#displaystyle {background-color:#dcdcdc;padding: 0; width:670px; height:22px; position:relative; margin:6px 0 3px; float:left;padding-top:5px; }
#displayword {float:left; clear: left; /*color:#959595;*/ padding-top:5px;font-size:12px; margin-left:5px; } /*10px*/
#displayword em{color:#313131;font-style:normal;}
#displayicon_container {
  float:right;
  margin-top:2px;
}
#displayicon_full {padding-right:3px}
#displayicon_view {padding-right:3px}
#displayicon_list {}
#displayicon_container a img {border:solid;border-color: #dcdcdc;border-width: 1px;}
#displayicon_container a:hover img {border:solid;border-color: #76b900;border-width: 1px;cursor: pointer; cursor: hand}
#displayicon_container a.current img {border:solid;border-color: #76b900;border-width: 1px;}
#displayicon_container a:forcused img {border:solid;border-color: #76b900;border-width: 1px;}

#displayword a.sort_asc { padding-right:10px; background:url(../images/new/category/sort_asc.gif) right 4px no-repeat;   }
#displayword a.sort_desc { padding-right:10px; background:url(../images/new/category/sort_desc.gif) right 4px no-repeat;   }

#display-amount { /*width:165px;*/ float:left; font-size:15px; line-height:1em; padding-right:5px;    }
#displayword .display-amount-title { font-size:15px; color:#535353; }

#recommend-prod {
	/*	館長推薦 added by ben@Nov.30.2010 	*/
	float:left;
	background-color:#bbd3de;
}
#recommend-prod .arcade-unit { border: 0 none; }
#recommend-prod .arcade-inward { width:197px; }


/***---------- END Right ----------***/



/***---------- Gallery View Body ----------***/
/*** Display Products (All Products Templates) ***/
#ipadlist {background-color:#dcdcdc;width:680px; height:auto; }
#ipadlist ul {position:relative; width:680px; height:auto; }
#ipadlist ul li {float: left; position:relative; width:160px;padding:0px 10px 10px 0px;  }

/*** Absolute Position Yellow & Red Labels (Display Top Of Images) ***/
div.promotion_yellow {background-repeat:no-repeat;width:160px;height:150px;position:absolute;margin:-7px;} 
div.promotion_red1 {background-repeat:no-repeat;width:80px;height:60px;position:absolute;margin-top:99px; margin-left:109px;} 

/*** Wrapped List All Products (Contents) ***/
div.gallery_img {background-color:#fff;width:160px;height:150px; /*display:table-cell;*/ text-align:center; vertical-align:middle;}
div.gallery_img img {width:auto; max-width:160px; height:auto; max-height:150px; /*margin-top: expression(( 150 - this.height ) / 2);*/}
div.newpro_container {padding:5px 5px 5px 10px;background-color:#eeeeee; width:145px; height:50px; white-space:wrap;}
span.newprospan {line-height:1.2em; text-align:left; left:0; position:absolute; padding:5px 5px 5px 10px; width:145px}
span.newproprice {color:#eb6100; font-weight:bold; right:0; position:absolute; padding:35px 18px 0 0; width:160px; text-align:right; float:right;}
/***---------- END Gallery View Body ----------***/

/***---------- List View Body ----------***/
/*** List View ***/
div.listview {
	margin:0;
	margin-top:5px;
	padding:5px 10px 5px 0px; 
	height: auto !important;
	min-height: 100%; 
}
div.listview_container {
	height: auto !important;
	min-height: 137px;
}
ul.listview ul {
	width:670px; 
	height:auto; 
	position:relative;
}
ul li.listview  {
	width:670px; 
	height:auto;
	position:relative;
}

/*** Left (Images) ***/
/*img.listviewimg {margin:0px; }*/
div.listview_wrap {width:162px; height:152px;  background-color:#FFF;float: left;  padding:0px; border-bottom:1px #dcdcdc solid; text-align:center; vertical-align:middle}
div.listview_wrap img {width:160px; height:150px;border:1px #fff solid;}

/*** Middle (Product Description) ***/
div.listview_name_div {background-color:#eeeeee; width:386px; height:137px; float: left; padding:10px 5px 5px 10px; white-space:normal; line-height:2em;border-bottom:1px #dcdcdc solid}
span.listview_name_sp1 {line-height:1.5em; font-weight:bold; }
#pro_description_div { padding-top:2px; }
#pro_description_div ul {}
#pro_description_div ul li {color:#959595; margin: 0 5px 0 5px; padding: 2px 5px 0 5px; background:url(../images/new/dot_ccc.gif) left no-repeat;background-position: absolute; background-position: 0px 8px; text-decoration:none; line-height:1.1em;text-align: left;white-space:wrap;float:left;width:350px;} /* width:195px */
#pro_description_div span {display:inline;}
#pro_description_div ul li.nodot {background:none}
#pro_description_div ul li.nodot a {text-decoration:underline}

/*** Right (Prices) ***/
div.listview_price_div {background-color:#eeeeee; width:92px;height:139px;float: left; padding:8px 10px 5px 5px; text-align:right; line-height:1.7em;border-bottom:1px #dcdcdc solid;}
span.listview_pric_sp1 {color:#959595;  text-decoration:line-through; padding-right: 5px;}
span.listview_pric_sp2 {color:#eb6100; font-weight:bold; }
span.listview_pric_sp3 { padding-top:3px; display:block}
div.listview_price_div br {display:none}

/*** rescaled listview for 215x215 by justinpan ***/
.listview_ruler{
	margin-left:-4px;
	margin-top:2px;
	_margin-top:5px;
}
.listview_ruler li.ruler_line{
	display:inline-block;
	margin-bottom:0;
	margin-top:-6px;
	margin-top:-5px \9;
	*margin-top:-24px;
	_margin-top:-24px;
}
.listview_box{
	position:relative;
	width:678px;
	_width:674px;
	height:207px;
	margin-right:11px;
	_margin-right:0;
}
.listview_photo_box{
	float:left;
	position:relative;
	padding:4px 0 0 4px;
}
.listview_photo_box img{
	width:213px;
	height:200px;
}
.listview_depiction{
	float:left;
	width:454px;
	_width:457px;
	margin-top:4px;
	height:200px;
	background-color:#eee;
}
.listview_detail{
	float:left;
	margin:10px 0 0 10px;
}
.listview_detail_list{
	margin:3px 0 0 10px;
}
.listview_detail_list li{
	color:#959595;
	line-height:1.3em;
	width:320px;
	_width:300px;
}
.listview_detail_list li.listview_detail_list_more{
	text-decoration:underline;
}
.listview_prod_name{
	font-weight:bold;
	line-height:1.5em;
	display:block;
	width:320px;
	height:auto;
}
.listview_price_tag{
	float:right;
	margin:10px 10px 0 0;
	_margin:5px;
}
.listview_price_tag dt, .listview_price_tag dd{
	 margin:0;
	 padding:0;
}
.listview_price_tag dt.retail-price{
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	padding-bottom:6px;
}
span.higher-price{
	text-decoration:line-through;
	font-weight:normal;
	color:959595;
}
span.lower-price{
	font-weight:bold;
	color:#eb6100;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
.listview_ruler{margin-top:2px;}
.listview_ruler li.ruler_line{margin-top:-6px;}
}

/***---------- END List View Body ----------***/



/***---------- Bottom ----------***/
/*** Pre & Next Arrows ***/
#prenextbox{
	clear:left; 
	width:670px; 
	height:34px;
	text-align:left; 
	padding: 15px 0px 5px 0px;
	font-size:13px;
}
#bottom_arrow_left{
	padding:0;
	display:inline-block;
	vertical-align:bottom;
}
#bottom_arrow_right{
	padding:0px;
	display:inline-block;
	vertical-align:bottom
}
a.page_bottom_link {text-decoration:underline;  padding:0px 2px;}
a:hover.page_bottom_link {text-decoration:none;}
a.current.page_bottom_link { color:#666; font-weight:bold;}

/*** Centerlise Numbers ***/
.pagination{
	font-size:13px;
	text-align:center;
}
.pagination-ruler{
	margin:0 auto;
	width:auto;
}
span.start_numbering {display:block; padding-top:5px;}
.left_bottom_box{
	float:left; 
	text-align:right;
}
div.middle_bottom_box{
	width:auto; 
	float:left; 
	text-align:left;
}
div.right_bottom_box{
	float:left;
	text-align:left;
	padding-left:5px;
}
/***---------- END Bottom ----------***/

/***---------- BY-JP 10-10-01 ----------***/
.arrows{
padding: 0px;
display: inline-block;
vertical-align:bottom;
}

.cate-paging a{
font-size:11px;
font-family:Vernada;
}

.cate-paging a:link.page_bottom_link, .cate-paging a:visited.page_bottom_link{
text-decoration:none;
padding:0px 2px;
color:#ddd
}

.cate-paging a:hover.page_bottom_link{
text-decoration:underline;
color:#eeeeee;
}

.cate-paging a.current{
color:#fff;
font-size:11px;
font-weight:bold;
}


/*** Centerlise Numbers ***/
.cate-paging{
  float:right;
  height:25px;
  text-align:right;
  padding: 1px 5x;
  margin-top:4px;
  font-family:Arial, Verdana;
}
#page-box a, #page-box a:visited {
	color:#626262;
}

.cate-paging a:hover{
color:#eeeeee;
text-decoration:underline;
}

.p-box{
float:left;
text-align:left;
margin-right:10px;
}

.prev-box{
text-align:right;
}

.num-box{
width:auto;
font-size:12px;
font-weight:normal;
}

.next-box{
padding-left:5px;
}

span.numbering{
display:block;
margin-top:1px;
font-size:12px;
}

span.numbering strong{
color:#eeeeee;
color:#626262; /* modified by ben@Nov/30/2010 */
}

em.arr-tag{
color:#ddd; color:#626262;
height:20px;
line-height:1.6em;
font-weight:normal;
font-style:normal;
font-size:11px;
}

em.arr-tag span{
color:#ddd; color:#626262;
font-size:11px;
}

em#go-prev{
background:transparent url(../images/new/category/way_left2.gif) left 2px no-repeat;
padding-left:9px;
}

em#go-next{
background:transparent url(../images/new/category/way_right2.gif) right 2px no-repeat;
padding-right:9px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
.cate-paging{top:3px;}
em#go-next span{margin-right:2px;}
}


/*START added for category3.html =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/

.search-bar{
	position:relative;
	margin:0 0 9px 10px;
	_margin-left:0;
	width:100%;
}

.search-blank{
	width:168px; /*195*/
	height:24px;
	height:17px \9;
	*height:17px;
	border:1px solid #666;
	border-color:#4c4c4c #b2b2b2 #b2b2b2 #4c4c4c;
	padding-left:22px;
	padding-top:7px \9;
	*padding-top:7px;
	background:#fff url(../images/new/category/search_bg.jpg) 2px 7px no-repeat;
	font-size:12px;
	color:#999;
}

.search-submit{
	width:36px;
	height:27px;
	border:none;
	background:#76b900 url(../images/new/go_trig_blue_l.gif) 0 0 no-repeat;
}

.search-submit:hover, .search-submit_ie6{
	background-position:0 -27px;
	cursor:pointer;
}

.search-bar input.search-submit{
	position:absolute;
	top:0;
	right:10px;
	_right:-2px;
}

.cate-header{
	width:225px; /*241*/
	padding:6px 0 0 16px;
	padding-top:8px \9;
	*padding-top:8px;
	height:21px;
	height:19px \9;
	*height:19px;
	font-size:15px;
	font-weight:bold;
	color:#fff;
	margin-left:4px;
	_margin-left:-4px;
}

#by-genre{background-color:#76b900;}
#by-brand{background-color:#e7a800;} /*00608a*/
#by-feature{background-color:#0e6eb8;}

.cate-content-wrap{
	background:transparent url(../images/new/category/cate_header_fold.gif) 4px 0 no-repeat;
	padding-left:9px;
	padding-bottom:10px;
	_margin-left:-8px;
}
.cate-list{
	list-style-type:none;
	padding-left:0;
	_padding-left:1px;
}
.cate-list li{
	width:224px;
	_width:223px;
    height:auto;
	min-height:16px;
	padding:4px 0 4px 12px;
	border-bottom:1px solid #dcdcdc;
	background-color:#fff;
}
.cate-list_bak li{
	width:224px;
	_width:223px;
	height:20px;
	padding:6px 0 0 12px;
	border-bottom:1px solid #dcdcdc;
	background-color:#fff;
}
.cate-list li.summary-title{
	font-weight:bold;
}
.cate-list li.indent-size{
	padding-left:17px;
	width:220px;
	*width:219px;
	_width:219px;
}
#in-feature li{
	border-bottom:1px solid #dcdcdc;
	background-color:#8b8b8b;
}
#in-feature li:hover, #in-feature li.current {
	background-color:#474545;
}

.cate-list li a:link, .cate-list li a:visited{
	color:#626262;
    line-height:1.5em;
    padding-right:10px;
	width:205px;
}

#in-feature li a:link, #in-feature li a:visited{
	color:#FFFFFF;
}

.cate-list li a:hover, .cate-list li a.current{
	color:#76b900;
}

/*#in-feature li a:hover, #in-feature li a.current{
	color:#474545;
}*/

.cate-list li span.notable-tag{
	margin-left:2px;
	width:28px;
	height:14px;
	display:inline-block;
}
.cate-list li span.notable-tag em{
	color:#FF00FF;
	font-size:10px;
	visibility:hidden;
}
/*
.cate-list li a span.host-recommended{
	background:url(../images/new/category/new_item.gif) 0 0 no-repeat;
}
*/

.cate-list li span.brand-new{
	background:url(../images/new/category/new_item.gif) 0 0 no-repeat;
}
.cate-list li span.flower{
	background:url(../images/new/category/flower.png) 0 0 no-repeat;
	width:8px;
	height:16px;
	margin-left:3px;
}
.cate-list li a span.brand-new{
	/* background:url(../images/new/category/new_item_over.gif) 0 0 no-repeat; */
}

.cate-list li a span em{
	visibility:hidden;
}

/*	左側選單改用圖型化 2010.12.09 added by Ben	*/
.cate-list-img { margin-left:1px; }
#in-feature.cate-list-img li {
	height:33px;
	padding:0 1px 0 0;
	background-position:0 0;
	width:234px;
	/*border:0 none;*/
}
.cate-list-img li a {
	height:33px; width:235px;
	text-indent:1em;
	line-height:33px;
	display:block;
}
#in-feature.cate-list-img li:hover,
#in-feature.cate-list-img li.current {
	background-position:right top;
}
/*	左側選單改用圖型化 -- End	*/

#ad-zone{
	background:none;
}

.cate-content{
	position:relative;
	text-align:center;
	width:212px;
	height:auto;
	background-color:#f5f5f5;
	padding:9px 12px;
	_padding:9px 10px 0 12px;
}

#in-brand{
	background-color:#dcdcdc;
	padding-left:0;
}

#ad-zone .cate-content{
	background-color:#dcdcdc;
	padding:9px 0;
}

#ad-zone .cate-content img{
	margin:5px auto;
}

/****	=brandMark 品牌/特色館大banner Display Added@11/29/2010 by Ben		****/

#brandMark {
	width:667px; /*min-height:200px;*/ max-height:351px; overflow:hidden;	
	margin:-15px 0 0 -15px; float:left;
	position:relative;		
}
#brandMark.txt {
	background-color:#FFFFFF;
	color:#000000;
}
#brandMark div.logo {
	display:block; width:50%; height:50px;	
	position:absolute; left:15px; top:15px;
	color:#FFFFFF; font-size:15px;/* 若裝載的是純文字的LOGO */
}
#brandMark div.desc {
	display:block; float:left; padding-bottom:5px;
	min-height:75px; width:100%; margin-top:135px; margin-top:67px;	
	background-color:#000; opacity:0.7;
	/*position:absolute; bottom:0; left:0;*/
	color:#DCDCDC; font-size:13px;
}
#brandMark div.desc p { padding:10px 20px 5px; line-height:1.5; margin:0; color:#FFFFFF; }
#brandMark div.desc a:link { color:#FFFFFF; text-decoration:underline; }

.headertitle-extent #comment p {
	line-height:1.5; padding:5px 10px 10px 15px;
}


.headertitle{
	background-color:#5e5e5e;
	width:647px;
}

/**** for CUSTOM SELECTION STYLE ****/
.checkbox, .radio{
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(../images/new/category/checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}

.radio{
	background: url(../images/new/category/radio.gif) no-repeat;
}
.open-select{
	width:235px;
	margin-bottom:12px;
}
.open-select option{
	font-family:Arial, Helvetica, sans-serif;
	color:#626262;
	padding-left:5px;
}
.open-select option.current{
	color:#76b900;
}
#scroll_pad{display:none;margin-top:10px;}
#pad_option_echo{float:right;padding:2px 0 5px;text-decoration:underline;}
#pad_option_echo{display:none;}

.scroll-logo{height:260px;overflow-x:hidden;overflow-y:scroll;}
.scroll-logo li{width:224px;background:#fff url(../images/new/dot_bg.jpg) center bottom repeat-x;border-bottom:0;}
.scroll-logo li:hover{background-color:#474545;cursor:pointer;}
.scroll-logo li a{display:inline-block;margin-right:10px;}
.scroll-logo li:hover a{color:#fff;}

.select{
	position: absolute;
	width: 212px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 27px;
	padding: 2px 24px 0 8px;
	color: #707070;
	font: 12px/21px arial,sans-serif;
	background: url(../images/new/category/brand_select.gif) no-repeat;
	overflow: hidden;
	text-align:left;
	_display:none; /*hide it for stupid ie6*/
}

.styled option{
	padding-left:5px;
	background-color:#fff;
	color:#707070;
}

/**** __________________________ ****/
.hot-brands{
	margin:-5px 0 0;
	margin:-6px 0 0 \9;
	*margin:-6px 0 0;
	width:210px;
	text-align:left;
}
.hot-brands h3{
	display:block;
	width:51px;
	height:19px;
	background:url(../images/new/category/hot_item.gif) 0 0 no-repeat;
}

.hot-brands h3 span{
	visibility:hidden;
}

.hot-brands ul{
	text-align:left;
	margin:6px auto -13px;
	*margin-bottom:0;
	_margin-bottom:0;
}

.hot-brands ul li{
	margin-bottom:5px;
}

.ship-promo{
	margin-left:9px;
	_margin-left:0;
}

.ship-promo img{
	margin-bottom:8px;
}
.len_banner{
	display:block;
	width:236px;
	margin:-2px 0 9px 9px;
}
/** ARCADE VIEW STYLES for PINK EVENT & NEW CATEGORY */
.arcade_view_container{
  margin-left:-4px;
  /*margin-left:-5px;*/
  float:left;
  width:678px;
}
.arcade-unit-frame{
	float:left;
	position:relative;
	padding:4px 0 0 4px!important;;
	margin:0 4px 4px 0;
	_margin:0 2px 7px 0;
	_text-align:left;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	/*	fixed safari & chrome 短少1px	*/
	.arcade-unit-frame{	margin:0 4px 4px 0!important;	}
}


.arcade-unit{
	width:215px; /* 213x409 */
	height:auto;
	*height:422px;
	border:1px solid #5e5e5e;
}
.float-link-area{
	width:215px;
	height:200px;
	display:block;
	position:absolute;
	top:5px;
	left:5px;
	z-index:899;
}
.float-link-area span{
	visibility:hidden;
}
.ribbon{
	position:absolute;
	top:0;
	left:0;
	z-index:880;
  width:111px;
  height:111px;
}
.rib1{
	z-index:888;
	width:70px;
	height:70px;
}
.rib2{
	z-index:898;
	width:111px;
	height:111px;
}
.saletag{
  background:url(../images/new/category/sale_tw.png) 0 0 no-repeat;
	width:48px;
	height:16px;
	position:absolute;
	top:189px;
	left:-2px;
	z-index:898;
}
.combotag{
  background:url(../images/new/category/sale_combo.png) 0 0 no-repeat;
	width:60px;
	height:16px;
	position:absolute;
}
.arcade-sticker-plate{
	position:relative;
	width:215px;
	height:200px;
	*margin-bottom:-3px;
}
.arcade-sticker-plate img{
	width:215px;
	height:200px;
}
.arcade-sticker{
	position:absolute;
	width:48px;
	height:48px;
	right:8px;
	bottom:8px;
}
.arcade-sticker em{
	visibility:hidden;
}
.arcade-unit h4{
	width:207px;
	height:17px;
	padding:3px 0 0 8px;
	padding-top:5px \9;
	*padding-top:5px;
	*margin-top:2px;
	_margin-top:0;
	height:15px \9;
	*height:15px;
	overflow:hidden;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	background-color:#8b8b8b;
}
.arcade-unit h4 a:link, .arcade-unit h4 a:visited{
	color:#dcdcdc;
}
.arcade-unit h4 a:hover{
	color:#fff;
}
.arcade-inward{
	position:relative;
	width:197px; /* 213x189 */
	height:185px;
	padding:9px;
	background-color:#fff;
}
.arcade-inward p{
	margin:0;
	padding:0;
	display:block;
}
p.arcade-inward-header{
	font-size:13px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	/* margin:9px 0 12px 7px; */
	line-height:1.1em;
	*line-height:1.2em;
	/*margin-bottom:.55em;*/
	margin-bottom:4px;
	color:#0075a9;
}
p.arcade-inward-header a:link,
p.arcade-inward-header a:visited{
	color:#0075a9;
}
p.arcade-inward-header a:hover{
	color:#76b900;
}

p.arcade-inward-detail{
	color:#8b8b8b;
	font-size:12px;
	line-height:1.3em;
}
p.arcade-inward-detail a:link.arcade-readmore, 
p.arcade-inward-detail a:visited.arcade-readmore{
	color:#707070;
	text-decoration:underline;
}
p.arcade-inward-detail a:hover.arcade-readmore{
	color:#76b900;
}
ul.arcade-inward-features {
	*height:70px; overflow:hidden; /* 2011.06.13 分類頁產品敍述改產品重點, 最多秀5行(14x5) =ben  */
	color:#8b8b8b;
	max-height:70px; /* 保險措施，避免少部分title高度判斷不到, 導致產品重點爆版... */
}
ul.arcade-inward-features li {
	background:	url("../images/new/icon_dot.jpg") no-repeat scroll left 5px transparent;
	padding-left:1em;
}
.arcade-inward .arcade-readmore { text-decoration:underline; line-height:18px;  }
.arcade-inward-features > span, .arcade-inward-features > div /* 特殊用法之重點不要顯示出來 */
.arcade-inward-features li, .arcade-inward-features li *  { 
	color:#8b8b8b!important; line-height:14px!important; font-size:12px!important;
	text-decoration:none!important; cursor:default!important; font-weight:normal!important;
}

.arcade-retail{
	position:absolute;
	right:9px;
	bottom:12px;
	width:160px;
	text-align:right;
}

.arcade-retail dt, .arcade-retail dd{
	float:right;
	margin-bottom:-8px;
	width:160px;
}

.arcade-retail dt p{
	float:right;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
}
.arcade-retail dt p.shopper-price{
	font-size:36px;
	line-height:32px;
	font-weight:bold;
	color:#eb6100; /* e7a800 */
	/* background:transparent url(../images/new/peso_sign_yellow.gif) left top no-repeat; */
	text-indent:4px;
}
.dis88{
	position:absolute;
	left:-4px;
	bottom:21px;
	background:url(../images/new/category/dis88_cr.gif) left bottom no-repeat;
	height:40px;
	vertical-align:bottom;
}
.dis88_in{
	min-width:88px;
	height:32px;
	line-height:1;
	background-color:#e4007f;
	font-size:12px;
	color:#fff;
	text-align:left;
	padding:2px 0 2px 9px; 
}
.dis88 b{color:#fff;font-size:11px;}
.dis88 em{font-style:normal;font-size:20px;color:#fff;font-weight:bold;}
.arcade-retail dt p.shopper-price span.money-sign{
    font-size:13px;
		margin-right:1px;
		display:inline-block;
		font-weight:normal;
}
.arcade-retail dt p.origin-price{
    color:#555;
    font-size:13px;
    font-weight: normal;
		margin-right:5px;
		padding-top:16px;
		*padding-top:22px;
    text-decoration: line-through;
		width:33px;
}
.arcade-retail dt p.dis88_gamma{
    color:#eb6100;
    font-size:13px;
    font-weight: normal;
		margin-right:0;
		padding-top:3px;
		padding-top:5px \9;
		*padding-top:9px;
		width:130px;
}
.arcade-retail dd{
	margin:0;
	padding:0;
	height:15px;
}
.arcade-retail dd input{
  float:right;
}

.arcade-go-2-buy{
	width:71px;
	height:15px;
	cursor:pointer;
	background:url(../images/new/category/green_buy_now.gif) 0 0 no-repeat;
	border:none;
	margin-top:3px;
	*margin-top:4px;
	_margin-top:1px;
}
.arcade-go-2-buy:hover{
	background:url(../images/new/category/green_buy_now_over.gif) 0 0 no-repeat;
}
.arcade-discontinued, .arcade-discontinued:hover{
	background:url(../images/new/category/tw_discontinued.gif) 0 0 no-repeat;
	cursor:default;
}
.arcade-out-of-stock, .arcade-out-of-stock:hover{  /* 2010-12-31 add */
	background:url(../images/new/category/out_of_stock_tw.gif) 0 0 no-repeat;
	cursor:default;
}
.arcade-not-sell-now, .arcade-not-sell-now:hover{  /* 2011-1-26 add */
	background:url(../images/new/category/not_sell_now.gif) 0 0 no-repeat;
	cursor:default;
}
p.arcade-coo{
	font-family:Tahoma, Geneva, sans-serif, "新細明體";
	font-size:11px;
	position:absolute;
	left:4px;
	bottom:3px;
	*bottom:4px;
	padding-top:4px;
	height:20px;
}
p.arcade-coo a, p.arcade-coo span{
	color:#8b8b8b;
	float:left;
	margin-left:3px;
	line-height:1.7em;
	text-decoration:none;
}
p.arcade-coo a:hover{
	color:#76b900;
}
p.arcade-coo a.country-name{
	cursor:default;
	color:#8b8b8b;
}
.map-pin{
	display:none;
	width:14px;
	height:20px;
	margin-right:0;
	margin-left:-3px;
}
.map-pin img{
	float:left;
	margin-top:0;
}

/*** [.glyview] Class Group for category_gallery_view.html ***/
.glyview{
	margin:0 4px 4px 0;
	/*_margin:0 5px 7px 0;*/
}

.glyview .arcade-unit{
	height:auto;
	*height:329px;
}

.glyview .arcade-inward{
	height:92px;
}
.glyview p.arcade-inward-header{
	font-size:12px;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	line-height:1.2em;
	*line-height:1.3em;
	margin-bottom:.55em;
	color:#0075a9;
}

.glyview .arcade-sticker-plate img{
	overflow:hidden;
	background-color:#eee;
	width:215px;
	height:200px;
	display:block;
}
.glyview p.arcade-coo{
  display:none;
	position:absolute;
	left:9px;
	bottom:4px;
	*bottom:5px;
	_bottom:5px;
	padding-top:4px;
	height:20px;
}

.glyview p.leftside-price{
  position:absolute;
  left:7px;
  bottom:2px;
  *bottom:3px;
  _bottom:4px;
  padding-top:2px;
  height:20px;   
  color: #eb6100; /* e7a800 */
  display: block;
  font-family: Arial,Helvetica,sans-serif;
  line-height: 14px;
}
.glyview p.leftside-price span.deducted{
  font-size:13px;
  font-weight: normal;
  text-indent: 8px;
}
.glyview p.leftside-price span.deducted dfn{
				text-decoration:line-through;
				font-style:normal;
				*margin-left:-6px;
}
.glyview p.leftside-price span.buy-price{
  font-size:20px;
  font-weight: bold;
}
.glyview p.leftside-price span.buy-price em.buy-peso{
  font-style:normal;
	font-weight:normal;
  font-size:13px;
	margin-right:-5px;
}
.price-box {
	position:absolute;
	left:10px; bottom:6px;
	width:197px;
	height:20px;
}

/*
.glyview p.leftside-price {
  float:left;
  line-height:20px;
  background: transparent url("../images/new/peso_sign_yellow.gif") 0 1px no-repeat;
  color: #E7A800; 
  font-family: Arial,Helvetica,sans-serif;
  font-size: 20px; font-weight: bold;
  padding-left:10px; margin-left:3px;
  postion:absolute;
  left:3px;
  bottom:5px;
}
*/

.glyview .ori-price {
  color:#555;
  font-size:11px;
  line-height:26px;
  text-decoration:line-through;
  float:left;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
.headertitle-extent div.com div.in_list_subtitle_link a{line-height:17px;}
.arcade-retail dt p.origin-price{padding-top:17px;}
.arcade-retail dt p.shopper-price{}
.arcade-price{bottom:20px;}
.arcade-price-num{margin-top:-7px;margin-bottom:-5px;}
.glyview{margin:0 3px 3px 0;}
.glyview p.leftside-price span.deducted dfn{margin-left:0px;}
}
/*ENDOF added for category3.html =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/