/* $Workfile: home.css $, $Date: 2009/01/31 $, $Author: Frank Hou$ */
	@import url("/css/main.css");
	@import url("/css/tab_content.css");
	@import url("/css/home_2tab.css");
	@import url("/css/home_class.css");
/*IMG {FILTER: gray;}*/
/*A IMG {FILTER: gray;}*/
/*A:hover IMG {FILTER:}*/
IMG {
	border:0;
	/*vertical-align:middle;*/
	}
A IMG {
	border:0;
	/*vertical-align:middle;*/
	}

#page{
	float:left;
	background-color: #ffffff;
	margin:0 auto;
	padding:6px;
	width:990px;
}

.top_urgent{
	float:left;
	margin-top:10px;
	margin-right:10px;
}

#main_output{
	/*clear:both;*/
	background-color: #FAF9FB;
	margin:0 auto;
	width:990px;
	clear:left
}

#mainbody{
	float:left;
	background-color: #FFF;
	margin:0 auto;
	/*padding:1px;*/
	width:990px;
	/*border:1px solid red;*/
}

.main_promotion{                              /*promotion網頁的主要區域*/
	cleae:both;
	float:left;
	background-color: #FFF;
	/*margin:6px 1px;*/
	margin:0 auto;
	min-width:990px;
	width:990px;
	margin-top:3px;
	margin-bottom: 6px;
}

.main_homepage{                              /*所有網頁的主要區域*/
	cleae:both;
	float:left;
	background-color: #FFF;
	/*margin:6px 1px;*/
	margin:0 auto;
	width:990px;
	/*border:1px solid red;*/
}

#mainbody_left{
	clear:left;
	background-color: #FFF;
	width:178px;
	float:left;
	margin:0 0 6px;
	padding:0;
	
}
#mainbody_left div.news_text{
	background-color:#FAF9FB;
	float:left;
	margin:0;
	padding:0;
}


#mainbody_left div.news_contents{
	background-color:#f5f5f5;
	/*border:1px solid #ECD693;*/
	display:block;
	margin:0;
	padding:2px 0 2px 2px;
}

#mainbody_left div.sale_class{
	background-color:#FAF9FB;
	border:1px solid #cccccc;
	float:left;
	margin:16px 0 0 3px;
	padding:0;
}
#mainbody_left div.sale_class_top{
	margin:0;
	width:172px;
}
#mainbody_left div.sale_class_top ul{
	/*border:1px solid #E2E8ED;*/
	list-style:none;
	margin:0;
	padding:0;
	/*background:transparent url(/pic/b16.gif) repeat scroll 0 0;*/
	background:transparent url(/pic/bg_sub_25.jpg) repeat scroll 0 0;
	clear:both;
	height:26px;
}
#mainbody_left div.sale_class_top li a{
	font-weight:bold;
	color:#fff;
	font-family:verdana,tahoma,Arial,Courier,sans-serif;
	font-size:11pt;
	font-style:normal;
	height:26px;
	line-height:26px;
	margin:0;
	padding:0 0 0 6px;
	text-align:center;
}

#mainbody_left div.sale_class_contents{
	background-color:#FFFFFF;
	/*border:1px solid #ECD693;*/
	display:block;
	margin:0;
	padding:2px 0 2px 2px;
}
#mainbody_left div.sale_class_contents a{
	font-family:verdana,tahoma,新細明體;
	font-size: 12px;
	line-height: 1.8em;
}
#mainbody_center{
	background-color: #ffffff;
	width:797px;
	float:right;
	margin:1px 0 0 0;
	/*border:1px solid red;*/
}
/*--------------------------------------product分館-------------------------------------------------*/
.call1_table_name {
	margin:0;
	padding:0;
	text-align:center;
	height:33px;
	line-height: 30px;
}
.call1_table_name a{
	font-family:"Microsoft YaHei",微軟正黑體,Arial,cursive;
	font-size:12pt;
	color:#000;
}

.call1_table_software {
	margin:0;
	padding:0;
	text-align:center;
	height:32px;
	line-height: 22px;
}
.call1_table_software a{
	font-family:"Microsoft YaHei",微軟正黑體,Arial,cursive;
	font-size:12pt;
	color:#fff;
}

.call2_table_name {
	margin:0;
	padding:0;
	text-align:left;
	float: left;
}
.product_menu1{
	margin:6px 0 0 4px;
	padding:0;
	height:26px;
	line-height:26px;
	overflow: hidden;
	text-align:left;

}
.product_menu2{
	margin:6px 0 0 3px;
	padding:0;
	text-align:left;
}
.product_menu_s{
	margin:0 0 0 17px;
	height:26px;
	line-height:26px;
	overflow: hidden;
	text-align:left;
}
/*--------------------------------------product分館-------------------------------------------------*/
#promotion_menu_l {margin: 0; padding-left: 0;text-align: left;}
#promotion_menu_l li{
	background: url(/pic/p_down.gif) no-repeat 3px 5px;
	padding-left: 6px;
	list-style: none;
	}
#promotion_menu_l li a{
	margin:0 0 0 17px;
	height:26px;
	line-height:26px;
	overflow: hidden;
	text-align:left;
	display: block;
}
/*----------------------------------------------------------------------首頁主力商品-------------*/
#treat_product {background: #FFF; float: left; margin-top: 10px; width: 796px;}
#today_hot {background: #FFF; float: left; margin-top: 10px; width: 796px;}
#new_product {background: #FFF; float: left; margin-top: 10px; width: 796px;}

.prdheadimg {float: left; margin-right: 6px;border:0;}
.prdarea {width: 172px; float: left; background: url(/images/middle.gif) repeat-y; margin-right: 6px;}
.prdarea h3, .prdarea img, .prdarea p {margin: 0; padding: 0;}
.prdarea h3 {height: 9px; background: url(/images/top.gif) no-repeat;}
.prdarea h3 span {display: none;}
.prdarea .prdimg {text-align: center; height: 120px;}
.prdarea .prdname {font-size: 12px; font-family: arial, 新細明體; margin: 8px 8px; line-height: 16px; height: 46px; overflow: hidden; color: #505050;text-align: left;}
.prdarea .ad_txt {font-size: 12px; font-family: arial, 新細明體; color: blue; font-weight: bold; margin: 1px 0 1px 8px; line-height: 14px; height: 27px; overflow: hidden;text-align: left;}
.prdarea .ad_adver {font-size: 12px; font-family: arial, 新細明體; color: green; font-weight: bold; margin: 1px 0 1px 8px; line-height: 14px; height: 27px; overflow: hidden;text-align: left;}
.prdarea .prdprice {color: #F00; font-weight: bold; font-size: 16px; text-align: right; font-family: arial, 新細明體; padding: 0 9px 9px; background: url(/images/bottom.gif) no-repeat bottom; height: 12px;}
.prdarea span img {
	float: left;
	margin:2px 0 0 2px;
	CURSOR: pointer;
}
/*----------------------------------------------------------------------首頁主力商品-------------*/


/*購物精靈*/
#buy_guide {
	float: right;
	width:350px;
	text-align:right;
	margin: 0;
	padding:0;
	position: relative;
	z-index:5;
}
#buy_guide ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
#buy_guide ul li {
	color: #000;
	/*line-height: 2.1em;*/
	margin:0!important;
	margin:0;
	padding:0;
}
body #buy_guide{z-index:2;}		

#to_buy_guide {
	/*border:1px solid red;*/
	background-color: #38b8ef;
	padding: 6px;
	margin: 0;
    color:#fff;
    top:30px;
    right:2px;
	display: block;
	/*border:1px solid #eeeeee;*/
	cursor: default;
	line-height: 2.1em;
	width:180px;
	position: absolute;
	z-index:5;
}

#guide_content {
	color: #fff;
	font-family:verdana,tahoma,Arial,Courier,sans-serif;
	font-size:12px;
}
#guide_content1 a {
	color: #fff;
	font-family:verdana,tahoma,Arial,Courier,sans-serif;
	font-size:12px;
}
#guide_content2 a {
	color: #fff;
	font-family:verdana,tahoma,Arial,Courier,sans-serif;
	font-size:12px;
}
#guide_content3 a {
	color: #fff;
	font-family:verdana,tahoma,Arial,Courier,sans-serif;
	font-size:12px;
}
#to_buy1{
color:#999999;
font-family:verdana,tahoma,新細明體;
font-size:10pt;
}
#to_buy2{
color:#999999;
font-family:verdana,tahoma,新細明體;
font-size:10pt;
}
#to_buy3{
}

#service_chk {
	/*border:1px solid red;*/
	background-color: #38b8ef;
	padding: 6px;
	margin: 0;
    color:#fff;
    left:0;
    top:68px;
	display: block;
	/*border:1px solid #eeeeee;*/
	cursor: default;
	line-height: 2.1em;
	width:360px;
	position: absolute;
}
#service_chk a{
    color:#fff;
}

#product_view_day_look{
	/*position: relative;*/
	text-align:left;
	float: left;
	width:984px;
	border:1px dashed red;
	margin:3px 0 3px 0;
}
#product_view_day_look p{
	margin-top: 3px;
	margin-left: 6px;
	margin-bottom: 2px;
	text-align:left;
	font-family:verdana,tahoma,新細明體;
	font-size: 12px;
	color:red;
	font-weight: bold;
}
#product_view_day_look DL{
	text-align:left;
	margin:0;
}

#product_view_day_look DT{
	float: left;
	text-align:left;
	margin:3px 10px 6px;
	CURSOR: pointer;
}
#product_view_day_look DT img{
	width:100px;
	height:80px;
	margin-bottom: 2px;
}

#product_view_day{
	position: relative;
	text-align:left;
	float: right;
	width:490px;
	border:1px dashed red;
	margin-top:0;
	margin-right:2px;
	margin-bottom: 4px;
}
#product_view_day p{
	margin-top: 3px;
	margin-left: 6px;
	margin-bottom: 2px;
	text-align:left;
	font-family:verdana,tahoma,新細明體;
	font-size: 12px;
	color:red;
	font-weight: bold;
}
#product_view_day DL{
	text-align:left;
	margin:0;
}

#product_view_day DT{
	float: left;
	text-align:left;
	margin: 3px;
	CURSOR: pointer;
}
#product_view_day DT img{
	width:90px;
	height:72px;
	margin-bottom: 2px;
}

.class_img{
	float: left;
	margin: 2px;
	width:154px;
	background-color: #fff;
}
.class_img img{
	width:150px;
	height:120px;
}

.class_txt{
	margin: 2px;
	background-color: #fff;
	/*font-family:微軟正黑體,Arial,cursive;*/
	/*font-size:11pt;*/
	color:#000;
}

#product_view_text{
	background-color: #fff;
	padding:6px;
	color:#505050;
	top:100px;
	left:-2px;
	width:478px;
	border:2px dashed #0000cc;
	position: absolute;
}
#product_view_text p.show_name{
	color: #0000cc;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	font-family: arial, 新細明體;
	padding: 0 0 6px 2px;
	margin: 0;
}

#product_view_text span.close_div{
	clear:both;
	float: left;
	color: #969696;
	text-align: left;
	margin-top:2px;
	CURSOR: pointer;
	font-weight:normal;
}
#product_view_text span.show_price{
	float: right;
	color: #F00;
	font-weight: bold;
	font-size: 16px;
	text-align: right;
	font-family: arial, 新細明體;
	padding: 0 6px;
}
#product_correlation{
	position: relative;
	text-align:left;
	float: right;
	width:795px;
	border:1px dashed blue;
	margin-top:0;
	margin-right:2px;
	margin-bottom: 4px;
}
#product_correlation p{
	margin-top: 3px;
	margin-left: 6px;
	margin-bottom: 2px;
	text-align:left;
	font-family:verdana,tahoma,新細明體;
	font-size: 12px;
	color:blue;
	font-weight: bold;
}
#product_correlation DL{
	text-align:left;
	margin:0;
}

#product_correlation DT{
	float: left;
	text-align:left;
	margin: 3px;
	CURSOR: pointer;
}
#product_correlation DT img{
	width:150px;
	height:120px;
	margin-bottom: 2px;
}
#product_view_cookies{
	position: relative;
	text-align:left;
	float: right;
	width:795px;
	border:1px dashed red;
	margin-top:0;
	margin-right:2px;
	margin-bottom: 4px;
}
#product_view_cookies p{
	margin-top: 3px;
	margin-left: 6px;
	margin-bottom: 2px;
	text-align:left;
	font-family:verdana,tahoma,新細明體;
	font-size: 12px;
	color:red;
	font-weight: bold;
}
#product_view_cookies DL{
	text-align:left;
	margin:0;
}

#product_view_cookies DT{
	float: left;
	text-align:left;
	margin: 3px;
	CURSOR: pointer;
}
#product_view_cookies DT img{
	width:90px;
	height:72px;
	margin-bottom: 2px;
}

#product_view_text_cookies{
	padding:6px;
	color:#505050;
	top:100px;
	left:-2px;
	width:478px;
	border:1px dashed #0000cc;
	background-color: #fff;
	position: absolute;
}
#product_view_text_cookies p.show_name{
	color: #0000cc;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	font-family: arial, 新細明體;
	padding: 0 0 6px 2px;
	margin: 0;
}

#product_view_text_cookies span.close_div{
	clear:both;
	float: left;
	color: #969696;
	text-align: left;
	margin-top:2px;
	CURSOR: pointer;
	font-weight:normal;
}
#product_view_text_cookies span.show_price{
	float: right;
	color: #F00;
	font-weight: bold;
	font-size: 16px;
	text-align: right;
	font-family: arial, 新細明體;
	padding: 0 6px;
}


#call_lately_list{
	float: left;
	margin: 0 auto;
	width:800px;
	/*border:1px dashed red;*/
}

#treat_area {
	BACKGROUND: url(/pic/6a6.gif) repeat-x;
	float: left;
	width: 612px;
}

.treat_bg {
/*border:1px solid red;*/
float: left;
width: 120px;
background-color: #f3f1f9;
}
.treat_bg_right {
/*border:1px solid red;*/
float: right;
width: 140px;
background-color: #f3f1f9;
}

.Home_treat{
background-color: #f3f1f9;
font-weight:bold;
line-height:normal;
margin:0;
text-align:left;
display: inline;
BACKGROUND: url(/pic/6a6.gif);
}

.Home_treat div{
float: right;
margin: 0;
padding: 0;
height:28px;
line-height:28px;
width: 476px;
text-align:right;
}

.Home_treat span{
font-family:Times New Roman,新細明體;
font-size: 12px;
margin: 0;
}

.Home_treat span a{
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
/*border-bottom: none;*/
background-color: #f3f1f9;
color: #6a548a;
}

.Home_treat span a:visited{
color: #6a548a;
}

.Home_treat span a:hover{
background-color: #CE0063;
color: #FFF;
}

.Home_treat span a:active{
color: #FFF;
}

.Home_treat ul{
float: right;
margin: 0;
padding: 0;
height:28px;
line-height:28px;
width: 476px;
text-align:right;
}

.Home_treat li{
font-family:Times New Roman,新細明體;
font-size: 12px;
display: inline;
margin: 0;
}

.Home_treat li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
/*border-bottom: none;*/
background-color: #f3f1f9;
color: #6a548a;
}

.Home_treat li a:visited{
color: #6a548a;
}

.Home_treat li a:hover{
background-color: #CE0063;
color: #FFF;
}

.Home_treat li a:active{
color: #FFF;
}

.Home_treat li a.selected{ /*selected tab effect*/
border: 0;
padding: 3px 7px;
background-color: #9281aa;
border: 2px solid #9281aa;
color: #FFF;
font-weight:bold;
/*border-bottom: none;*/
}

.Home_treat_content{
clear:both;
border:1px solid #ebe1ef;
background-color: #ebe1ef;
display:block;
margin:0;
padding:0;
width:610px;
}


#treat_title {
	BACKGROUND: url(/pic/6a6.gif) repeat-x;
	margin:0;
	height:28px;
	width: 796px;
}

#treat_pic {
	background-color:#fff;
	display: block;
	border:1px solid #ebe1ef;
	margin:0;
	padding:10px 0 10px 0;
	width: 794px;
}

#hardware_product {
	float: left;
	width: 650px;
	margin-top:10px;
}
#hardware_title {
	BACKGROUND: url(/pic/blue_top.gif) no-repeat;
	margin:0;
	height:22px;
}

#hardware_pic {
	background-color:#fff;
	display: block;
	border:1px solid #556bb5;
	margin:0;
	padding:10px 0 10px 0;
	width: 650px;
}

#hot_rank {
	float: left;
	width: 650px;
	margin-top:10px;
}
#hot_rank_title {
	BACKGROUND: url(/pic/6f3.gif) repeat-x;
	margin:0;
	height:28px;
	width: 650px;
}

#hot_rank_list {
	background-color:#fff;
	display: block;
	border:1px solid #f4adc1;
	margin:0;
	padding:10px;
	width: 628px;
}

#search_soft {                                        /*找軟體*/
	margin-top:10px;
	/*border: 1px solid gray;*/
	width: 140px;
	float: right;
	background-color:#FFFFFF;
}

#search_soft ul{
	margin:0 0 10px;
	padding:0;
	text-align:left;
	text-decoration: none;
	list-style-type: none;
}

#search_soft li{
	text-decoration: none;
	list-style-type: none;
	text-align:left;
	padding: 0 7px;
	line-height: 1.8em;
}
#search_soft h1{
	background:transparent url(/pic/bg_sub_25.jpg);
	font-family: 新細明體,細明體;
	font-style: normal;
	font-size: 11pt;
	line-height: 26px;
	color:#fff;
	text-align:left;
	width: 134px;
	height: 26px;
	float: right;
	margin:0;
	padding: 0 0 0 6px;
}

#search_soft h2{
	/*margin-top:5px;*/
	background:transparent url(/pic/bg_sub_25.jpg);
	font-family:新細明體, 細明體;
	font-style: normal;
	font-size: 11pt;
	line-height: 26px;
	color:#fff;
	text-align:left;
	width: 134px;
	height: 26px;
	float: right;
	padding: 0 0 0 6px;
}
#member_area {                                        /*會員服務區*/
	/*border: 1px solid blue;*/
	width: 175px;
	float: left;
	margin:0;
}

#member_sale {                                        /*銷售頁會員服務區*/
	clear:both;
	width: 175px;
	float: left;
}

#square_area {                                        /*會員服務廣告區*/
	/*border: 1px solid blue;*/
	width: 175px;
	height: 160px;
	float: left;
	margin:0 ;
	padding:2px;
}

#news_right {                                        /*文字消息區*/
	/*border: 1px solid blue;*/
	width: 190px;
	float: right;	
}

#news_right div.home_news{
	/*border:1px solid #E2E8ED;*/
	margin:0;
	width:190px;
}
#news_right div.home_news ul{
	/*border:1px solid #E2E8ED;*/
	list-style:none;
	margin:0;
	padding:0;
	background:transparent url(/pic/b16.gif);
	clear:both;
	height:26px;
}
#news_right div.home_news li{
	font-weight:bold;
	font-family:verdana,tahoma,Arial,Courier,sans-serif;
	font-size:11pt;
	font-style:normal;
	height:26px;
	line-height:26px;
	margin:0;
	padding:0;
	text-align:center;
}

#news_right div.home_news UL LI a {
	font-weight:bold;
	color:#505050;
	font-family:verdana,tahoma,Arial,Courier,sans-serif;
	font-size:11pt;
	font-style:normal;
	height:26px;
	line-height:26px;
	margin:0;
	padding:0;
	text-align:center;
}

#news_right div.news_contents{
    height:174px;
	background-color:#fff;
	/*border:1px solid #ECD693;*/
	/*border:1px solid #ebe1ef;*/
	display:block;
	margin:0;
	padding:0;
}

#news_right div.news_contents ul{
	margin:0;
	padding:0;
	/*height:28px;*/
	/*line-height:28px;*/
}
#news_right div.news_contents li{
	/*vertical-align:middle;*/
	/*background:transparent url(/pic/039.gif) no-repeat;*/
	list-style-image: url(/pic/039.gif);
	color:#505050;
    list-style-type: none;
	text-align:left;
	margin:1em 0 0 20px;
	padding:0;
	list-style-position : outside;
}

#modify_news{
	clear:both;
	float: left;
	margin-top:10px;
	/*border:1px solid #E2E8ED;*/
	width:794px;
}

#edit_news{
	clear:both;
	float: left;
	margin-top:10px;
	/*border:1px solid #E2E8ED;*/
	width:794px;
}

/* ========== 六塊肌主共用設定 ========== */
.home_col h4 {margin: 0; padding: 0; display: none;}
.home_col .headimg {margin: 0; padding: 0;border:0;height: 26px; float: left;background: #fff;}
.home_col b {width: 100px;height: 26px; line-height: 28px;float: left;margin-left: 6px;font-family:微軟正黑體,新細明體,tahoma;font-size:16px;font-weight:bold;color: #505050;}
.home_col ul {margin: 0; padding: 0; list-style: none outside; height: 26px; float: left; letter-spacing: 0.08em;}
.home_col ul li {margin: 0; padding: 0; float: left; line-height: 26px; display: inline;}
.home_col ul a {display: inline-block; border-width: 3px 3px 0; border-style: solid; padding: 0 5px; line-height: 26px; color: #505050; height: 26px;font-family:微軟正黑體,新細明體,tahoma;font-size:14px;}
.home_col ul a:hover {margin-top: 0px; color: #000;}
.home_col ul a.selected {color: #000; font-weight:bold;}
.home_col div {width: 383px; float: left; background: #FFF; color: #919191;}
.home_col_content p {width: 150px; margin: 10px 20px 0; padding: 0 0 7px; float: left; display: inline;}
.home_col_content p span {display: block; margin-top: 10px; height: 65px; overflow: hidden; line-height: 16px;text-align: left;}
.home_col_content p strong {display: block; text-align: right; color: #F00; font-size: 16px; line-height: 20px; height: 20px; margin-top: 5px;}
.home_col_content {margin: 0 3px 0 0; display: inline;}
.home_col_content img {border:0;background: #fff;}

/* ========== 次共用設定 ========== */
.home_col_tab_left {clear: both; float: left; width: 386px; margin-top: 15px; margin-left: 5px;padding-top: 3px;padding-left: 3px;padding-bottom: 3px; display: inline;}
.home_col_tab_right {float: right; width: 386px; margin-top: 15px; margin-right: 5px; padding-top: 3px;padding-left: 3px;padding-bottom: 3px; display: inline;}

/* ========== 獨立設定 ========== */
	/* 左邊第一個 */
#col1_area1 {background: #90DEC5;}
#col1_tab1 a {border-color: #90DEC5; background-color: #90DEC5;}
#col1_tab1 a:hover {background-color: #FFF;}
#col1_tab1 a.selected {background-color: #FFF;}

	/* 右邊第一個 */
#col2_area1 {background: #6ED4DF;}
#col2_tab1 a {border-color: #6ED4DF; background-color: #6ED4DF;}
#col2_tab1 a:hover {background-color: #FFF;}
#col2_tab1 a.selected {background-color: #FFF;}

	/* 左邊第一個 */
#col1_area2 {background: #F5B667;}
#col1_tab2 a {border-color: #F5B667; background-color: #F5B667;}
#col1_tab2 a:hover {background-color: #FFF;}
#col1_tab2 a.selected {background-color: #FFF;}

	/* 右邊第二個 */
#col2_area2 {background: #D8BC95;}
#col2_tab2 a {border-color: #D8BC95; background-color: #D8BC95;}
#col2_tab2 a:hover {background-color: #FFF;}
#col2_tab2 a.selected {background-color: #FFF;}

	/* 左邊第三個 */
#col1_area3 {background: #FAA3B4;}
#col1_tab3 a {border-color: #FAA3B4; background-color: #FAA3B4;}
#col1_tab3 a:hover {background-color: #FFF;}
#col1_tab3 a.selected {background-color: #FFF;}

	/* 右邊第三個 */
#col2_area3 {background: #FFBBB2;}
#col2_tab3 a {border-color: #FFBBB2; background-color: #FFBBB2;}
#col2_tab3 a:hover {background-color: #FFF;}
#col2_tab3 a.selected {background-color: #FFF;}

/*網頁主廣告區*/
#tab2_left_1 {                     /*左一*/
	clear: both;
	float: left;
	margin-top:10px;
	width: 395px;
}

#tab2_right_1 {                    /*右一*/
	float: right;
	margin-top:10px;
	width: 395px;
}

#tab2_left_2 {                    /*右二*/
	clear: both;
	float: left;
	margin-top:10px;
	width: 395px;
}

#tab2_right_2 {                    /*左二*/
	float: right;
	margin-top:10px;
	width: 395px;
}


#tab2_left_3 {                    /*左三*/
	clear: both;
	float: left;
	margin-top:10px;
	width: 395px;
}

#tab2_right_3 {                   /*右三*/
	float: right;
	margin-top:10px;
	width: 395px;
}

.member_1 ul li {list-style-type: none;text-align:center;}

.membera {
	BACKGROUND: url(/pic/member_s.gif);
	FLOAT: left;
	WIDTH: 55px;
	COLOR: #fff;
	PADDING-TOP: 5px! important;
	HEIGHT: 27px! important
}

.memberb {
	BACKGROUND: url(/pic/member_s1.gif);
	FLOAT: left;
	WIDTH: 55px;
	CURSOR: pointer;
	COLOR: #626262;
	PADDING-TOP: 5px! important;
	HEIGHT: 27px! important
}

/*----------效果一(直立式vertical)----------*/
#vertical {
	width: 186px;
	float: right;
}
#vertical form, #vertical p {
	margin: 0;
	padding: 0;
}
#vertical ul {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	position: relative;
}
#vertical ul li {
	margin: 0;
	padding: 0;
	border: 1px solid lime;
}
#vertical ul li a.h_member {
	display: block;
	margin: 0;
	padding: 0;
	border-left: 2px solid red;
}
#vertical ul li div {
	display: none;
}
#vertical ul li:hover {
	background: gray;
}
#vertical ul li:hover > a.h_member {
	color: red;
}
* html #vertical ul li a.h_member:hover {
	color: red;
	background: gray;
	font-weight: bold;
}
#vertical ul li:hover div {
	display: block;
	border: 1px dashed blue;
	cursor: default;
	position: absolute;
	left: 1px;
	width: 185px;
}
#vertical ul li a:hover div {
	display: block;
	border: 1px dashed blue;
	cursor: default;
	position: absolute;
	left: 1px;
	width: 185px;
}

/*----------會員區效果二(橫式horizontal)----------*/
#horizontal {
	width:173px;
	height:28px;
	padding:0 0 0 4px;
	margin:0;
	float: left;
	text-align:center;
	/*border: 1px solid blue;*/
}
#horizontal p {
	margin: 0;
	padding: 0;
}
#horizontal ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 173px;
	list-style: none;
	position: relative;
}
* html #horizontal ul{
		position:static;
}
#horizontal ul li {
	BACKGROUND: url(/pic/b16.gif);
	color: #000;
	line-height: 2.1em;
	/*BACKGROUND: url(/pic/member_s1.gif);*/
	float: left;
	width:53px;
	height:26px;
	margin:0 2px 0 0!important;
	margin:0 2px 0 0;
	padding:0;
	border:1px solid #E2E8ED;
	/*background:#FFF none;*/
}




/* 橫式效果多了這行 */
#horizontal ul li a.h_member {
	display: block;
	margin: 0;
	padding: 0;
	color: #000;
	/*border-left: 2px solid red;*/
}
#horizontal ul li div {
	float: left;
	/*border:1px solid red;*/
	display: none;
	background-color: #fb952e;
	color: #fff;
	height: 162px;
	padding: 0;
	margin: 0;
}
#horizontal ul li div a{
	color: #fff;
}

#horizontal ul li:hover {
	background-color: #fff;
	/*BACKGROUND: url(/pic/b16.gif);*/
	PADDING-TOP: 2px! important;
	HEIGHT: 30px! important;*/

}
#horizontal ul li:hover > a.h_member {
	background-color: #fff;
	color: #000;
}
* html #horizontal ul li a.h_member:hover {
	color: #000;
	background-color: #fff;
	/*BACKGROUND: url(/pic/b16.gif);*/
	/*PADDING-TOP: 2px! important;*/
	/*HEIGHT: 30px! important;*/
}
#horizontal ul li:hover #my_login {
	margin: 0;
	display: block;
	/*border:1px solid #fff;*/
	padding: 6px 0 0 2px;*
	cursor: default;
	position: absolute;
	left: 0px;
	width: 168px;
	height: 166px;
	/*z-index:999;*/
}
#horizontal ul li a:hover #my_login {
	margin: 0;
	display: block;
	/*border: 1px dashed blue; */
	cursor: default;
	position: absolute;
	left: 0px;
	/*width: 100%;*/
}

#horizontal ul li:hover #member_order {
	margin: 0;
	display: block;
	/*border:1px solid #fff;*/
	padding: 6px 0 0 2px;*
	cursor: default;
	position: absolute;
	left: 0px;
	width: 168px;
	height: 166px;
	/*z-index:999;*/
}
#horizontal ul li a:hover #member_order {
	margin: 0;
	display: block;
	/*border: 1px dashed blue; */
	cursor: default;
	position: absolute;
	left: 0px;
	/*width: 100%;*/
}

#horizontal ul li:hover #member_buycar {
	margin: 0;
	display: block;
	/*border:1px solid #fff;*/
	padding: 6px 0 0 2px;*
	cursor: default;
	position: absolute;
	left: 0px;
	width: 168px;
	height: 166px;
	/*z-index:999;*/
}
#horizontal ul li a:hover #member_buycar {
	margin: 0;
	display: block;
	/*border: 1px dashed blue; */
	cursor: default;
	position: absolute;
	left: 0px;
	/*width: 100%;*/
}

#horizontal ul li:hover #member_data {
	margin: 0;
	display: block;
	border:1px solid #fff;
	padding: 6px;
	cursor: default;
	position: absolute;
	left: 0px;
	width: 166px;
	/*z-index:999;*/
}
#horizontal ul li a:hover #member_data {
	margin: 0;
	display: block;
	/*border: 1px dashed blue; */
	cursor: default;
	position: absolute;
	left: 0px;
	/*width: 100%;*/
}
/*----------會員區效果二(橫式horizontal)結束----------*/

#ration_on {
	color:#0000ff;
	background-color: #f5f5f5;
	text-decoration:underline;
}

/*-----------------------------vertical 直式廣告區-------------*/
#vertical_adL {
	clear: both;
	float: left;
	margin-top:10px;
	/*border: 1px solid blue;*/
	width:390px;
}

#Home_Vertical_title {
	background:transparent url(/pic/4pur_top.gif) no-repeat scroll left top;
	/*border: 1px solid red;*/
	width:380px;
	height:22px;
	margin:0;
	padding:0;

}
#Home_Vertical_content {
	border:1px solid #9f558b;
}

.Home_Vertical {
	BACKGROUND: url(/pic/Vertical_menubg.gif) repeat-y 77px 0px;
	FLOAT: left;
	OVERFLOW: hidden;
	WIDTH: 78px;
	HEIGHT: 200px
}

.Home_Vertical UL {
	LIST-STYLE-TYPE: none;
	margin:0;
	padding:0;
}
.Home_Vertical UL LI {
	text-align:center;
	/*PADDING-LEFT: 15px;*/
	BACKGROUND: url(/pic/Vertical_menu.gif) no-repeat;
	MARGIN-BOTTOM: 7px;
	CURSOR: pointer;
	COLOR: #004a9c;
	LINE-HEIGHT: 23px;
	HEIGHT: 23px
}
.Home_Vertical UL LI a {
 color:#000;
}

.Home_Vertical ul li:hover {
	FONT-WEIGHT: bold; BACKGROUND-COLOR: #fff;
}

.Home_Vertical ul li a:visited{
background-color: #ffffff;
}

.Home_Vertical ul li a:hover{
background-color: #ffffff;
color: #0000;
}

.Home_Vertical ul li a:active{
background-color: #ffffff;
}

.Home_Vertical ul li a.selected{ /*selected tab effect*/
position: relative;
BACKGROUND-COLOR: #fff;
color: red;
font-weight:bold;
}

.Vertical_Tab_right {
	BORDER-RIGHT: #b5cfe8 1px solid;
	BORDER-TOP: #b5cfe8 1px solid;
	FLOAT: left;
	OVERFLOW: hidden;
	BORDER-LEFT: #b5cfe8 0px solid;
	WIDTH: 310px;
	BORDER-BOTTOM: #b5cfe8 1px solid;
	HEIGHT: 200px
}


#vertical_adR {
	float: right;
	margin-top:10px;
	border: 1px solid blue;
	width:380px;
}


#Tab1{
	/*border:1px solid #E2E8ED;*/
	width: 175px;
	float: left;
	margin-top:4px;
}

#Tab2{
	/*border:1px solid #E2E8ED;*/
	width: 175px;
	float: left;
	margin-top:20px;
}

#mainbody_center div.Htab_left{
	background-color:#FAF9FB;
	/*border:1px solid #E2E8ED;*/
	float:left;
	width:380px;
	margin:10px 0 0 2px;
}

#mainbody_center div.Htab_right{
	background-color:#FAF9FB;
	/*border:1px solid #E2E8ED;*/
	float:left;
	width:380px;
	margin:10px 0 0 2px;
}

#mainbody_center div.Htab_left1{
	background-color:#FAF9FB;
	/*border:1px solid #E2E8ED;*/
	float:left;
	width:380px;
	margin:10px 0 0 2px;
}

#mainbody_center div.Htab_right1{
	background-color:#FAF9FB;
	/*border:1px solid #E2E8ED;*/
	float:left;
	width:380px;
	margin:10px 0 0 2px;
}

#mainbody_center div.Htab_left2{
	background-color:#FAF9FB;
	/*border:1px solid #E2E8ED;*/
	float:left;
	width:380px;
	margin:10px 0 0 2px;
}

#mainbody_center div.Htab_right2{
	background-color:#FAF9FB;
	/*border:1px solid #E2E8ED;*/
	float:left;
	width:380px;
	margin:10px 0 0 2px;
}

#mainbody_center div.Htab_left3{
	background-color:#FAF9FB;
	/*border:1px solid #E2E8ED;*/
	float:left;
	width:380px;
	margin:10px 0 0 2px;
}

#mainbody_center div.Htab_right3{
	background-color:#FAF9FB;
	/*border:1px solid #E2E8ED;*/
	float:left;
	width:380px;
	margin:10px 0 0 2px;
}

#mainbody_center div.tab_area{
	background-color:#FAF9FB;
	/*border:1px solid #E2E8ED;*/
	float:left;
	width:600px;
	margin:10px 0 0 2px;
}

#mainbody_center div.recommend_area{
	background-color:#FAF9FB;
	border:1px solid #E2E8ED;
	float:left;
	width:600px;
	margin:10px 0 0 2px;
}
#mainbody_center div.preferential_area{
	background-color:#FAF9FB;
	/*border:1px solid #E2E8ED;*/
	float:left;
	width:600px;
	margin:10px 0 0 2px;
}
#mainbody_center div.new_area{
	background-color:#FAF9FB;
	border:1px solid #E2E8ED;
	float:left;
	width:600px;
	margin:10px 0 0 2px;
}

#mainbody_center div.tab_2{
	background-color:#FAF9FB;
	/*border:1px solid #E2E8ED;*/
	float:left;
	width:600px;
	margin:10px 0 0 2px;
}

#mainbody_right{
	background-color:#FAF9FB;
	/*border:1px solid red;*/
	float:right;
	margin:0 1px 0 0;
	width:190px;
}
#mainbody_right div.member_area{
	background-color: #FFFFFF;
	width:186px;
	margin:1px 0 0 0;
	padding:0 0 0 2px;
	border: 1px solid #E2E8ED;
}
#mainbody_right div.brand_area{
	background-color: #FFFFFF;
	width:186px;
	margin:8px 0 0 0;
	padding:0 0 0 2px;
	border: 1px solid #E2E8ED;
}
#mainbody_main{
	background-color: #FAF9FB;
	top:0px;
	width:780px;
	float:left;
	/*padding:0 3px;*/
}

#main_out {
	width: 990px;
	margin: 0 auto;
	background: url("/bg_pic/bg_main.png") repeat-y center top;
	/*border:1px solid red;*/
}
#mainbody_center div.CenterTop_Tab1{
	clear:both;
	height:22px;
	width:600px;
	background-image:url(/pic/tab_border.gif);
	background-repeat:no-repeat;
	/*position:absolute;*/
}
#mainbody_center div.CenterTop_Tab1 ul{
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
}
#mainbody_center div.CenterTop_Tab1 li{
	width:80px!important;
	width:90px;
	height:23px;
	display:inline;
	line-height:20px;	
}
#mainbody_center div.CenterTop_Tab1 li a{
	font-family:Arial,Courier,sans-serif;
	font-size:12px;
	color:#059;
	width:80px!important;
	width:90px;
	height:23px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	background:url(/pic/top_tab.gif) no-repeat 0 -30px;
	margin:0;
	float:left;
	cursor:pointer;
	text-align:center;
	padding:3px 5px 0;
}
#mainbody_center div.CenterTop_Tab1 li a:hover{
		text-decoration:underline;
}
#mainbody_center div.CenterTop_Tab1 li.tabactive a{
	width:80px!important;
	width:90px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	position:relative;
	background:url(/pic/top_tab.gif) no-repeat -120px -30px;
	cursor:pointer;
	margin:-3px 0 0;
	padding:3px 5px 0!important;
	padding:5px 5px 0;
	text-align:center;
	float:left;
}
#mainbody_center div.contents{
	width:600px!important;
	width:598px;
	height:160px;
	text-align:left;
	padding:0;
	margin:0;
	display:block;
	border:1px solid #89B7DC;
	position:relative;
	top:0!important;
	top:0;
	/*z-index:0!important;*/
	/*z-index:-999;*/
}


/*Glossy Horizontal Menu*/

.glossymenu {
	clear:both;
	display: block;
	height: 46px;
	width:990px;
	background: #FAF9FB url(/pic/menupu_bg.gif) repeat-x scroll 0 0;
	text-align:left;
	list-style: none;
	padding: 0;
	margin: 0;
overflow:hidden;
}
.glossymenu li{
	float:left;
	background: url(/pic/menupu_bg.gif) repeat-x; /*tab background image path*/
	padding: 0;
	margin: 0;
}
.glossymenu li a{
	float: left;
	display: block;
	color:#6a548a;
	text-decoration: none;
	font-family: verdana,tahoma,新細明體;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding:0 0 0 8px;
	height: 46px;
	line-height: 46px;
	text-align: left;
	cursor: pointer;
}
.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 13px 0 1px; /* 16 Padding of menu items*/
}
.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(/pic/menupu_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(/pic/menupu_hover_right.gif) no-repeat right top;  /*right tab image path*/
}

/*Mini Tabbed Pages*/
#tabs {
	float: left;
	width:186px;
	text-align:center;
	background: url(/icon/top.gif);
	margin:1px 0;
	/*position:absolute;*/
	z-index:600;
}
#tabs ul {
	padding:0;
	margin:0;
	width:186px;
	list-style:none;
	position:relative;
}
#tabs ul li {
	float:left;
	display:inline;
	width:93px;
	height:53px;
	margin:0 auto;
}
#tabs ul li a.outer {
	display:block;
	width:86px;
	height:49px;
	border-bottom:1px solid #9c9c9c;
	text-align:center;
	line-height:45px;
	text-decoration:none;
	text-indent:50px;
	color:#464;
	font-weight:bold;
	margin-bottom:3px;
	font-size:11px;
}
#tabs ul li a.one {
	background:#fff url(/icon/world.jpg) top left no-repeat;
}
#tabs ul li a.two {
	background:#fff url(/icon/key.jpg) top left no-repeat;
}
#tabs ul li a.three {
	background:#fff url(/icon/mail.jpg) top left no-repeat;
}
#tabs ul li a.four {
	background:#fff url(/icon/search.jpg) top left no-repeat;
}
#tabs ul li a.five {
	background:#fff url(/icon/profile.jpg) top left no-repeat;
}
#tabs ul li a.six {
	background:#fff url(/icon/draw.jpg) top left no-repeat;
}
#tabs ul li div {
	display:none;
}
#tabs ul li:hover {
	padding-bottom:186px;
	border-bottom:1px solid #fff;
	color:#000;
	margin-bottom:0;
}
#tabs ul li:hover > a.outer {
	color:#000;
	background-position:0 -55px;
	height:55px;
	cursor:default;
}
* html #tabs ul li a.outer:hover {
	padding-bottom:186px;
	border-bottom:1px solid #fff;
	height:55px;
	color:#000;
	margin-bottom:0;
	background-position:0 -55px;
	height:55px;
	cursor:default;
}
#tabs ul li:hover div {
	display:block;
	padding:5px;
	position:absolute;
	left:4px;
	top:55px;
	width:186px;
	height:118px;
	border-bottom:3px solid #fff;
}
#tabs ul li a:hover div {
	display:block;
	padding:5px;
	position:absolute;
	left:4px;
	top:55px;
	width:186px;
	height:118px;
	border-bottom:3px solid #fff;
}
#tabs ul li a:hover div.tab_left,#tabs ul li:hover div.tab_left{
	background:#fff url(/icon/tab_left.gif);
}
#tabs ul li a:hover div.tab_center,#tabs ul li:hover div.tab_center{
	background:#fff url(/icon/tab_center.gif);
}
#tabs ul li a:hover div.tab_right,#tabs ul li:hover div.tab_right{
	background:#fff url(/icon/tab_right.gif);
}
.clear {
	clear:both;
	height:0;
	line-height:0;
	overflow:hidden;
}
#tabs span.base {
	display:block;
	height:20px;
	font-size:10px;
	color:#bc8f8f;
	background:url(/icon/bottom.gif) bottom;
}
#tabs div h5 {
	font-size:12px;
	margin-bottom:5px;
}
#tabs div p {
	font-weight:normal;
	text-align:left;
	color:#000;
	margin-top:2px;
}
#tabs div a img {
	border:0;
}
#tabs div img.image {
	float:left;
	border:0;
	margin-top:-35px;
	margin-right:5px;
}
#tabs div a.unlock {
	background:url(/icon/unlock.gif);
	display:block;
	width:30px;
	height:30px;
	margin:0 auto;
}
#tabs div a:hover.unlock img {
	visibility:hidden;
}
#tabs p.bold {
	font-family: 新細明體,細明體;
	font-style: normal;
	font-size: 11pt;
	line-height: 130%;
	color:#069;
	margin:2px auto;
}
* html #tabs p.fire {
	margin-top:-15px;
}
* html #tabs form {
	margin-top:-20px;
}
#tabs p.buttons {
	text-align:center;
}



/*------------------------------------------------------------------------------------- Pro tab------------------------------------------------*/
#tab_remark_pic{
	background-color: #FB952E;
	width:790px;
	height:30px;
	margin:0;
	padding:0 0 0 10px;
	font-family:微軟正黑體,新細明體,Verdana,Arial;
	font-size:12pt;
	font-weight:bold;
	color:#000;
	line-height:30px;
}


#tab_main{
	padding:0 0 0 1px;
	margin:16px 0 0 0;
	
}
.tab_title {
	height:30px;
	margin:0;
	padding:0;
	/*background:url(../images/tab_bg_li.gif) bottom  no-repeat;*/
	width:800px;
	list-style-type:none;
}

.tab_title li{
	float:left;
	margin:0 2px 0 0px;
	font-family:微軟正黑體,新細明體,Verdana,Arial;
	font-size:12pt;
	font-weight:bold;
	line-height:30px;
	height:30px;
	cursor:pointer;
	background: url(../images/tab_title5.gif) no-repeat;
	width:96px;
	text-align:center;
	color:#fff;
}

.tab_title li a{
	float:left;
	margin:0 2px 0 0px;
	font-family:微軟正黑體,新細明體,Verdana,Arial;
	font-size:12pt;
	font-weight:bold;
	line-height:30px;
	height:30px;
	cursor:pointer;
	background: url(../images/tab_title5.gif) no-repeat;
	width:96px;
	text-align:center;
	color:#fff;
}
.tab_title li.tab_current {
	width:96px;
	margin:0 2px 0 0;
	background: url(../images/tab_a.jpg) no-repeat;
	text-align:center;
	color: #333333;
	
}
.tab li.tab_current1 {
	width:112px;
	background-position:0px;
	
}
.tab_title li.tab_current2{
	width:161px;
	margin:0 2px 0 0;
	background: url(../images/tabs01.jpg) no-repeat;
	text-align:center;
	color:#FFFFFF;
	
}
.tab_title li.tab_current3{
	width:161px;
	margin:0 2px 0 0;
	background: url(../images/tabs.jpg) no-repeat;
	text-align:center;
	color: #333333;
	
}
.cont_box{
	float:left;
	padding:6px;
	border:1px solid #dbdada;
	border-top:none;
	border-bottom:none;
	width:796px;
	height:auto;
	margin:0;
	background:url(../images/tab_cox.gif) top repeat-x;
	
}
.cont_box_bottom{
	float:left;
	margin:0;
	background:url(../images/tab_cox.gif) top repeat-x;
	/*background:url(../images/cont_box_bottom.jpg) top no-repeat;*/
	width:808px;
	height:2px;
	border:1px solid #dbdada;
	border-top:none;
	border-bottom:none;
}

.datai_main{
	margin:0;
	height:auto;
}

/*--------------------------商品簡介--------------------------------*/
.datai_text_v {
	width:100%;
	font-family:"Microsoft YaHei",微軟正黑體,新細明體,Arial,cursive;
	font-size:12pt;
	color:#000;
	height:auto;
	margin:0;
	padding:0;
}

/*--------------------------商品說明--------------------------------*/
.datai_text_p{
	margin-top:16px;
	padding:0;
	font-family:"Microsoft YaHei",微軟正黑體,新細明體,Verdana;
	font-size:11pt;
	color:#000;
	text-align:left;
}

.datai_text_p_html{
	margin-top:16px;
	padding:0;
	font-family:"Microsoft YaHei",微軟正黑體,新細明體,Verdana;
	font-size:11pt;
	color:#000;
}

.datai_text_img{
	width:170px;
	float:left;
	padding:13px 0 0 0;
}
.datai_text_img p{
	text-align:center;
	height:20px;
	line-height:20px;
	background: url(../images/datai_li.jpg) 15px 5px no-repeat;
	margin:3px 0px;
	
}

.datai_text_p1{
	float:left;
	width:100%;
	
}

.datai_text_p1 p{
	line-height:16px;
	height:auto;
	margin:15px auto;
	font-family:verdana;
	
}
.datai_title_p2{
	font-size:15px;
	height:22px;
	line-height:22px;
	margin:15px 0px 15px 0;
	color:#104271 
}
.datai_text_p3{
	float:left;
	width:480px;
	margin:10px 0 0 0
}
.datai_text_img2{
	width:88px;
	float:right;
	margin-left:-15px;
	
}
.datai_title_t{
	background:url(../images/fqa_li.gif) 0px 10px no-repeat;
	padding-left:10px;
	margin:0 0 3px 0;
	font-weight:bold;
	font-family:Verdana;
	
}
.class_Group1{
	font-size:12pt;
	font-weight:bold;
	font-family:新細明體;
	margin:16px 0 0 0;
}
/*------------------------------------------------------------------------*/