/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}


ul {margin:0px; padding:0px;list-style: none;} 

/* 連結顏色 - 位置不可移動 */

a{ text-decoration:none;color:#000;}
a:hover, a:active { text-decoration:none;color:#F00;}

a.key {color: #FFF;}
a.key:visited {color: #FFF;}
a.key:hover {color: #FF0;}
a.key:active {color: #FFF;}

a.event{ color:#ccc;}
a.event:hover{color:#FFFFFF;}
a.selected{color:#FFFFFF;}

a.news-name, a.hot-name {color: #000;}
a.news-name:visited, a.hot-name:visited {color: #000;}
a.news-name:hover, a.hot-name:hover {color: #F00;}
a.news-name:active, a.hot-name:active {color: #000;}

a.tab_product_name {color: #FFF;}
a.tab_product_name:visited {color: #FFF;}
a.tab_product_name:hover {color: #FFF; font-weight:bold}
a.tab_product_name:active {color: #FFF;}

a.news_tab  {color: #FFF;}
a.news_tab:visited {color: #FFF;}
a.news_tab:hover {color: #FFF; font-weight:bold}
a.news_tab:active {color: #FFF;}

a.member_link  {color: #666;}
a.member_link:visited {color: #000;}
a.member_link:hover {color: #000;}
a.member_link:active {color: #000;}




#header {
	width:897px;
	height:153px;
	margin:0 auto;
	position:relative;
	z-index:2;
	background-color:#FFF;
}
#container {
	width:897px;
	height:1390px;
	margin:0 0 5px;
	position:relative;
	z-index:1;
}

#footer {
	width:897px;
	height:121px;
	margin:0 auto;
	position:relative;
	clear:both;
}

#footer-about {
	position:absolute;
	top:0;
	*top:10px;
	_top:0;
	right:0;
	height:50px;
	text-align:right;
}

#logo-flash {
	width:240px;
	height:85px;
	float:left;
}
#global-nav {
	
	height:25px;
	clear:both;
	
}
#search {
	width:897px;
	height:43px;
	background:url(../images/bg_search.gif);
	clear:both;
}

#today {
	position:absolute;
	top:0px;
	left:0px;	
	width:190px; 
	height:263px;
}
#hot {
	position:absolute;
	top:263px;
	left:0px;	
	width:190px; 
	height:127px;
}

#member {
	width:320px;
	height:43px;
	position:absolute;
	top:8px;
	right:5px;
	text-align:right;
}

#event {
	position:absolute;
	top:0px;
	left:195px;
	width:508px; 
	height:300px;
	text-align:center;
}

#banner01 {
	position:absolute;
	top:305px;
	left:195px;
	width:508px; 
	height:86px;	
}

#tv {
	position:absolute;
	top:0px;
	right:0px;	
	width:189px; 
	height:227px;
	overflow:hidden;
	}
#book {
	position:absolute;
	top:232px;
	right:0px;	
	width:189px; 
	height:159px;
	overflow:hidden;
}

#banner02 {
	position:absolute;
	top:395px;
	left:0px;	
	width:897px; 
	height:87px;
}
#news {
	position:absolute;
	top:527px;
	left:0px;	
	width:291px; 
	height:653px;
}

#product {
	position:absolute;
	top:527px;
	right:0px;
	width:600px;
	height:653px;
}
#activity {
	position:absolute;
	top:1186px;
	left:0px;	
	width:190px; 
	height:198px;
}
#manual {
	width:701px; 
	height:198px;
	float:right;
	margin-right:12px;
	margin-bottom:5px;
}
#container #manual {
	position:absolute;
	top:1186px;
	right:0px;	
	width:701px; 
	height:198px;
	margin:0px;
	float:none;
}

#footer-nav {
	width:897px;
	height:121px;
}

/*****共用********/

/* 表單文字樣式 */
.price_board {color:#666666}

.seach_top_border_01 { 
	border:1px solid #abadb3;    
}

.keyword_txt{
	font-size:12px;
	color:#FF0;
}


/* 會員專區 / FOOTER 共用選單樣式 */
ul.footer-link { list-style:none;  margin:20px 10px 0px 0px; _margin:30px 10px 0px 0px;}
ul.member_login { list-style:none; margin:0px 0px 0px 76px;}
ul.footer-link li, ul.member_login li{ float:left; padding:2px 0px 2px 5px; text-align:right; line-height:18px;}
ul.footer-link .line, ul.member_login .line{ background:url(../images/member_vdotline.gif) no-repeat center top; width:5px; height:21px; }


/* 商品清單樣式 */
#product_list, 
#product_list2,
#product_list .pro_board_01,
#product_list2 .pro_board_02, 
.pro_list_space, 
.pro_list_space_02,
.pro_list_line,
.pro_list_line_02{ float:left;}
#product_list{ width:595px; padding-left:5px;}
#product_list2{ width:291px;}


/* 商品外框樣式 */
.pro_board_02 {float:left; width:137px; height:165px; text-align:center;}
.pro_board_01 {float:left; width:145px; height:185px; text-align:center;}

.pro_board_01 .pro_img img,
.pro_board_02 .pro_img img,
.pro_board_03 .pro_img img{ border:1px solid #fff}

.pro_board_01 .pro_img img:hover,
.pro_board_02 .pro_img img:hover,
.pro_board_03 .pro_img img:hover{ border:1px solid #ccc}
.pro_board_01 .pro_name,
.pro_board_02 .pro_name{ height:26px;line-height:16px; overflow:hidden; padding:0px 5px 5px;}
.pro_board_01 .price_board,
.pro_board_02 .price_board{ height:25px;}

.pro_list_space{width:3px;height:185px; background:#ffffff}
.pro_list_space_02{width:1px;height:185px; border-left:0px dotted #e2b9b0}

.pro_list_line{ width:598px;float:left; height:18px; background: url(../images/table_product_03.jpg) no-repeat 0 center;}
.pro_list_line_02{ width:270px; float:left; height:18px; background: url(../images/frame_news_06.jpg) no-repeat 2px 4px;}
.pro_list_line_02{ _height:13px; _margin-top:-10px; _background: url(../images/frame_news_06.jpg) no-repeat 2px 2px;}/* FOR IE6 */

.pro_board_03 {width:179px; height:72px; text-align:center;}
.pro_board_03 .left {float:left; width:70px; height:72px; text-align:left;}
.pro_board_03 .right {float:right; width:103px; height:62px; text-align:left; padding:10px 0px 0px 0px; }


/* 抬頭樣式 */
.today-title {
	background:url(../images/table_today_01.jpg);
	height:31px;
	line-height:29px;
	padding:0px 0px 4px 30px!important;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	letter-spacing:3px;
	overflow:hidden;
	text-align:left;
}
.hot-title {
	background:url(../images/hot_01.jpg);
	height:22px;
	line-height:21px;
	padding:3px 0px 0px 30px!important;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	letter-spacing:3px;
	overflow:hidden;
	text-align:left;
}

.book-title {
	background: url(../images/table_book_01.jpg);
	height:24px;
	line-height:27px;
	padding:0px 0px 0px 18px!important;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	letter-spacing:3px;
	overflow:hidden;
	text-align:left;
}

.tv-title 
{
	background-image: url(../Images/table_tv_01.jpg);
	height:24px;
	line-height:26px;
	padding:3px 0px 0px 18px!important;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	letter-spacing:3px;
	overflow:hidden;
	text-align:left;
}

.news-title {
	height:25px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	letter-spacing:3px;
}

.product-title {
	width:141px;
	height:39px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	letter-spacing:3px;
}

.activity-title {
	background:url(../images/activity_01.jpg);
	width:160px;
	height:26px;
	line-height:29px;
	padding:1px 0px 0px 30px!important;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	letter-spacing:3px;
	overflow:hidden;
	text-align:left;
}

/* 價格樣式 */
.today-price {
    font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#C30;
}
.news-price {
    font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#C30;
}

.tv-price {
    font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#C30;
}



/**** 頁首 HEADER ****/

/* 關鍵字專區 */
.keyword ul{ list-style:none;}
.keyword ul li{ display:inline;}
.keyword ul li a{text-decoration: none;}
.keyword{ float:right; width:500px; height:30px; line-height:30px; text-align:left}

/* 搜尋專區 */
.search_board { 
	float:left;
	width:320px;
	height:30px;
	padding-top:0px;
	_padding-top:4px;
}
.search_board .icon {
	background:url(../images/banner_search_01.gif) no-repeat center top;
	width:28px;
	height:30px;
	display: block;
	float:left;
}
.search_board .search_button {
	
	height:20px;
}
.search_board .seach_top_txt_01 { 
    font-size:11px;
	border:1px solid #abadb3;  
	height:20px;
	
}

.search_board .seach_top_txt_02 { 
	border:0px;
	height:18px;
	border:1px solid white;
	color:#333333;
	font-size:112%;
}

.search_board td{
	vertical-align:middle;
	height:30px;
}
#ctl00_imgbtnSearch{
	margin-top:3px;
}

/* 會員專區 */
.member_welcome {
	padding:5px 0px 2px 5px;
	float:right;
	width:75%
}
.member_welcome1 {
	padding:5px 0px 10px 5px;
	float:right;
	width:75%;
	text-align:left;
}

/* 頁頭廣告 */
#banner-top01 {
	width:380px;
	height:85px;
    position:absolute;
	top:0px;
	left:240px;
}
#banner-top02 {
	width:160px;
	height:36px;
    position:absolute;
	top:74px;
	right:162px;
}
#banner-top03 {
	
	height:36px;
    position:absolute;
	top:74px;
	right:0px;
}

/**** 上版區 ****/


/* 熱門館別 */
#hot img{ float:left}
#hot_space{ border-left: 1px dotted #666; width:2px; height:18px; width:2px;}
.hot_bg{width:190px; background:url(../images/hot_bg.jpg) repeat-y; padding-top:5px;float: left}
.hot_bg ul{ list-style:none;width:190px; clear:both }

.hot_bg ul .icon_01,
.hot_bg ul .icon_02,
.hot_bg ul .icon_03,
.hot_bg ul .icon_04{ width:5px; height:22px; margin-left:5px; float:left}

.hot_bg ul li{ float: left}
.hot_bg ul li a{ width:20px; height:22px; line-height:22px; padding:0 5px 0 0px;}
.hot_space{background:url(../images/member_vdotline.gif) no-repeat center top; width:2px; height:18px;}

/* 主題活動  event*/
.event-bg {background:url(../images/table_event_bg.jpg)}
.event-bg img{ float:left;}
.event_ad img { width:500px; height:260px; display:block; overflow:hidden;}
.event_ad { padding:0px 4px 0px 4px}
.event_link{ float:left; height:32px; _overflow:hidden}
.event_link ul {list-style:none; margin-left:4px;}
.event_link ul li { float:left; line-height:40px;}
.event_link ul li a{background:url(../images/event_button_bg.gif) 0 -32px; width:75px; height:32px; display:block; padding-right:25px;}
.event_link ul li a:hover{background:url(../images/event_button_bg.gif) no-repeat; }
.event_link ul li .selected{background:url(../images/event_button_bg.gif) no-repeat ; width:75px; height:32px; display:block; padding-right:25px;}

.event_link .topic_01,
.event_link .topic_02,
.event_link .topic_03,
.event_link .topic_04,
.event_link .topic_05 { width:30px; height:32px; display:block; position:absolute; z-index:2;}

.event_link .topic_01 { background:url(../images/event_button_01.gif) no-repeat; left:68px; top:265px}
.event_link .topic_02 { background:url(../images/event_button_02.gif) no-repeat; left:168px; top:265px}
.event_link .topic_03 { background:url(../images/event_button_03.gif) no-repeat; left:268px; top:265px}
.event_link .topic_04 { background:url(../images/event_button_04.gif) no-repeat; left:368px; top:265px}
.event_link .topic_05 { background:url(../images/event_button_05.gif) no-repeat; left:468px; top:265px}

/* 主題廣告  banner01*/
.banner01_L { float:left;}
.banner01_R { float:right;}
.banner01_L a img, .banner01_R a img {margin:3px 0px 0px 3px}
.banner01_L,.banner01_R  {background:url(../images/banner01_bg.jpg) no-repeat; width:251px; height:86px;}


/* 今日最便宜  today*/
.today_main {
	background:url(../images/today_bg.jpg) repeat-y; 
	width:190px;
	height:100%;
	text-align:center;
}
.today-name {
	background:#ccc; 
	width:180px;
	margin:5px;
	height:30px;
	line-height:30px;
}

.today_main a img{ border:1px solid #fff; padding:5px;}
.today_main a img:hover{ border:1px solid #ccc;}


/* 電視購物專區 tv */
.tv_main {background: url(../images/tv_bg.jpg) no-repeat; width:180px; padding:5px 0px 0px 9px; float:left}
#tv img .tv_but img .tv_main img { float:left;}
.tv_but {width:189px;}
.tv_line {background: url(../images/tv_line_bg.jpg) no-repeat -4px -1px; width:174px; height:6px; _margin-bottom:-9px; }

/* 型錄特刊專區 book */
#book img { float:left;}
.book_month {background: url(../images/book_month_bg.jpg); padding:0px 0px 0px 4px; float:left; height:105px; width:190px;}

/* 輪動廣告區 - banner02 */
#banner02 .left{float:left; width:105px;}
#banner02 .right{float:right; width:29px;}
#banner02 img{float:left;}
#banner02 .main{float:left; width:312px; height:63px; background:#FFFFFF; overflow:hidden}
#banner02 .main ul {list-style:none;}
#banner02 .main ul li {float:left}
#banner02 .main ul li a img  { border:1px solid #fff; margin:10px 0px 10px 1px;}
#banner02 .main ul li a img:hover  { border:1px solid #666;}

.banner02_L {float:left; width:446px; }
.banner02_R {float:right; width:446px;}
.banner02_L_main,.banner02_R_main{clear:both; *clear:none}
#banner02 .left,#banner02 .right{margin:0px;}
.banner02_L_main img,.banner02_R_main img{float: none;}



/**** 下版區 ****/

/* 頁籤商品推薦區 - 左 - news */
#news ul{ 
   float:left; 
   list-style:none; 
   text-align:center; 
   background:url(../images/news_tab_bg.jpg); 
   width:286px; 
   height:25px; 
   padding:0px 0px 0px 5px;
   }
   
#news ul li{ float:left;}
#news .img{ float:left;}

#news ul li .news_tab01,
#news ul li .news_tab02,
#news ul li .news_tab03{ width:93px; height:25px; display:block; line-height:25px;}
#news ul li .news_tab01{ background:url(../images/news_tab_1.gif) no-repeat; }
#news ul li .news_tab02{ background:url(../images/news_tab_2.gif) no-repeat; }
#news ul li .news_tab03{ background:url(../images/news_tab_3.gif) no-repeat; }
.news_main { background:url(../images/news_bg.jpg) repeat-y; float:left; padding:1px 0px 0px 8px;}


/* 頁籤商品推薦區 - 右 - product */
.tab_product_main { background:url(../images/tab_product_main_bg.jpg) repeat-y; height:100%} 
#product ul { padding:0px 5px 0px 5px; list-style:none; text-align:center;} 
#product ul li { float:left;}

#product ul.tab_product {
	background: url(../images/tab_product_bg.jpg);
	width:590px;
	height:39px;
	overflow:hidden;
}

#product ul.tab_product li a { 
	background:url(../images/tab_product_off.jpg) no-repeat 0 1px;
	line-height:39px;
	width:141px;
	height:39px;
	display:block;
}
#product ul.tab_product li a:hover {background:url(../images/tab_product_on.jpg) no-repeat 0 1px;}
#product .space{ margin-top:15px; float:left;width:600px;}


/* 用戶指南 - quick link */
#manual {background:url(../images/quick_link_main_bg.gif) repeat-y;}
#manual div{ float:left; position:relative; left:0; top:0; list-style:none;}
#manual .first{ margin-left:28px; _margin-left:14px;}
#manual .quick_link ul{ padding:5px 0px 10px 10px; background:#FFFFD1; height:108px; width:110px;list-style:none}
#manual .quick_link ul li{}
#manual .quick_link ul li a{background:url(../images/quick_link_bg.gif) no-repeat; width:90px; height:26px; line-height:26px; display:block; padding-left:10px}
#manual .quick_link ul li a:hover{ background:url(../images/quick_link_bg.gif) no-repeat left -26px;}
#manual .quick_link_space{ background:#FFFFFF; width:10px; height:120px; display:block}


/* 熱門活動 activity */
.activity_updw span img { float:left}
.activity_main { background:url(../images/activity_main_bg.gif) repeat-y; width:190px; height:136px; overflow:hidden}
.activity_main ul { list-style:none; padding:0px 14px 0px 14px ;}
.activity_main ul li { height:64px!important; padding:0px 0px 5px 0px}
.activity_main ul li a img { border:1px solid #ededed; width:160px; height:60px; display:block;}
.activity_main ul li a img:hover { border:1px solid #666}

/* 頁尾樣式 */
#footer-nav span { float:left; padding-top:5px;}