/************************ 全域通用 ********************************/
html, body	{ 
	margin:0 auto;
	font-size:10pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#55594d;
	background: #fff url(images/bg-body.jpg) repeat fixed top left;}
a			{color:#ff8400;}
a:hover		{text-decoration:none;}
h1{}
h2{}
input{font-size:10pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#55594d;}
img{border:0;}




/************************ div 結構 ********************************/
#wrapper{width:995px; _width:992px; background-color:#f7f7f7; text-align:center; margin:0; padding:0;}
#header		{clear:both; width:990px; _width:990px; height:75px; 
       		 background-image:url(images/header-bg.jpg);
       		 background-color:#f7f7f7; 
       		 background-repeat:no-repeat;
       		 margin:0; margin-left:0; margin-left:0\9; *margin-left:-5px; _margin-left:-10px;
       		 _height:1%; overflow:hidden; _overflow:none; /*內有float元件時 須在 wrapper加這串, 免得內部float元件飄出wrapper外*/
       		}
	#header	 #logo		{float:left; width:167px; height:75px;}
	#header	 #menubar	{float:left; height:34px; width:823px; *width:793px; margin-top:16px; _margin-top:6px; overflow:hidden; _overflow:none;}
		#header	 #menubar	ul{margin:0; float:left; width:616px;margin-left:-30px; *margin-left:0; _margin-left:0;}
		#header	 #menubar	li{float:left; list-style:none; margin:0;}
	

#container	{clear:both;width:993px; _width:990px; height:auto; background-color:#f7f7f7; 
          	 margin:0; margin-left:-3px; margin-left:-3px\9; *margin-left:-3px; _margin-left:0;
          	 _height:1%; overflow:hidden; _overflow:none;}
	#container	#left-block		{float:left; width:169px; margin-left:3px; _margin-left:-1px; }
	#container	#center-block	{float:left; width:540px; margin-left:3px; _margin-left:-10px; }
	#container	#right-block	{float:left; width:273px; margin-left:5px; _margin-left:0; }
	#container	#main-block	{float:left; width:815px; margin-left:3px; _margin-left:-8px; }
	
#footer		{clear:both; width:990px; _width:990px; background-color:#f7f7f7;
       		margin:0; margin-left:0; margin-left:0\9; *margin-left:-5px; _margin-left:-10px;
       		_height:1%; overflow:hidden; _overflow:none;}
	#footer	#url		{margin:2px auto;}
	#footer	#copyright	{margin:2px auto;}
	#footer a{color:#555;}


/************************ 元件: 登入資訊 ********************************/
.box-login{width:990px; *width:813px; height:25px; text-align:right;}
	.box-login a{color:#666;}


/************************ 元件: 搜尋功能 ********************************/
.box-search{margin-left:0; width:180px; *width:170px; _width:173px; height:34px; float:right; margin-right:5px; *margin-right:-5px;
             overflow:hidden; _overflow:none;}
	.box-search .input-text,.box-search .input-btn{margin-top:7px;}
	.box-search .input-text{width:130px; *width:123px; border:1px solid #666; background: url(images/bg-btn.jpg) repeat-x bottom left; float:left;}
	.box-search .input-btn{border:1px solid #666; background: url(images/bg-btn.jpg) repeat-x bottom left; cursor:pointer;}


/************************ 元件: 功能按鈕  ********************************/
.box-function{ margin:5px auto;}
	.box-function img{ margin-left:4px;}
	
	
/************************ 元件: 分類選單  ********************************/
.box-category{ background: url(images/bg-middle-left.jpg) repeat-y top left; overflow:hidden;}
	.box-category .box-in-category{background: url(images/bg-bottom-left.jpg) no-repeat bottom left; padding-bottom:20px; margin-bottom:5px; overflow:hidden; }
		.box-category .box-in-category .header{}
		.box-category .box-in-category .menu{padding-top:10px; overflow:hidden;}
			.box-category .box-in-category .menu .list{margin:0 15px; text-align:left; height:35px; overflow:hidden; background: url(images/bg-menulist.gif) no-repeat top left;}
			    .box-category .box-in-category .menu .list a{color:#eb6b6a; font-weight:bold; font-size:10pt; height:36px; line-height:36px; text-decoration:none; }
				.box-category .box-in-category .menu .list a:hover{}
			.box-category .box-in-category .menu .submenu{text-align:left; overflow:hidden;}
				.box-category .box-in-category .menu .submenu ul{margin:10px 0px; *margin-left:40px !important;}
				.box-category .box-in-category .menu .submenu li{list-style:none; margin:10px 0px;}
				.box-category .box-in-category .menu .submenu a{color:#999; text-decoration:none;}
				.box-category .box-in-category .menu .submenu a:hover{color:#ff6e00;}


/************************ 元件: 小逼: 主題展 ********************************/
.box-exhibition{ background: url(images/bg-middle-left.jpg) repeat-y top left;}
	.box-exhibition .box-in-exhibition{ background: url(images/bg-bottom-left.jpg) no-repeat bottom left; padding-bottom:20px; text-align:left; }
		.box-exhibition .box-in-exhibition .header{}
		.box-exhibition .box-in-exhibition .set{margin:10px 10px 0px 10px; width:160px;}
			.box-exhibition .box-in-exhibition .set .info{margin-bottom:5px;}
			.box-exhibition .box-in-exhibition .set .product{width:150px; height:73px; background: url(images/bg-exhibition-set.jpg) no-repeat top left;}
				.box-exhibition .box-in-exhibition .set .product img{margin:4px 0px 0px 5px; width:130px; height:60px;}


/************************ 元件: 大逼 ********************************/
.box-banner{margin-bottom:5px; margin-top:10px; padding:0; _height:1%; overflow:hidden; _overflow:none;}
	.box-banner object{border:4px solid #e7e7e7;}


/************************ 元件: 品牌嚴選 ********************************/
.box-brand{margin-bottom:5px; _height:1%; overflow:hidden; _overflow:none;}
        .box-brand .slideshow { height: 45px; width: 541px; _width: 543px; margin: 0px; border: 0px solid #feb781;}
        .box-brand .slideshow .panel {overflow:hidden; _overflow:none; height: 40px; width: 541px;_width: 543px; margin-top:3px;  background:url(images/bg-brand.jpg) no-repeat top left;}
        .box-brand .slideshow img { padding: 0px; float:left; margin-left:4px;_margin-left:5px; margin-top:9px; }
		

/************************ 元件: 橫向商品推薦 ********************************/
#accordion {
	background: url(images/bg-panel.gif) no-repeat top left;
	width:539px; _width:519px; height:80px; padding:10px 0 10px 20px;}

    #accordion img {
	    float:left; width:60px; height:60px; margin-right:10px; margin-top:5px; cursor:pointer; opacity:1; filter: alpha(opacity=100); border:1px solid #ddd;}
        #accordion img.current { cursor:default; opacity:1; filter: alpha(opacity=100); border:1px solid #ff8400;}
    #accordion div {width:0px; float:left; display:none; margin-right:10px; text-align:left;}
        #accordion div h3 {	margin:10px 0 -10px 0; *margin-bottom:-15px; width:190px; font-size:11pt; font-weight:normal;}
        #accordion div h3 a{color:#ea5958;}
        #accordion div h3 a:hover{text-decoration:none;}
        #accordion div p {line-height:150%;	color:#777;	width:150px;}


/************************ 元件: 產品展示 ********************************/
.box-product{ background-color:#fff; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin-bottom:10px;
             _height:1%; overflow:hidden; _overflow:none; width:541px; _width:540px;  }
	.box-product .set{ float:left; width:179px; height:auto; overflow:hidden; border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2; border-right:0; border-bottom:0; background-color:#fff; text-align:center;}
		.box-product .set .thumb{ margin-top:30px;margin-bottom:20px; width:99%; height:95px;
		    display:table;
			*position:relative; }
		    .box-product .set .thumb .wrapper{
		        display:table-cell; vertical-align:middle; text-align:center;
			    *position:absolute; *top:50%; *left:50%;}
		    .box-product .set .thumb .wrapper img{ width:auto; height:95px;
		        *position:relative; *top:-50%; *left:-50%; }
		    .box-product .set .info{ height:110px; background: url(images/bg-product-info.jpg) no-repeat top left; text-align:left; padding-top:10px; margin-left:15px; margin-right:15px;}
		    .box-product .set .info span{ font-size:12px; color:#666;}
		    
		    .box-product .set .info .infolinkcolor{ color:#ff8400;}

			.box-product .set .info .normal,.box-product .set .info .highlight{display:block; margin-top:3px;}
			.box-product .set .info .normal, .box-product .set .info .normal .price_ori, .box-product .set .info .normal .price_sale  {font-size:12px; color:#666;}
			.box-product .set .info .highlight, .box-product .set .info .highlight .price_ori,.box-product .set .info .highlight .price_sale {font-weight:bold; font-size:14px; color:#ea5958;}


/************************ 元件: 中逼: 促銷商品 ********************************/
.box-promotion{_height:1%; overflow:hidden; _overflow:none; }
	.box-promotion .box-in-promotion{float:left; margin-left:10px; _margin-left:5px; border:1px solid #ccc; background-color:#eee; width:251px; padding:3px;}
		.box-promotion .box-in-promotion .banner{}
			.box-promotion .box-in-promotion .banner img{border:5px solid #fff; width:240px; height:60px;}
		.box-promotion .box-in-promotion .thumb{ background-color:#fff; padding:3px; padding-top:0;
		                                         _height:1%; overflow:hidden; _overflow:none;}
			.box-promotion .box-in-promotion .thumb img{ float:left; margin-left:4px; width:75px; height:75px; border:1px solid #e2e2e2;}


/************************ 元件: 大縮圖: 網友口碑 ********************************/
.box-praise{width:273px; margin-bottom:5px; background: url(images/bg-eslite-middle.jpg) repeat-y top left;}
	.box-praise .box-in-praise{ background: url(images/bg-eslite-bottom.jpg) no-repeat bottom left; text-align:center; padding-bottom:10px;}
		.box-praise .box-in-praise .header{}
		.box-praise .box-in-praise .banner{margin-top:5px;}
		.box-praise .box-in-praise .banner img{width:234px; height:169px;}
		.box-praise .box-in-praise .info{margin:10px 15px 5px 20px; text-align:left; line-height:150%;}



/************************ 元件: 排行榜/門市暢銷 ********************************/
.box-recommend{ margin-bottom:5px;}
	.box-recommend .box-in-recommend{}
		.box-recommend .box-in-recommend .header{}
		.box-recommend .box-in-recommend .set-1st{background:#fff url(images/bg-recommend-1.jpg) no-repeat bottom left; height:107px;}
		.box-recommend .box-in-recommend .set-2nd{background:#fff url(images/bg-recommend-2.jpg) repeat-y top left; height:104px;}
		.box-recommend .box-in-recommend .set-3rd{background:#fff url(images/bg-recommend-3.jpg) no-repeat top left; height:119px;}
		.box-recommend .box-in-recommend .set-4th{background:#fff url(images/bg-recommend-4.jpg) no-repeat top left; height:105px;}
		
		.box-recommend .box-in-recommend .set-1st, 
		.box-recommend .box-in-recommend .set-2nd, 
		.box-recommend .box-in-recommend .set-3rd
		.box-recommend .box-in-recommend .set-4th { overflow:hidden; padding:0 20px;}
		
		.box-recommend .box-in-recommend .set-1st .thumb img,
		.box-recommend .box-in-recommend .set-2nd .thumb img, 
		.box-recommend .box-in-recommend .set-3rd .thumb img,
		.box-recommend .box-in-recommend .set-4th .thumb img { width:60px; height:60px;}
			
				.box-recommend .box-in-recommend .set-1st .thumb	{margin-top:20px; _margin-left:5px;} 
				.box-recommend .box-in-recommend .set-1st .info		{margin-top:10px; margin-left:15px;} 
				.box-recommend .box-in-recommend .set-2nd .thumb	{margin-top:10px; margin-right:0;} 
				.box-recommend .box-in-recommend .set-2nd .info		{margin-top:5px;}
				.box-recommend .box-in-recommend .set-3rd .thumb	{margin-top:20px; margin-left:30px; _margin-left:15px;} 
				.box-recommend .box-in-recommend .set-3rd .info		{margin-top:10px; margin-left:15px;} 
				.box-recommend .box-in-recommend .set-4th .thumb	{margin-top:0px;} 
				.box-recommend .box-in-recommend .set-4th .info		{margin-top:0px; margin-left:25px; _margin-left:12px;} 
				
				.box-recommend .box-in-recommend .thumb{ float:left; width:60px; margin-left:10px;}
				.box-recommend .box-in-recommend .info{  float:left; width:145px; text-align:left; line-height:150%; color:#777;}
				.box-recommend .box-in-recommend .info .title{color:#eb6b6a;}



/************************ 內頁元件: 所處頁面路徑 ********************************/
.box-path{ 
    width:811px;_width:780px; height:20px; overflow:hidden; _overflow:none; clear:both;
    text-align:left; line-height:20px; padding:8px; padding-bottom:4px;}
	.box-path .off{}
	.box-path .on{ font-weight:bold;}
	.box-path a{color:#666;}

				
/************************ 內頁元件:level 3 大廣告區塊 ********************************/
.box-advertisement{ width:820px; _width:814px; _height:381px; overflow:hidden; _overflow:none;}
	.box-advertisement .set{float:left; margin-right:6px; _margin-right:3px; width:404px; height:381px;
							background: url(images/bg-advertisement.jpg) no-repeat top left;
							overflow:hidden; _overflow:none;
							position:relative;}
							
		.box-advertisement .set .title{clear:both; width:400px; height:50px; line-height:50px; vertical-align:middle; text-align:left;
			font-weight:bold; font-size:14px; color:#ff6e00; text-indent:35px; margin-bottom:-6px; _margin-bottom:-3px; overflow:hidden;}
		.box-advertisement .set .thumb{float:left; width:320px; height:320px; display:table; text-align:center; *position:relative;}
		/** thumb's width + panel's width = set's width **/
			.box-advertisement .set .thumb .wrap{display:table-cell; vertical-align:middle;
				*position:absolute; *top:50%; *left:50%;}
			.box-advertisement .set .thumb .thumbImg{*position:relative; *top:-50%; *left:-50%;}
		.box-advertisement .set .panel{float:left; width:70px; position:absolute; bottom:15px; right:10px;  font-size:10px; display:table-cell; text-align:right; padding-right:3px;}
			.box-advertisement .set .panel .normal, .box-advertisement .set .panel .normal .price_ori, .box-advertisement .set .panel .normal .price_sale  {font-size:12px; color:#666;}
			.box-advertisement .set .panel .highlight, .box-advertisement .set .panel .highlight .price_ori,.box-advertisement .set .panel .highlight .price_sale {font-weight:bold; font-size:13px; color:#ea5958;}



/************************ 內頁元件:level 3 banner區塊 ********************************/
.box-thumbset {width:813px; height:225px; background:no-repeat top left; overflow:hidden; _overflow:none; margin-bottom:10px; }


/************************ 內頁元件: 列表標題 ********************************/
.box-header {width:808px; height:40px; background: url(images/bg-header.jpg) no-repeat bottom left; text-align:left; text-indent:10px;
	position:relative;}
	.box-header h1{ font-size:14px; text-decoration:underline;position:absolute; top:2px; *top:12px;}


/************************ 內頁元件: 產品列表區塊 ********************************/
#main-block .box-product { text-align:center; width: 804px; border:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}/**** width = .set's width *4 + 8px  ****/
	#main-block .box-product .set{width:200px; height:350px; overflow:hidden; position:relative; border:0; border-right:1px dotted #e2e2e2; border-bottom:1px dotted #e2e2e2;}
		
		#main-block .box-product .set .thumb{  width: 200px; height:170px; text-align:center; margin-top:15px;margin-bottom:15px; 
			display:table;/*IE 8, FF, chrome: 產品縮圖垂直置中*/
			*position:relative;/*IE 6,7: 產品縮圖垂直置中*/}
		#main-block .box-product .set .thumb .wrap{
		    display:table-cell; vertical-align:middle;/*IE 8, FF, chrome: 產品縮圖垂直置中*/
			*position:absolute; *top:50%; *left:50%;/*IE 6,7: 產品縮圖垂直置中*/} 
		#main-block .box-product .set .thumb .wrap img{width:100px; height:auto;
			*position:relative; *top:-50%; *left:-50%;/*IE 6,7: 產品縮圖垂直置中*/
			width:100px; height:auto;}
		#main-block .box-product .set .info{ background: url(images/bg-product-info.jpg) no-repeat top right;
			height:auto; line-height:140%; text-align:left; padding-top:5px; margin-left:15px; margin-right:15px;}
		
		#main-block .box-product .set iframe{ position:absolute; right:10px; bottom:10px;}
	


		
/************************ 內頁元件: 購物車按鈕區塊 ********************************/
		.panel{clear:both; width:auto; }
		.panel a{text-decoration:none;}
		.panel .shopping{width:116px; height:36px; cursor:pointer;
				background:#fff url(../stationery/images/btn-shopping.jpg) no-repeat top left;}
		.panel .noShopping{width:116px; height:36px;
				background:#fff url(../stationery/images/btn-noShopping.jpg) no-repeat top left;}
		.panel .specialShopping{width:116px; height:36px; text-align:right; cursor:pointer;
				background:#fff url(../stationery/images/btn-specialShopping.jpg) no-repeat top left;}
		.panel .specialShopping .msg{display:block; float:right; width:38px; line-height:36px; 
					vertical-align:middle; text-align:center; font-size:10px; color:#000;}

	

/************************ 內頁元件: 頁碼切換 ********************************/
.box-page{ width:370px; _height:1%; overflow:hidden; _overflow:none; margin:20px auto;}
	.box-page a{ text-decoration:none;}
	.box-page .back, .box-page .next{float:left; margin-right:6px; _margin-right:3px; 
		height:20px; line-height:20px; vertical-align:middle; font-size:8px;}
	.box-page .next{margin-left:10px; margin-right:0;}
		.box-page .back a, .box-page .next a{ color:#767a2f; font-size:12px; text-decoration:underline;}
		.box-page .back a:hover, .box-page .next a:hover{text-decoration:none;}
	.box-page .page{_height:1%; overflow:hidden; _overflow:none; float:left;}
		.box-page .page a{ background-color:#333;}
		.box-page .page .on, .box-page .page .off{float:left; margin-left:4px; border:1px solid #767a2f; 
			width:20px; height:20px; line-height:20px; vertical-align:middle; cursor:pointer;}
		.box-page .page .on{ color:#FFFFFF; background-color:#767a2f;}
		.box-page .page .off{color:#767a2f; background-color:#eeedbf;}
		
		
		
/************************ 內頁元件: 多重排行榜 ********************************/
.box-multiBillboard{ background: url(images/bg-middle-left.jpg) repeat-y top left;}
    .box-multiBillboard a{color:#888;}
	.box-multiBillboard .box-in-multiBillboard{
		background: url(images/bg-bottom-left.jpg) no-repeat bottom left; padding-bottom:20px; margin-bottom:5px;
		_height:1%; overflow:hidden; _overflow:none;}
		.box-multiBillboard .box-in-multiBillboard .header{
			width:169px; height:61px;
			background: url(images/header-multiBillboard.jpg) no-repeat bottom left;}
		.box-multiBillboard .box-in-multiBillboard .wrapper{
			margin:-23px 0px 0px 17px;
			_height:1%; overflow:hidden; _overflow:none;}
			.box-multiBillboard .box-in-multiBillboard .wrapper .tab{
				width:43px; height:29px; float:left; margin-right:3px;}
		.box-multiBillboard .box-in-multiBillboard .contain{ text-align:left;overflow:hidden; _overflow:none;
		     word-wrap: break-word;}
			.box-multiBillboard .box-in-multiBillboard .contain ol{ margin:3px auto; margin-top:10px;}
			.box-multiBillboard .box-in-multiBillboard .contain li{ margin:0;
				margin-right:5px; *margin-left:3em;	}


/************************ 內頁元件: 商品頁 商品說明 ********************************/
.box-productInfo{ 	width:811px;_width:700px; _height:1%; overflow:hidden; _overflow:none; clear:both;
					background:url(images/bg-product-middle.jpg) repeat-y top left;}
	.box-productInfo .box-in-productInfo{width:811px; _height:1%; overflow:hidden; _overflow:none;
					background:url(images/bg-product-top.jpg) no-repeat top left;}
	
		/** 商品名稱 **/
		.box-productInfo .box-in-productInfo .box-title{ width:800px; _width:690px; height:50px; line-height:50px; vertical-align:middle; margin-left:20px; _margin-left:5px; overflow:hidden; _overflow:none;}
		.box-productInfo .box-in-productInfo .box-title h1{ display:block; float:left; font-size:14px; color:#ff6e00; text-align:left;}
		.box-productInfo .box-in-productInfo .box-title img{float:left; margin-left:5px; margin-top:8px;}
		
		/** 大圖區 **/
		.box-productInfo .box-in-productInfo #image_wrap { 
					float:left; 
					width:500px; height:400px; margin:15px 0 15px 50px; _margin-left:20px; padding:15px 0; 
					text-align:center; 
					background-color:#fff; 
					border:2px solid #efefef; 
					outline:1px solid #ddd; 
					-moz-ouline-radius:4px; }
					
		/** 大圖垂直置中 **/
		.verticalAlignWrapper1{/* .box-productInfo .box-in-productInfo */
		    display:table;
			*position:relative;}
		    .verticalAlignWrapper2{/* .box-productInfo .box-in-productInfo .box-bigimg */
		        display:table-cell; vertical-align:middle;
			    *position:absolute; *top:50%; *left:50%;}
		        .verticalAlignImg{/* .box-productInfo .box-in-productInfo .box-bigimg img */
		            *position:relative; *top:-50%; *left:-50%;}
		
		
		/** 商品資訊區 **/
		.box-productInfo .box-in-productInfo .box-description{ 
			float:left; width:230px; margin:10px 0px 0px 20px;
			*margin:20px 0px 0px 0px; _margin-left:10px;
			_height:1%; overflow:hidden; _overflow:none;}
			
			/** 商品資訊 **/
			.box-productInfo .box-in-productInfo .box-description .box-info{
				text-align:left; line-height:220%; }
				.box-productInfo .box-in-productInfo .box-description .box-info .price{ text-decoration:line-through;}
				.box-productInfo .box-in-productInfo .box-description .box-info .discount{font-weight:700; font-size:16px; color:#ff6e00; margin:0 2px;}
			
			/** 購物車按鈕們 **/
			.box-productInfo .box-in-productInfo .box-description .box-btn{
				width:171px; height:112px; padding-top:10px; _padding-top:30px; margin-top:10px; _margin-top:5px;
				background: url(images/bg-addToCart.jpg) no-repeat left top;}
					.box-productInfo .box-in-productInfo .box-description .box-btn img{ margin:10px auto; cursor:pointer; display:block;}
					.box-productInfo .box-in-productInfo .box-description .box-btn a{color:#666;}
			.box-productInfo .box-in-productInfo .box-description .line{margin:10px auto;}


			/** 查詢哪家門市有此商品 **/
			.box-productInfo .box-in-productInfo .box-description .box-branch{
				width:171px; height:112px;
				background: url(images/bg-addToCart.jpg) no-repeat left top; 
				_height:1%; overflow:hidden; _overflow:none;}
					.box-productInfo .box-in-productInfo .box-description .box-branch .title{ font-weight:bold; margin:15px auto 10px;}
					.box-productInfo .box-in-productInfo .box-description .box-branch img{margin-top:20px;}
				

		/** 商品縮圖區 **/
		.box-productInfo .box-in-productInfo .box-thumb{
				_height:1%; overflow:hidden; _overflow:none;
				clear:both; margin:auto auto; _margin:0; margin-left:10px; _margin-left:5px; text-align:left;}
		
		/** 縮圖面板 **/
		.scrollable {
			position:relative;/* 以下為必要的屬性 */
			overflow:hidden;
			width: 690px; _width:720px;
			height:120px;
			border:1px solid #ccc;/* 以下為可自由增刪的屬性 */
			background:url(images/h300.png) repeat-x;
			float:left;	}
		.scrollable .items { width:20000em; position:absolute; clear:both;}
		.scrollable img {float:left; margin:20px 6px 20px 22px; _margin:20px 6px 20px 27px; background-color:#fff; padding:2px; border:1px solid #ccc; 
						cursor:pointer; width:100px; height:75px; -moz-border-radius:4px; -webkit-border-radius:4px;}
		.scrollable .active {border:2px solid #eb8b73; z-index:9999; position:relative;}
	
	
	
	/** 縮圖面板要用的按鈕們 **/
		a.browse {
			background:url(images/arrow.jpg) no-repeat;
			display:block; width:30px; height:30px; float:left;
			margin:40px 10px; _margin:40px 5px; cursor:pointer; font-size:1px; }
		
		/* right */
		a.right 		{ background-position: 0 -30px; clear:right; margin-right: 0px;}
		a.right:hover 	{ background-position:-30px -30px; }
		a.right:active 	{ background-position:-60px -30px; } 
		
		/* left */
		a.left			{ margin-left: 0px; } 
		a.left:hover  	{ background-position:-30px 0; }
		a.left:active  	{ background-position:-60px 0; }
		
		/* disabled navigational button */
		a.disabled { visibility:hidden !important;} 


/************************ 內頁元件: 商品頁 商品詳細說明 的tab切換區塊 *******************************/
#main-block .demo{margin-top:20px;}
#main-block .demo .panes {width:815px;}

	/** tabs區塊 **/
	div.panes div.pane {display:none; text-align:left;}
	ul.tabs { list-style:none; margin:0; padding:0; border-bottom:1px solid #666; height:30px;}
	ul.tabs li {  float:left; text-indent:0; padding:0; margin:0; _list-style-image:none; }
	ul.tabs a { background: url(images/tabs.jpg) no-repeat -420px 0; display:block; height: 30px; line-height:30px; width: 134px; text-align:center; text-decoration:none; color:#333; padding:0; margin:0; position:relative; top:1px;}
	ul.tabs a:active { outline:none;}
	ul.tabs a:hover { background-position: -420px -31px; color:#eee;}
	ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-position: -420px -62px; _cursor:default; _color:#000;}
	
	/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
		/* width 1 */
		ul.tabs a.s 		{ background-position: -553px 0; width:81px; }
		ul.tabs a.s:hover 	{ background-position: -553px -31px; }
		ul.tabs a.s.current  { background-position: -553px -62px; }
		
		/* width 2 */
		ul.tabs a.l 		{ background-position: -248px -0px; width:174px; }
		ul.tabs a.l:hover 	{ background-position: -248px -31px; }
		ul.tabs a.l.current  { background-position: -248px -62px; }

		/* width 3 */
		ul.tabs a.xl 		{ background-position: 0 -0px; width:248px; }
		ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
		ul.tabs a.xl.current { background-position: 0 -62px; }

	#main-block .demo .panes .box-pane{display:none; padding:15px 20px; border:1px solid #999; border-top:0; background-color:#fff; text-align:left;}
	#main-block .demo .panes .box-product{width:752px; margin:auto auto;}/**** width = .set's width *4 + 8px  ****/
		
		/** 產品列表區塊**/
		#main-block .demo .panes .box-pane .box-product .set{width:187px;}
		#main-block .demo .panes .box-pane .box-product .set .thumb{width:187px;}
		
		/** 詳細資料區塊**/
		#main-block .demo .panes .box-pane .productIngo{ width:300px; margin-left:50px; text-align:left;}



/************************ 內頁元件: 商品頁 優惠贈品 *******************************/
#main-block .demo .box-gift { border:1px solid #e2e2e2;background-color:#FFF;
	_height:1%; overflow:hidden; _overflow:none;}/**** width = .set's width *4 + 8px  ****/
	#main-block .demo .box-gift .set{width:187px; height:300px; overflow:hidden; position:relative; float:left;}
		#main-block .demo .box-gift .set .thumb{ width: 187px; height:130px; text-align:center; margin-top:20px;margin-bottom:20px; 
			display:table;/*IE 8, FF, chrome: 產品縮圖垂直置中*/
			*position:relative;/*IE 6,7: 產品縮圖垂直置中*/}
		#main-block .demo .box-gift .set .thumb .wrap{
			display:table-cell; vertical-align:middle;/*IE 8, FF, chrome: 產品縮圖垂直置中*/
			*position:absolute; *top:50%; *left:50%;/*IE 6,7: 產品縮圖垂直置中*/} 
		#main-block .demo .box-gift .set .thumb .wrap img{width:auto; height:auto; 
			*position:relative; *top:-50%; *left:-50%;/*IE 6,7: 產品縮圖垂直置中*/}
		#main-block .demo .box-gift .set .info{ background: url(images/bg-product-info.jpg) no-repeat top right;
			height:auto; line-height:140%; text-align:center; padding-top:10px; margin-left:15px; margin-right:15px;}
		#main-block .demo .box-gift .set .price{font-weight:bold; font-size:14px; color:#ff6e00;}



/************************ 首頁元件: 中間商品tab切換 *******************************/
	/** 包住tab的外層DIV **/
	.ajax__tab_eslite_sta .ajax__tab_header{height:33px; text-align:left;}
	.ajax__tab_eslite_sta .ajax__tab_body{padding:0;margin-top:-1px;}
	
	/** tab off **/
	.ajax__tab_eslite_sta .ajax__tab_header .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab
	{
		font-size: 13px; cursor:pointer;
		width:135px; height:33px; line-height:33px; vertical-align:middle; text-align:center;margin:0;padding:0; 
		background: url(images/tab_index_pro_off.jpg) no-repeat 0 0;color:#666;}

	/** tab on **/
	.ajax__tab_eslite_sta .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab
	{width:135px;
		background-image:url(images/tab_index_pro_on.jpg); color:#333; }