/*---------------------*/
/*HTML basic tag styles*/
/*---------------------*/
body{

	color: #333333;
	line-height: 1.166;	
	margin: 0px;	
	padding: 0px;
	font-size:12px;
	/*background-color:#B22307;*/
	background-color:#0F51BF;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	
}

a{
	TEXT-DECORATION: none;
	FONT-SIZE: 12px;
	color: #535353;
	text-decoration: none;
}
a:link{
	color: #535353;
	text-decoration: none;
}
a:visited{
	color: #535353;
	text-decoration: none;
}
a:hover
{
	color: #535353;
	text-decoration: underline;
}

p{
font-size:12px;	
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}
h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}
h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}
h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}



/* 整體區塊*/
#content{ 	
	width:940px;	
	margin-left:auto;
	margin-right:auto;
	/*background-color:#caecee;  背景色*/	
	/*	
	border-right:8px solid #9ccddc;
	border-left:8px solid #9ccddc;	
	border-top:2px dashed #CC3333;
	border-right:2px dashed #CC3333;
	border-left:2px dashed #CC3333;
	border-bottom:2px dashed #CC3333;*/
}

/* 中央區塊*/
#content_center{ 	
	float: left;
	width:720px;	
	margin:10px 0 0 6px;
	background-color:#FFFFFF;
	/*background-color:#00CC99;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity:0.6;*/
	/*border-right:1px #CCCCCC solid;*/
}

#body_center{ 
	float: left;
	width:332px;	
	margin:0px 0 0 6px;
	background-color:#FFFFFF;
	/*background-color:#00CC99;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity:0.6;*/
}

/*區塊外框線*/
.side { 
	 width:720px;
	 border-collapse: collapse;
	 margin:0px;
	 padding:0px;   
}

.music_side{ width:720px;
	border-collapse: collapse;
	 margin:10px 0 0 0;
	 padding:0px;  
}

.storycontent2 {
	width:580px;	
}

/*框架：最上方*/
#header
{	
	border-right: 0px solid #75b5d0;	
	border-left: 0px solid #75b5d0;	
	margin:0px;
	padding:0px;
	font-size:12px;
	font:large;
	font:bold;
	/*background-color:#ffffff;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity:0.6;*/
	/*background-color:#DFBFFF;*/
	height:292px;	
}

.header_favor{ width:940px; text-align:right; height:30px; line-height:30px;}
.header_div{ background-image:url(item_icon7.jpg); background-repeat:no-repeat; height:12px; line-height:16px; margin:0 10px 0 0;}
.header_div a{ color:#666666;}
.header_div a:visited{ color:#666666;}
.header_div a:hover{ color:#0066FF; text-decoration:none;}
.user_panel{ position:absolute; margin:22px 0 0 694px; width:200px; height:70px; }
.header_logo{ position:absolute;}

.user_zone{ position:absolute; margin:22px 0 0 768px; width:150px; height:70px; background-color:#BBCDFF; }
.user_zone a:hover{ position:relative; top:1px; left:1px; text-decoration: none;}
.user_zone1{ background-image:url(user_icon1.gif); background-repeat:no-repeat; padding:0 0 0 20px; height:16px; line-height:20px; font-weight:bold; margin:0 0 8px 0; font-size:14px;}
.user_zone1 a{ font-size:14px;}

.user_zone2{ background-image:url(user_icon2.gif); background-repeat:no-repeat; padding:0 0 0 20px; height:16px; line-height:20px; font-weight:bold; margin:0 0 8px 0; font-size:14px;}
.user_zone2 a{ font-size:14px;}

.user_account{background-image:url(user_account.gif); background-repeat:no-repeat; height:16px; width:16px;}
.user_pw{background-image:url(user_pw.gif); background-repeat:no-repeat; height:16px; width:16px;}

.header_flash{}
.menu_div{ margin:0 0 0 216px; /*background-color:#999999;*/}

.nptop, .npbottom {display:block; background:transparent; font-size:1px;}
.npb1, .npb2, .npb3, .npb4 {display:block; overflow:hidden;background: #DEDEEF;}
.npb1, .npb2, .npb3 {height:1px;}
.npb2, .npb3, .npb4 {border-left:0px solid #999999; border-right:2px solid #999999;}
.npb1 {margin:0 5px; background:#999999;}
.npb2 {margin:0 3px; border-width:0 2px;}
.npb3 {margin:0 2px;}
.npb4 {height:2px; margin:0 1px;}
.npboxcontent {display:block; border:0 solid #999999; border-width:0 2px 0 0; background: #BBCDFF; background:#DEDEEF; height:60px; text-align:left; overflow:hidden; padding:20px 10px 10px 10px;}

.userIcon{ color:#0000FF;}
.userIcon:link{ color:#0000FF;}
.userIcon:visited{ color:#0000FF;}
.userIcon:hover{
position:relative;
top:1px;
left:1px;
cursor:pointer;
color:#0000FF;
}


.footerInfo{ height:70px;margin-top:0;clear: both;font-size: 90%;padding: 2px; color:#999999; border-top:1px solid #CCCCCC;
	/*background-color:#FFFF99;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity:0.6;*/
}
.footerData{ margin:6px 0 0 20px; text-align:left; line-height:18px;}
.div_top{ position:absolute; margin:4px 0 0 872px;}
.div_101gmall{ position:absolute; margin:50px 0 0 794px; color:#999999;}
.div_101gmall a{ color:#999999;}
.div_101gmall a:link{ color:#999999;}
.div_101gmall a:visited{ color:#999999;}
.div_101gmall a:hover{ color:#999999; text-decoration:none;}
.footer_logo{ position:absolute; margin:0 0 0 560px}
.footerMenu{ margin:10px 0 0 20px; color:#333333; line-height:20px;}
.footerMenu a{ color:#333333;}
.footerMenu a:visited{color:#333333;text-decoration: none; }
.footerMenu a:hover{ color:#333333; text-decoration: none; position:relative;top:1px;left:1px;}

.footerSpan{ color:#666666;}

#body_left{float: left;	
	width:600px;
	padding:0px 0px 0px 0px;
	border-right:1px #CCCCCC solid;
}
#body_right{float: left;	
	width:330px;
	padding:0px 0px 0px 0px;
	height:auto;
	/*background-color:#FFFF99;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity:0.6;*/
}

.body_service{ margin:0 10px 0 10px;}
.body_service_title{ border-bottom:1px #CCCCCC solid; height:40px;text-align:right; background-image:url(item_ourservice2.jpg); background-repeat:no-repeat;}
.body_service_content{ margin:14px 0 0 0;}
/*.body_service_item{ float:left; margin-left:2px;width:140px; height:200px; background-color:#CCCCCC;}*/
.body_service_item{ float:left; margin:0 0 4px 3px;width:160px; height:82px; background-color:#CCCCCC;}

.body_website{  margin:0 10px 0 10px;}
.body_website_title{ border-bottom:1px #CCCCCC solid; height:40px;text-align:right; background-image:url(item_website.jpg); background-repeat:no-repeat;}
.body_website_content{ margin:14px 0 0 0;}
.body_website_item{ float:left; margin:0 0 4px 3px;width:204px; height:82px; /*background-color:#CCCCCC;*/ border-left:1px #CCCCCC solid; border-top:1px #CCCCCC solid; border-right:1px #999999 solid; border-bottom:1px #999999 solid;} 

.body_more{ }
.body_more a{ text-decoration: none;}
.body_more a:hover{ text-decoration: none;position:relative;top:1px;left:1px;}

.facebook_btn{ position:absolute; float:left; margin:6px 0 0 160px;}

.body_news{ margin:0 10px 0 10px;}
.body_news_title{ border-bottom:1px #CCCCCC solid; height:40px; line-height:40px;text-align:right; background-image:url(item_news.jpg); background-repeat:no-repeat;}
.body_news_content{ margin:14px 0 0 10px; height:116px; }
.body_news_content2{ margin:14px 0 0 10px; height:416px; height:756px; }
.body_news_item{ height:30px; }
.body_news_date{ float:left;color:#666666;line-height:18px;}
.body_news_date2{ color:#666666;line-height:20px;}
.body_news_txt{ float:left; text-decoration:none; margin:0 0 0 8px;}

.body_news_txt a{ color:#0066FF;  border-bottom:1px #CCCCCC solid;}
.body_news_txt a:visited{color:#0066FF;text-decoration: none; }
.body_news_txt a:hover{ color:#0066FF; text-decoration: none; border-bottom:0px;position:relative;top:1px;left:1px;}
.body_news_span{width:470px;height:auto;text-align:left;float:left;line-height:18px;}

.body_news_txt2{ text-decoration:none; margin:0 0 0 0; line-height:28px;}
.body_news_txt2 a{ color:#0066FF;  border-bottom:1px #CCCCCC solid;}
.body_news_txt2 a:visited{color:#0066FF;text-decoration: none; }
.body_news_txt2 a:hover{ color:#0066FF; text-decoration: none; border-bottom:0px;position:relative;top:1px;left:1px;}
.body_news_span2{height:auto;text-align:left;line-height:18px;}
.body_news_desc{ line-height:20px; margin:4px 0 0 0;}

.body_know{ margin:0 10px 0 10px;}
.body_know_title{ border-bottom:1px #CCCCCC solid; height:40px; line-height:40px;text-align:right; background-image:url(item_knowledge.jpg); background-repeat:no-repeat;}
.body_know_content{ margin:14px 0 0 10px; height:116px; }

.body_table{ margin:0 10px 10px 10px;}

.body_music{margin:0 10px 0 0px; height:auto;}
.body_music_title{ border-bottom:1px #CCCCCC solid; height:40px; text-align:right; background-image:url(item_recommendation.jpg); background-repeat:no-repeat;}
.body_music_content{ padding:10px 4px 10px 4px; text-align:center; height:500px;}
.body_music_content2{ padding:10px 4px 10px 4px; text-align:center; height:1050px;}
.body_music_item{ float:left;width:140px; height:140px; border:1px #CCCCCC solid; margin:0 4px 0 2px;}

.body_ad{margin:10px 10px 0 10px;width:300px; height:170px;/*background-color:#0099FF;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity:0.6;*/}
.body_ad_item{ width:300px; height:160px; border:1px #CCCCCC solid; margin:2px 0 2px 0;}

.body_product{margin:0 10px 0 20px; }

.br_search_div{ height:30px;}
.br_search{ margin:6px 0 0 4px;}
.res_input{ width:220px; color:#999999;}
.res_input2{ width:360px; color:#999999;}
.res_input3{ width:300px; color:#999999;}
.btn_search{ border-top:1px #CCCCCC solid; border-left:1px #CCCCCC solid; border-right:1px #666666 solid; border-bottom:1px #666666 solid; background-color:#FFFFFF; cursor:pointer;} 


#outer2 {height: 100%; overflow: hidden; /*position: relative;會造成IE6顯示時產品圖片會固定不動*/;width: 100%;border-bottom:#999999 1px solid;border-right:#999999 1px solid; border-top:#CCCCCC 1px solid; border-left:1px solid #CCCCCC; margin:1px; height:147px; width:146px;} 
#outer2[id] {/*display: table;*/ position: static; }

.thumbImg2 
{
	height:156px;
	width:156px;
	/*padding:4px 0 0 4px;*/
	margin:0 0px 0 0;
	
}
		
.thumbImg2 a:hover .thumb2{
	
	border:2px solid #3399FF;
	/*padding:2px;*/
	
	}			
				
.thumbImg2 span{}
.thumbImg2 a img.thumb2{border:0; vertical-align:middle; }
.thumbImg2 img.thumbSpacer2{height:146px; width:6px; vertical-align:middle; }
.p_push_title{
font-size:12px;
 font-family: Arial,sans-serif;
 color: #006699;
 padding:1px;
 margin-top:5px;
 margin-bottom:2px;
 height:20px;
letter-spacing:2px;
width:146px;
word-break:break-all;
text-align:center;
}

/* 左區塊*/
#content_left
{
	float: left;	
	width:200px;
	padding:0px 0px 0px 0px;
	margin:10px 0 10px 6px;
	/*background-color:#CC6699;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity:0.6;
	height:300px;*/
	height:auto;
	
}

.rtxt{ color:#FF0000;}
.btxt{ color:#0000CC;}
.b2txt{color: #0099FF;}


.news_list{ padding:10px 20px 10px 20px;}
/*news tpl*/
.newsList_news {margin:10px 10px 10px 0px;height:30px;font-size:16px;background: url(news_icon1.gif) no-repeat left;color:#000000; font-weight:bold; border-bottom:1px #DFDFDF dashed;}
.newsList_news a{color:#000000;text-decoration: none;font-size:16px; /*border-bottom:1px #CCCCCC solid;*/}
.newsList_news a:visited{color:#000000;text-decoration: none;}
.newsList_news a:hover{color: #0066FF;text-decoration: none; border-bottom:0px;position:relative;
top:1px;
left:1px;}
.newsList_news2 {margin:10px 10px 10px 0px;height:30px;font-size:16px;background: url(news_icon2.gif) no-repeat left;color:#000000; font-weight:bold; border-bottom:1px #DFDFDF dashed;}
.newsList_news2 a{color:#000000;text-decoration: none;font-size:16px; /*border-bottom:1px #CCCCCC solid;*/}
.newsList_news2 a:visited{color:#000000;text-decoration: none; }
.newsList_news2 a:hover{color: #FF5402;text-decoration: none; border-bottom:0px;position:relative;
top:1px;
left:1px;}
.newsListTitle_news{width:540px;padding-left:26px;height:auto;text-align:left;float:left;line-height:26px;}
.newsListDate_news{width:70px;margin-left:10px;line-height:26px;text-align:right;font-size:16px;}

.n_title{ font-size:16px; text-align:center; font-weight:bold;margin:2px 0 0 0; line-height:20px; color:#0000CC; letter-spacing:2px;}
.n_desc{ overflow:auto; height:1040px; padding:10px;}
.n_date{ text-align:right; margin-top:8px;}

.newsTop_div{width:540px;padding-left:24px;height:auto;text-align:center;float:left;line-height:26px;}
.newsTop_span{width:70px;margin-left:10px;line-height:26px;text-align:right;}

.morebutton{
background-color:#0000FF;
border: 1px #FF99FF outset;
color: white;
text-decoration: none;
font: 12px Verdana;
margin-right:10px;
margin-bottom:5px;
color:#FFFFFF;
}
.morebutton a{ color:#FFFFFF;text-decoration: none;}
.morebutton a:hover{ color:#FFFFFF;text-decoration: none;}
.morebutton a:link{ color:#FFFFFF;text-decoration: none;}
.morebutton a:visited{ color:#FFFFFF;text-decoration: none;}

#cookmenu{
	#position:relative;/*for IE7*/
	_position:static;/*for IE6*/

}


/* product */

.p_width
{
font-size:12px;
width:150px;
height:190px;
float:left;
text-align:center;
}
.p_title
{

 font-size:12px;
 font-family: Arial,sans-serif;
 color: #006699;
 padding:1px;
 margin-top:5px;
 margin-bottom:2px;
 height:30px;
letter-spacing:2px;
width:146px;
word-break:break-all;
text-align:left;

}
.p_name
{
font-size:12px;
 font-size: 100%;
 color: #000000;
 margin: 2px;
 padding: 0px;
}
.p_img
{
padding:1px;
margin:0px;
}
.p_type
{
font-size:12px;
 font-size: 100%;
 color: #000000;
 margin: 5px;
 padding: 0px;
}

.price {
	font-size:12px;
	font:bold;
	font-style:normal;
	font:Arial, Helvetica, sans-serif;
	color:#000000;	
  	margin: 1px;
 	padding: 0px;
	margin-bottom:3px;	
	text-align:left;
	width:146px;
}
.p_detail
{
 margin: 5px;
 padding: 0px;
}
.p_page
{
float:left;
	
	font-size:12px;
	text-align:center;	
	margin-top:10px;
	padding:5px;
	width:90%;
}

.thumbImg 
{
	height:120px;
	width:120px;

	
}
		
.thumbImg a:hover .thumb{
	
	border:2px solid #999999;
	padding:2px;
	}
				
				
.thumbImg span{}
.thumbImg a img.thumb{border:0; vertical-align:middle; }
.thumbImg img.thumbSpacer{height:110px; width:6px; vertical-align:middle; }

/*main title start*/
.main_title{ height:30px; width:720px; margin:0 0 2px 0;background-image:url(bg_title_icon.jpg); background-repeat:no-repeat;}
.main_title_txt{float:left; margin:0 0 0 14px;/*width:160px;*/width:90px; height:30px; line-height:34px; font-size:18px; font-weight:bold; }
.main_banner{ float:left; width:410px; height:30px; line-height:40px; text-align:right;}
.title_line{height:10px; width:720px; background-image:url(bg_title_line.jpg); background-repeat:repeat-x;}

.main_txt_order_info_div{ float:left; width:200px;line-height:34px; font-size:18px; }

.main_txt_order_info{ float:left; width:80px;line-height:34px; font-size:18px; background-image:url(order_info_bg.jpg); background-position:left; background-repeat:no-repeat; padding-left:32px;}
.main_txt_order_info a{font-size:18px; text-decoration:none;}
.main_txt_order_info a:link{font-size:18px;}
.main_txt_order_info a:hover{font-size:18px;}
.main_txt_order_info a:visited{font-size:18px;}

.share_txt{ font-size:12px; line-height:20px;}
/*main title end*/

/*register start*/
.re_txt{ margin:0 20px 0 0;}
.reg_table{ margin:0px;}
.reg_table td{border-bottom:1px #CCCCCC dotted; height:30px; line-height:30px;}

.regs {width: 720px; margin:10px 0 10px 0;}
.regstop, .regsbottom {display:block; background:transparent; font-size:1px;}
.regsb1, .regsb2, .regsb3, .regsb4 {display:block; overflow:hidden;background: transparent;}
.regsb1, .regsb2, .regsb3 {height:1px;}
.regsb2, .regsb3, .regsb4 {border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.regsb1 {margin:0 5px; background:#CCCCCC;}
.regsb2 {margin:0 3px; border-width:0 2px;}
.regsb3 {margin:0 2px;}
.regsb4 {height:2px; margin:0 1px;}
.regsboxcontent {border:0 solid #CCCCCC;border-width:0 1px;background: #fff;text-align:left;height:auto;overflow: hidden;}
.regsboxcontent div img{padding: 3px;}
.regsTopText {display:block; border:0 solid #CCCCCC; border-width:0 1px; padding: 0 0 0 20px; text-align:left;font-size: 12px; line-height:30px;letter-spacing: 6px; height:30px; color:#666666; background-image:url(bg_news_top_txt.jpg); background-repeat:repeat-x;}
/*register end*/

/*member modify start*/
.mm_txt1{ color:#0000CC; font-weight:bold; font-size:16px; letter-spacing:2px;}
/*member modify end*/

/*left start*/
.left_side_banner{ height:30px; width:200px;background-image:url(bg_title_icon.jpg); background-repeat:repeat-x;}
.left_top_txt{ margin:0 0 0 20px; height:30px; line-height:22px; color:#FFFFFF; font-size:16px; font-weight:bold;}
.left_side_content{ height:auto; width:198px;overflow: hidden; border-left:1px #BBCDFF solid; border-bottom:1px #BBCDFF solid;border-right:1px #BBCDFF solid;}
.left_side_content ul{ margin:0 0 0 0;}
.left_side_content li{ background-image:url(item_class.jpg); background-repeat:no-repeat; height:28px; margin:4px 0 0 10px; padding:0 0 0 30px; font-size:14px; line-height:28px; letter-spacing:2px; border-bottom:1px #CCCCCC dotted;}
.left_side_content li a{font-size:16px; font-weight:bold;}
.left_side_content li a:hover{position:relative;top:1px; left:1px;text-decoration: none; color:#0066FF;}
/*left end*/

/*msg start*/
.msg_title{ margin:0 0 0 20px; font-size:16px; font-weight:bold; line-height:30px; color:#0000CC; }
.msg_message{ margin:0 0 0 20px; font-size:16px;  line-height:30px;}
.msg_link{ margin:0 0 0 20px; line-height:30px;}
/*msg end*/

/*branches start*/
.b_title{font-weight:bold; font-size:16px; color:#0000CC; letter-spacing:4px;}
.b_title a{ font-weight:bold; font-size:16px; color:#0000CC;}
.b_title a:hover{ font-weight:bold; font-size:16px; color:#0000CC; text-decoration:none; position:relative; top:1px; left:1px;}
.b_txt{ font-weight:bold; font-size:12px; color:#0000CC;}

.Gmap_div{ margin:10px 0 10px 0;}

.bc_main_bg{ width:384px; height:384px;background-image:url(bg_bc_main.jpg); background-repeat:no-repeat;}
.bc_data_table td{ border-bottom:2px #D7D7D7 dotted; height:24px; font-size:14px;}
.bc_txt1{ letter-spacing:4px;}
.bc_title{ font-size:16px; text-align:center; font-weight:bold;margin:2px 0 0 0; line-height:20px; color:#0000CC; letter-spacing:8px;}
.bc_subimg_table{ margin:10px 0 0 0;}
.bc_item_title{ width:700px; margin:10px 0 0 0;border-bottom:2px #D7D7D7 dotted; font-size:14px; letter-spacing:4px; font-weight:bold;}
.bc_desc{ width:700px; height:auto; margin:10px 0 20px 0; }

.bc_table{
font: 12px Tahoma, Verdana;
empty-cells: show;
border-collapse: separate;
border-collapse: collapse;
border-color:#FFFFFF;
line-height:20px;
}


.b_img_div a:hover .b_img{ border:2px #00CCFF solid;}
/*branches end*/

.sorry{ margin:20px 0 0 0; font-size:16px; font-weight:bold; color:#0000FF;}

/*product start*/
.product_side{ width:720px;
	border-collapse: collapse;
	 margin:10px 0 0 0;
	 padding:0px;  
}

#p_div2{ float:left; display:inline; margin:0 0 0 0px; padding:0px; width:180px; height:260px;  background:url(photo_bg2.jpg) no-repeat;}
#p_table_div{ margin:3px 0 0 6px; width:156px; height:156px; }
#pd_title2{margin:0 0 0 6px; font-size:12px; font-family: Arial,sans-serif; color: #006699; height:32px; line-height:16px; text-align:left; word-break:break-all; width:156px; letter-spacing:2px;}
#pd_title2 a{ color:#006699;}
#pd_title2 a:link{ color:#006699;}
#pd_title2 a:visited{ color:#006699;}
#pd_title2 a:hover{ color:#0066FF; text-decoration:none;}

#pd_price2{margin:0 0 0 6px; font-size:12px; font-family: Arial,sans-serif; color: #000000; height:18px; line-height:18px; text-align:left; word-break:break-all; width:156px; letter-spacing:2px; /*background-color:#FF99CC;filter:alpha(Opacity=50);-moz-opacity:0;opacity:5;*/ }

#pd_img{ height:156px; width:156px;}
#pd_img a:hover #pd_img_hover{ border:2px solid #3399FF;}

#pd_img2{ border:2px solid #ffffff; }

.product_div{ font-size:12px;width:180px;height:260px;float:left;text-align:center;}
#outer6 {height: 100%; overflow: hidden; /*position: relative;會造成IE6顯示時產品圖片會固定不動*/width: 100%; background-image:url(photo_bg2.jpg); background-repeat:no-repeat; } 
#outer6[id] {/*display: table;*/ position: static; }

.thumbImg6 
{
	height:156px;
	width:156px;
	/*padding:4px 0 0 4px;*/
	margin:0 0px 0 0;
	
}
		
.thumbImg6 a:hover .thumb6{
	
	border:2px solid #3399FF;
	/*padding:2px;*/
	
	}			
				
.thumbImg6 span{}
.thumbImg6 a img.thumb6{border:0; vertical-align:middle; }
.thumbImg6 img.thumbSpacer6{height:156px; width:6px; vertical-align:middle; }


/*product end*/

/*detail start*/
.d_title{ width:300px; height:36px;margin:4px 0 0 4px;border-bottom:1px #CCCCCC solid;;border-top:1px #CCCCCC solid; text-align:center; line-height:36px; font-size:16px; font-weight:bold;background-color:#F2F2F2;}
.d_data_table td{ border-bottom:1px #D7D7D7 dotted; height:24px; font-size:12px;}
.d_txt1{}
.d_item_title{ width:700px; margin:10px 0 0 0;border-bottom:1px #D7D7D7 dotted; font-size:14px; letter-spacing:4px; font-weight:bold;}
.d_desc{ width:680px; height:auto; margin:10px 20px 20px 20px; }
.d_branches{ width:680px; height:auto; margin:10px 20px 20px 20px; }
.d_branches a{color:#0000FF; text-decoration:none;}
.d_branches a:link{color:#0000FF;text-decoration:none;}
.d_branches a:visited{color:#0000FF;text-decoration:none;}
.d_branches a:hover{color:#0000FF;text-decoration:underline;}
/*detail end*/

/*comment start*/
.cl_div{ margin:0 0 0 0px; width:720px;}
.cl_div .banner{background-color:#D9D9FF; background-color:#EDEDED;}
.cl_div td{border-bottom:1px #CCCCCC dotted; line-height:20px;}
.c_title{ background-image:url(c_notes.gif); background-repeat:no-repeat; padding:0 0 0 24px; line-height:20px;}
.c_title a{color:#000000;text-decoration:none;}
.c_title a:link{color:#000000;text-decoration:none;}
.c_title a:visited{color:#000000;text-decoration:none;}
.c_title a:hover{color:#0000CC;text-decoration:none; position:relative; left:1px; top:1px;}
.c_replay{ background-image:url(c_replay.gif); background-repeat:no-repeat; margin:0 0 0 24px;padding:0 0 0 30px;line-height:20px; }
.c_replay a{color:#000000;text-decoration:none;}
.c_replay a:link{color:#000000;text-decoration:none;}
.c_replay a:visited{color:#000000;text-decoration:none;}
.c_replay a:hover{color:#0000CC;text-decoration:none; position:relative; left:1px; top:1px;}
.replay_txt{ background-color:#0033CC; color:#FFFFFF;}
.replay_txt a{color:#FFFFFF;text-decoration:none;}
.replay_txt a:link{color:#FFFFFF;text-decoration:none;}
.replay_txt a:visited{color:#FFFFFF;text-decoration:none;}
.replay_txt a:hover{color:#FFFF00;text-decoration:none;}
.replay_txt2{ background-color:#FF3300; color:#FFFFFF;}
.replay_txt2 a{color:#FFFFFF;text-decoration:none;}
.replay_txt2 a:link{color:#FFFFFF;text-decoration:none;}
.replay_txt2 a:visited{color:#FFFFFF;text-decoration:none;}
.replay_txt2 a:hover{color:#FFFF00;text-decoration:none;}
.cv_td{ background-color:#EDEDED;}
.creplay_td{ background-color:#DFDFDF;}
.creplay_td2{ background-color:#F0FFFF;}
.creplay_td3{ background-color:#F5F5F5; }
.cv_txt{ margin:0 10px 0 0;}
.creplay_txt{ margin:0 10px 0 0; color:#0066FF;}
.cv_name{ line-height:24px; font-size:14px; margin:0 0 0 10px;}
.cv_title{ line-height:24px; color:#000099; font-size:16px; font-weight:bold; margin:0 0 0 10px;}
.cv_detail{ line-height:24px; font-size:14px;margin:10px 0 10px 10px;}
/*comment end*/

/*music start*/
.push_txt{background-color:#FF0000; color:#FFFFFF;}
.m_title{ background-image:url(m_music.gif); background-repeat:no-repeat; padding:0 0 0 24px; line-height:20px;}
.m_title a{color:#000000;text-decoration:none;}
.m_title a:link{color:#000000;text-decoration:none;}
.m_title a:visited{color:#000000;text-decoration:none;}
.m_title a:hover{color:#0000CC;text-decoration:none; position:relative; left:1px; top:1px;}
/*music end*/


/*scart start*/
.scart_div{margin:0 0 0 0px; width:720px;}
.scart_div .banner{background-color:#EDEDED;}
.scart_div td{border-bottom:1px #CCCCCC dotted; line-height:20px;}
.scart_input{
font: 12px Tahoma, Verdana;
/*color: #42688f;*/
background-color: #ffffff;
border-left:1px #CCCCCC solid;
border-top:1px #CCCCCC solid;
border-right:1px #666666 solid;
border-bottom:1px #666666 solid;
line-height:22px;
height:22px;
}
.scart_step2_prv{margin:20px 0 0 0;}

.div_agree{ margin:10px 0 0 20px; font-size:16px; color:#0033FF; }
.div_agree_radio{ margin:4px 0 0 240px;}

.pay_div{margin:10px 0 0 0; width:700px;}
.pay_txt{ margin:0 0 0 40px; color:#0000FF; font-size:14px; font-weight:bold; line-height:30px;}
.pay_table{
font: 12px Tahoma, Verdana;
empty-cells: show;
border-collapse: separate;
border-collapse: collapse;
border-color:#FFFFFF;
line-height:20px;
}
.pay_table .banner{ background-color:#BBCDFF;}
.blue_txt{ color:#0033CC;}
/*scart end*/

/*know start*/
.know_list{ padding:10px 20px 10px 20px;}
/*news tpl*/
.knowList_know {margin:10px 10px 10px 0px;height:30px;font-size:16px;background: url(know_icon1.gif) no-repeat left;color:#000000; font-weight:bold; border-bottom:1px #DFDFDF dashed;}
.knowList_know a{color:#000000;text-decoration: none;font-size:16px; /*border-bottom:1px #CCCCCC solid;*/}
.knowList_know a:visited{color:#000000;text-decoration: none;}
.knowList_know a:hover{color: #0066FF;text-decoration: none; border-bottom:0px;position:relative;
top:1px;
left:1px;}
.knowList_know2 {margin:10px 10px 10px 0px;height:30px;font-size:16px;background: url(know_icon2.gif) no-repeat left;color:#000000; font-weight:bold; border-bottom:1px #DFDFDF dashed;}
.knowList_know2 a{color:#000000;text-decoration: none;font-size:16px; /*border-bottom:1px #CCCCCC solid;*/}
.knowList_know2 a:visited{color:#000000;text-decoration: none; }
.knowList_know2 a:hover{color: #FF5402;text-decoration: none; border-bottom:0px;position:relative;
top:1px;
left:1px;}
.knowListTitle_know{width:540px;padding-left:24px;height:auto;text-align:left;float:left;line-height:26px;}
.knowListDate_know{width:70px;margin-left:10px;line-height:26px;text-align:right;font-size:16px;}

.k_title{ font-size:16px; text-align:center; font-weight:bold;margin:2px 0 0 0; line-height:20px; color:#0000CC; letter-spacing:2px;}
.k_desc{ overflow:auto; height:400px; padding:10px;}
.k_date{ text-align:right; margin-top:8px;}
.k_class{ line-height:20px; margin:0 10px 0 0;}

/*know end*/

/*website start*/
.w_div{ margin:0 0 20px 0;}
.w_table{
font: 12px Tahoma, Verdana;
empty-cells: show;
border-collapse: separate;
border-collapse: collapse;
border-color:#FFFFFF;
line-height:20px;
}
.w_item_title{ width:640px; margin:10px 0 0 0;border-bottom:1px #D7D7D7 dotted; font-size:14px; letter-spacing:4px; font-weight:bold;}
.w_td{ border-bottom:2px #D7D7D7 dotted; font-size:14px;}
.w_desc_td{ border-bottom:2px #3399FF solid; font-size:14px;}
.w_hr{ width:640px; margin:-6px 0 0 0;filter:alpha(opacity=100, finishopacity=10,style=1,startX=0, startY=0,finishX=100,finishY=100);-moz-opacity:0.6;opacity:0.6;}
.w_title{ font-size:16px; font-weight:bold;color:#0033CC;}
.w_desc_title{ font-size:14px;}
.w_desc{ margin:4px 20px 20px 20px;}
/*website end*/

/*service html start*/
.service_div{ margin:0 20px 0 20px;}

/*service html end*/


/*for Yahoo Search Desc*/
#y_desc{position:absolute; z-index:-1;height:0px;filter:alpha(Opacity=0);-moz-opacity:0;opacity:0; width:800px; text-align:left;}


/*popup news*/
#popup_news{
	position:absolute;
	top:160px;
	width:400px;
	height:500px;
	z-index:1;
	padding-left:260px;
}
#popup_menu{
height:26px; line-height:26px; 
}
#popup_txt{ float:left; margin:0 0 0 0; font-size:16px; font-weight:bold; letter-spacing:1px; height:30px; width:210px; background-color:#0166ff; color:#FFFF00; text-align:center;border-top:2px solid #CCCCCC; border-left:2px solid #CCCCCC; border-right:1px solid #666666;}
#popup_close{ float:left; margin:0 0 0 0; height:30px; width:100px; background-color:#FF6666; color:#000000; text-align:center;border-top:2px solid #CCCCCC; border-left:0px solid #CCCCCC; border-right:2px solid #666666;}
#popup_close a{ color:#000000; text-decoration: none;}
#popup_close a:visited{ color:#000000; text-decoration: none;}
#popup_close a:hover{ color:#000000; text-decoration: none;}
#popup_bg{
	width:400px; margin:0px; float:left;
	height:auto;background-color:#FFFFFF; background-image:url(popup_bg2.jpg); background-repeat:repeat-x;
	border-top:0px solid #CCCCCC; border-left:2px solid #CCCCCC; border-bottom:2px solid #666666; border-right:2px solid #666666;
}

#popup_img{ text-align:center; margin:20px 0 10px 0;}
#popup_title{ text-align:center; font-size:16px; font-weight:bold; letter-spacing:1px; line-height:20px;}
#popup_title a{color:#000000;text-decoration:none;font-size:16px; font-weight:bold;letter-spacing:1px;}
#popup_title a:link{color:#000000;text-decoration:none;font-size:16px; font-weight:bold;letter-spacing:1px;}
#popup_title a:visited{color:#000000;text-decoration:none;font-size:16px;font-weight:bold; letter-spacing:1px;}
#popup_title a:hover{color:#0000CC;text-decoration:none;font-size:16px; font-weight:bold;letter-spacing:1px;}

#popup_price{ margin:0 0 0 0; text-align:center; font-size:16px; font-weight:bold; letter-spacing:1px; line-height:20px;}
#popup_date{ margin:0 0 0 0; text-align:center; font-size:16px; font-weight:bold; letter-spacing:1px; line-height:20px;}
#popup_memo{ margin:0 0 6px 0; text-align:center; font-size:16px; font-weight:bold; letter-spacing:0px; line-height:20px; color:#CC00FF;}

/*photo start*/
.et_div{ height:auto; width:680px; margin:20px 20px 0 20px; padding:0 0 10px 0; border-bottom:1px #CCCCCC solid; }
.et_div2{ float:left; display:inline; width:360px; height:180px; margin:0 0 10px 0; border-bottom:1px #CCCCCC solid;}
.et_title{ font-size:16px; font-weight:bold; line-height:30px; }
.et_title a{ color:#0000CC;font-size:16px;}
.et_title a:link{color:#0000CC;font-size:16px;}
.et_title a:visited{color:#0000CC;font-size:16px;}
.et_title a:hover{color:#FF0000;font-size:16px;}
.et_title2{ font-size:14px; font-weight:bold; line-height:20px; }
.et_title2 a{ color:#0000CC;font-size:14px;}
.et_title2 a:link{color:#0000CC;font-size:14px;}
.et_title2 a:visited{color:#0000CC;font-size:14px;}
.et_title2 a:hover{color:#FF0000;font-size:14px;}
.et_desc{ font-size:14px; color:#000000; line-height:20px;}
.et_desc2{ font-size:12px; color:#000000; line-height:16px;}
.et_item{ font-size:14px;}
.et_item2{ font-size:12px;}
.et_img_border{margin:10px 0 0 0; border:1px #666666 solid; background-color:#FFFFFF; width:206px;}
.et_img{ margin:3px 3px 3px 3px;}
.et_img_border2{margin:10px 0 0 0; border:1px #666666 solid; background-color:#FFFFFF; width:150px;}
.et_img2{ margin:3px 3px 3px 3px;}
.photo_title
{font-size:12px;
 font-family: Arial,sans-serif;
 color: #006699;
 padding:1px;
 margin-top:5px;
 margin-bottom:2px;
 height:30px;
letter-spacing:2px;
width:160px;
word-break:break-all

}
.photo_div{ margin:10px 0 0 10px;}
.album_div{ margin:0 10px 6px 10px; width:700px;  border-bottom: #CCCCCC dotted 1px; line-height:30px; font-size:16px; text-align:center;}
.album_title{ color:#0000CC; font-weight:bold;}
.album_desc{ margin:2px 0 16px 20px; line-height:20px; font-size:14px;}

.p_width3
{
font-size:12px;
width:174px;
height:220px;
float:left;
text-align:center; display:inline;
}
#outer3 {height: 100%; overflow: hidden; /*position: relative;會造成IE6顯示時產品圖片會固定不動*/width: 100%;padding:2px;border-bottom:#999999 1px solid;border-right:#999999 1px solid; border-top:#CCCCCC 1px solid; border-left:1px solid #CCCCCC; margin:1px; height:152px; width:152px;} 
#outer3[id] {/*display: table;*/ position: static; } 

.thumbImg3
{
	height:158px;
	width:158px;
	padding:1px 0 0 1px;
	
}
		
.thumbImg3 a:hover .thumb3{
	
	/*border:2px solid #07adff;*/
	border:2px solid #FF0000;
	/*padding:2px;*/
	
	}			
				
.thumbImg3 span{}
.thumbImg3 a img.thumb3{border:0; vertical-align:middle; }
.thumbImg3 img.thumbSpacer3{height:150px; width:4px; vertical-align:middle; }

#outer8 {height: 100%; overflow: hidden; /*position: relative;會造成IE6顯示時產品圖片會固定不動*/;width: 100%;padding:6px;border-bottom:#999999 1px solid;border-right:#999999 1px solid; border-top:#CCCCCC 1px solid; border-left:1px solid #CCCCCC; margin:1px; height:110px; width:110px;} 
#outer8[id] {/*display: table;*/ position: static; }
.thumbImg8
{
	height:120px;
	width:120px;
}
		
.thumbImg8 a:hover .thumb8{
	border:2px solid #07adff;
	padding:2px;
}
				
.thumbImg8 span{}
.thumbImg8 a img.thumb8{border:0; vertical-align:middle; }
.thumbImg8 img.thumbSpacer8{height:110px;width:6px; vertical-align:middle; }

.p_width8
{
font-size:12px;
width:138px;
height:180px;
float:left;
text-align:center;
}

.p_title8
{
 font-size:12px;
 color:#000099;
 color:#CCCCCC;
 padding:1px;
 margin-top:5px;
 margin-bottom:2px;
 height:30px;
 letter-spacing:1px;
 width:110px;
 word-break:break-all;
 font-weight:bold;
}
.p_item8{font-size:12px;color:#000099;padding:1px;margin-top:5px;margin-bottom:2px;letter-spacing:1px;/*width:110px;*/width:160px;}
.pl_date{ text-align:left; width:160px; color:#666666; border-top:0px #CCCCCC dotted; line-height:22px;}
/*photo end*/

/*xajax show*/
#show_Detail_bg{
   /*background-color: #6699FF;*/
   /*background-color:#666666;*/
   background-color:#606060;
   border: 2px dashed #FF0000;
   border:1px solid #666666;
   border-top:1px solid #999999;
   padding:3px;
   /*position: absolute;*/
   position: absolute;
   
   margin-left:auto;
   margin-right:auto;
   top:0px;
   left:0px;
   /*width:100%;*/
   opacity:	0.9;
   filter:Alpha(style=0,opacity=90);
   z-index:100;
  /* position:fixed;
   _position:absolute;*//*for IE6*/
}

#show_Detail_content{
	/*position: absolute;*/
	position: absolute;
	background-color:#000000;
	top:0px;
	margin-left:50px;
    margin-right:auto;
	color:#CCCCCC;
	z-index:1000;
	/*position:fixed;
	_position:absolute;*//*for IE6*/
}

.photo_close{ width:60px; border:1px #CCCCCC solid; height:20px; line-height:20px; margin:2px 2px 0 0; font-size:12px; /*background-image:url(close_bg1.jpg); background-repeat:repeat-x; */text-align:center; color:#FFFFFF;}
.photo_close a{color:#FFFFFF;}
.photo_close a:link{color:#FFFFFF;}
.photo_close a:visited{color:#FFFFFF;}
.photo_close a:hover{color:#FFFFFF;text-decoration: none; position:relative; top:1px; left:1px;}

.photo_content{ margin:0 10px 0 10px;}
.photo_content a{ color:#66FFFF; }
.photo_content a:hover{ color:#ff0000;}
.photo_content a:visited{ color:#66FFFF; }

#album_data{ margin:0 0 16px 0;}

.album_link { color:#FF99CC; color:#ffffff; font-size:16px; font-weight:bold;}
.album_link a{ color:#ffffff; font-size:16px; font-weight:bold;}
.album_link a:visited{ color:#ffffff; font-size:16px; font-weight:bold;}
.album_link a:hover{ color:#FFFF00; font-size:16px; font-weight:bold;}

.album_link2 { color:#ffffff;}
.album_link2 a{ color:#ffffff;}
.album_link2 a:hover{ color:#ffffff;}
.album_link2 a:visited{ color:#ffffff;}

.photo_num{ color:#FFFF00; font-weight:bold;}
.photo_control{ color:#66FFFF;}

.photo_name{color:#ffffff; font-size:20px;}
.photo_img{margin:20px 0 20px 0;}
.photo_desc{margin:6px 20px 20px 20px; color:#CCCCCC; text-align:center;}
.other_photo{width:700px; border-top:#999999 solid 2px; padding:20px 0 0 0;}
/*xajax end*/

#h_msg_div{ height:36px; line-height:36px; width:100%; margin:0 0 0 0; text-align:left; font-size:16px; background:url(marquee_bg2.jpg) repeat-x;}

/*marquee start*/
.menunav{height:36px;margin:0 auto;text-align:left;}
.menunavmid{ float:left;width:350px;height:36px;line-height:36px;text-align:left;}

.menunav{font-size:16px;color:#FFFF00; color:#0000FF; color:#FF0000;}
.menunav a{font-size:16px;color:#474747;}
.menunav a:link{color:#474747;}
.menunav a:visited{color:#474747;}
.menunav a:hover{color:#FF0000;}

/* -----------------ad announce---------------------------------- */
.ad_announce{
height:100%;
overflow-y:hidden;
vertical-align:bottom;
margin-top:0;
}
#marqueedivcontrol{ font-size:16px; color:#FF0000;}
.marq_div{ width:254px; height:36px;}
.marq_left{ float:left; width:50px; height:36px; text-align:center; }
.marq_right{ float:left; width:204px; height:36px; color:#0066FF;}

/*marquee end*/

/*rf form start*/
#rf_title{ width:100%; height:40px; line-height:40px; font-size:18px; font-weight:bold; letter-spacing:2px; color:#0033FF; text-align:center;}
.dmenu_div{ float:left; margin:0 0 4px 0; width:720px; text-align:left;}
#dmenu, #dmenu ul {padding:0; margin:0; list-style-type: none; color:#363636;}
#dmenu {margin:0 2px 0 2px; width:720px; background-color:#999999; }
#dmenu li {float:left; display:inline; width:352px; margin:0 4px 0 0; height:34px; line-height:34px; text-align:center; letter-spacing:0px; cursor:pointer; border:1px #666666 solid; background-color:#0066FF; }

#dmenu li a{voice-family: "\"}\"";voice-family: inherit; height: 34px;text-decoration: none; line-height:34px; text-align:center; letter-spacing:0px; font-size:18px; letter-spacing:1px;}
#dmenu .d_main{ display:inline; width:352px; fheight:34px; line-height:34px; text-decoration:none; border-top:1px #999999 solid; border-left:1px #999999 solid; border-bottom:1px #666666 solid; border-right:1px #666666 solid; background-color:#F3F3F3; padding: 0 0 0 0; font-size:18px; letter-spacing:1px;}
#dmenu .d_main a:link, #dmenu .d_main a:visited{display:block; width:352px; fheight:34px; line-height:34px; text-decoration:none; border-top:1px #999999 solid; border-left:1px #999999 solid; border-bottom:1px #666666 solid; border-right:1px #666666 solid; background-color:#F3F3F3; padding: 0 0 0 0;}

#dmenu .d_main a:hover div{color: #fff; background-color:#0099FF; padding: 0 0 0 0;}

#dmenu .current{color: #fff; border:1px #666666 solid; background-color:#0066FF; padding: 0 0 0 0; letter-spacing:1px;}
#dmenu .current a{color: #fff; font-size:18px; letter-spacing:1px;}
#dmenu .current a:hover{color: #fff; background-color:#0099FF;  font-size:18px; letter-spacing:1px;}
#dmenu .current a:link{color: #fff;  font-size:18px; letter-spacing:1px;}
#dmenu .current a:visited{color: #fff;  font-size:18px; letter-spacing:1px;}

.rf_table{ margin:0px; font-size:10pt;}
.rf_table td{border-bottom:1px #CCCCCC dotted; height:30px; line-height:20px;}
.rf_td1{ background-color:#DDEEFF;}
.rf_input1{ width:230px; color:#0000FF;}
.rf_input2{ width:150px; color:#0000FF;}
.rf_input3{ width:50px; color:#0000FF; text-align:right;}
#rf_txt1{ font-size:16px; letter-spacing:2px;}
#redtxt{ color:#FF0000;}
/*rf form end*/
