@import url("reset.css");
charset "utf-8";
body { background-color:#666666;
}
/* ---- 最外層包裝 ----*/

#WRAPPER {
	width: 980px;
	margin:0 auto;
	padding:0 10px;
	background-image:url(images/outer_bg.gif);
}
/* ---- 頁首 ---- */
#HEADER {
	position:relative; margin:0 auto;
	}
#HEADER h1 a {
	text-indent: -9999px;
	display: block;
	width: 980px;
	height: 232px;
	margin:0 auto;
	background-image:url(images/head.gif);
	}
#HEADER h2 a{
	display:block;
	padding-left:10px;
	width:180px;
	text-indent: -9999px;
	background-image:url(images/main1_02.gif);
}
/* ---------導覽列-----------*/
	#navigation {
	position:absolute;
	top:232px;
	left:250px;
	width: 700px;
	}
	#navigation ul {
		margin: 0 auto;
		padding: 0;
		list-style: none;
	}
	#navigation li {
		float: left;
		margin: 0;
		width: 110px;
	}
	#navigation li a {
		display: block;
		height:29px;
		_width: 100%;
		padding: 6px 0;
		width:107px;
	    background-image:url(images/navigation_bg.gif);
		background-repeat:no-repeat;		
		background-position:left top;
		text-align: center;
		font-family: Arial;
		font-weight: bold;
		color: #000000;
		text-decoration: none;
		
	}
	#navigation li a:hover {
		color: #930;
		background: url(images/navigation_bg.gif) right top no-repeat;
	}
	}
/*----------- 子選單 -----------*/
	#navigation ul ul { }
	#navigation ul ul li {
		float: none;
		margin-top:-7px;
		margin-bottom:1px;
		background-color:#FFFFFF;
	}
	#navigation ul ul li a {
	
		display:block;
		background: #EFFFBF;
		font-size:14px;
		font-weight: normal;
	}
	#navigation ul ul li a:hover {
		color: #FFFFFF;
		background-image: none; 
		background-color: #ec8602;
	}
	#navigation ul li.parent ul {
		display: none;
	}
	#navigation ul li.parentOn ul {
		display: block;
	}	
/* ---- 側邊上方區 ---- */
#SUB{
float:left;
width:220px;
clear: both;
margin-left:2px;
}
#SUB_TOP{ width:210px; height:165px; background-image:url(images/SUBTOP.gif); background-repeat:no-repeat; font-size:14px; padding-left:20px; color:#333; font-family:Arial; margin-bottom:5px;}
#SUB_TOP h3{
height:22px;
padding:5px 0px;
font-size:16px;
font-family:Arial;

line-height:25px;
color: #630;
}
#SUB_TOP a{ display:block; width:100px; height:15px; line-height:15px; font-size:12px; color: #F30; margin-left:60px;}
#SUB_TOP .font{ width:100px; height:12px; font-size:12px; color: #F00; margin:5px 0;}
#SUB_TOP .formsetA{ margin:5px 0;}
#SUB_TOP .formsetB{ height:30px; margin-left:35px;}
#SUB_TOP .input{border:1px #960 ridge; width:130px;}

#SUB h2{
background-image:url(images/h2pic.gif);
background-repeat:no-repeat;
margin:0px 0 20px 0px;
width:210px;
hight:34px;
font-size:14px;
color: #630;
line-height:34px;
font-family:Arial;
text-align: left;
padding-left:20px;
text-decoration: none \9;
}

/* 周邊商品側邊欄
---------------------------------------------*/
#SUB .PRE{ }
#SUB .PRE a{ width:120px;background-image:url(images/button.gif); font-size:15px; font-family:Arial; color: #0D5330; text-align:left; margin:10px; float:left; text-decoration:none; text-indent:20px; background-repeat:no-repeat; font-weight:bold;}
#SUB .PRE a:hover{ background-image:url(images/button-hover.gif); color: #BF6000; font-size:16px;}
/* ---- 側邊下方區 ---- */
#SUB ul{
    width:190px;
	list-style-type:none;
	margin:0 auto;
	margin-bottom:10px;
}

#SUB li{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom:5px;
}
#SUB li a{
display:block;
width: 140px;
text-decoration:none;
text-align:center;
color: #000;
font-size:15px;
}

#SUB li a:hover{ padding:0 1px;}

/* ---- 內容區 ---- */
#CONTENT {
margin-top:30px;
margin-left:200px;
width:750px;
margin-bottom:50px;
}
#CONTENT h2, #CONTENT h4, #CONTENT p {
	padding:6px 20px 6px 20px;
	font-size:12px;
	margin-left:10px;
	margin-left:-10px \9;
}
#CONTENT h2 {
	margin:50px 0 20px 50px;
	margin:20px 0px 0px 30px \9;
width:600px;
	font-family: Arial;
	font-size: 16px;
	line-height:16px;
	background-image:url(images/headtitle.gif);
	background-repeat:no-repeat;
	color: #666666;
	letter-spacing:10px;
	padding-left:50px;

}

/* 分頁超連結
---------------------------------------------*/
#PAGENUM {font-size:14px; color: #930; font-family:Arial; margin-left:0px; font-weight:bold;}
#PAGENUM a{font-size:14px; color: #F60; font-family:Arial; margin-left:0px;}
#PAGENUM a:hover{color: #F90;}
/* 產品名稱
---------------------------------------------*/
#PRO_NAME {font-size:16px; color: #369; font-family:Arial; margin-left:0px; font-weight:bold;}
#PRO_NAME a{font-size:16px; color: #369; font-family:Arial; margin-left:0px; font-weight:bold; line-height:20px;}
#PRO_NAME a:hover{color: #39F;}
/* 我的收藏
---------------------------------------------*/
#FAVOR_TITLE { font-size:14px; color: #FFF; font-family:Arial; font-weight:bold; text-align:center;}
#FAVOR a{font-size:12px; color: #369; font-family:Arial; margin-left:5px; font-weight:bold; line-height:normal;}
#FAVOR a:hover{color: #39F;}
/* 頁首揪團區
---------------------------------------------*/
#INDEX_LEFT{ margin:0; padding:0; width:480px; height:250px;margin:40px 0px 0 240px; background-image: url(images/t1.gif); }
#INDEX_LEFT h2{ width:470px; height:30px; background-image: url(images/IND_DISCUESS.gif); text-indent:-9999px; margin:10px 0 10px 0; background-repeat:no-repeat; font-family:Arial;}
#INDEX_LEFT p{ width:440px; margin-left:10px; border-bottom: #999 1px dotted; padding-right:5px; font-size:13px; line-height:30px; overflow:hidden; font-family:Arial;}
#INDEX_LEFT p a{ text-decoration:none; color:#333;}
#INDEX_LEFT p em{ color: #630; text-decoration:underline; margin:0 3px;}
#INDEX_LEFT p span{ color:#930; margin-right:5px;}
#INDEX_LEFT em a{ display:block; width:50px; height:12px; margin:20px 0 0 400px; font-size:12px; color:#600; text-decoration:none;}
#INDEX_LEFT em a:hover{ text-decoration:underline;}
/* 頁首排行榜---------------------------------------------*/
#INDEX_LEFT2{margin:0; padding:0; width:480px; height:230px;margin:10px 0px 0 240px; background-image: url(images/t4.gif);}
#INDEX_LEFT2 h2{ width:470px; height:30px; background-image: url(images/IND_RANGE.gif); text-indent:-9999px; margin:10px 0 10px 0; background-repeat:no-repeat;}
#BIKEBORDER{ width:160px; height:120px; border:1px #999 solid; float:right; margin:5px 20px 0 0;}
#BIKEBORDER img{ width:140px; height:100px; margin:0 auto; margin:10px 10px;}
#BIKEWORD{ width:300px; height:auto; font-size:13px; color:#900; margin-left:10px; line-height:25px;}
*+html #BIKEWORD{ clear:both; margin-top:-130px;}
#BIKEWORD a{ font-size:12px; color: #333333; text-decoration:none; line-height:25px; margin-left:5px; word-spacing:5px;} 
#BIKEWORD a:hover{ color:#960; text-decoration:underline;}
#INDEX_LEFT2 em a{ display:block; width:50px; height:12px; margin:20px 0 0 400px; font-size:12px; color:#600; text-decoration:none;}
#INDEX_LEFT2 em a:hover{ text-decoration:underline;}
/* 排行榜細項資料
---------------------------------------------*/
#DETAIL{width:600px; overflow:hidden; background-image: url(images/box.jpg); background-position:left bottom; padding-bottom:10px;}
#DETAIL h3{ background-image: url(images/box.jpg); background-position:left top; font-size:14px; font-family:Arial; line-height:25px; padding-left:10px; text-indent:-9999px;}
#DETAIL_NAME1{width:500px; height:250px;margin:10px 0 -200px -20px; text-align:left; color: #369; padding-left:10px; font-weight:bold;}
#DETAIL_NAME{ float:left; width:250px; height:auto;}
#DETAIL_NAME img{width:250px; height:180px; margin:20px 10px; }
#DETAIL_NAME a{font-size:14px; color: #F00; font-family:Arial;margin-left:50px;}
#DETAIL_NAME a:hover{color: #903;}
#DETAIL_FLAVOR{width:270px;margin:10px 0px 0px 200px;text-align:left;background-image:url(images/F_box.jpg); background-position:bottom left;}
#DETAIL_FLAVOR h3{text-indent:-9999px;background-image:url(images/F_box.jpg); background-position:top left; line-height:10px;}

#DETAIL_FEATURE{ width:265px;height:170px; font-size:16px; color: #333; padding-left:5px; border-bottom:#069 1px solid;}
#DETAIL_PRICE{font-size:16px; color: #333; padding:5px 0 5px 5px;}
.CLEAR {
	clear: left;
	height:0;
	font-size:1px;
	line-height:0;
}
#DETAIL_SIZE{width:550px; margin:40px 0 0px 10px; border-bottom:1px  #666 solid; background-color:#CFF; background-image: url(images/F_box2.jpg); background-position:top left; font-size:16px; line-height:30px; font-weight:bold; color: #300;}
#DETAIL_SHOW{ width:550px;height:200px; margin:0px 0 10px 10px; text-align:left;background-image: url(images/F_box2.jpg); background-position:bottom left; font-size:14px; padding:10px 0;}
#DETAIL_SHOW p{ padding-left:10px;}

/* 頁首周邊商品---------------------------------------------*/

#INDEX_LEFT3{ width:480px; height:360px; background-image:url(images/t2.gif);margin:10px 0px 20px 240px; background-repeat:no-repeat; padding-top:5px;}
#INDEX_LEFT3 h4{width:470px; height:30px; text-indent:-9999px; background-image:url(images/IND_PER.gif); margin:10px 0 0 15px; background-repeat:no-repeat;}
#INDEX_LEFT3 .perchars{ width:100px; height:100px; margin:5px 0px 25px 15px;  float:left;}
#INDEX_LEFT3 .perchars img{ width:80px; height:80px;}
#INDEX_LEFT3 .perchars a{ display:block; width:80px; height:80px; margin:0 auto; margin-top:10px;}
#INDEX_LEFT3 .perchars a:hover{}
#INDEX_LEFT3 .perchars h3{ width:100px; height:30px;}
#INDEX_LEFT3 .perchars h3 a{ display:block; width:100px; height:30px; background-image:url(images/btn11.gif); background-repeat:repeat-x; font-size:14px; border:1px #CCCCCC solid; font-family:Arial; text-decoration:none; color:#666666; text-align:center; line-height:30px;}
#INDEX_LEFT3 .perchars h3 a:hover{ background-image:url(images/btn12.gif);}
#INDEX_LEFT3 em a{ display:block; width:50px; height:12px; margin:15px 0 0 400px; font-size:12px; color:#600; text-decoration:none;}
#INDEX_LEFT3 em a:hover{ text-decoration:underline;}
/* ==== 這下面是給 IE6 專用的 CSS hack ====*/
* html #PREALL .perchars {margin:20px 5px 40px 15px;}
* html #PREALL{ width:700px; height:730px; background-image:url(images/t2.gif); margin-left:10px; background-repeat:no-repeat;}
/* 首頁廣告
---------------------------------------------*/
#INDEX_RIGHT{
	width:250px;
	height:250px;
	float:right;
	margin:10px 5px 0 0;
	text-indent:-9999px;
}
/* 頁首好站連結
---------------------------------------------*/

#INDEX_RIGHT2{	float:right; width:250px; height:auto;float:right; margin:10px 5px 0px 0;}
#INDEX_RIGHT2 h2{width:250px; height:62px; text-indent:-9999px; background-image:url(images/IND_LINK.gif)}
#INDEX_RIGHT2 img{
	width:160px;
	height:70px;
	margin:5px 0px 10px 40px;
}


/* 修改會員資料-------------------------*/
#UPT_SUBMIT{}
#UPT_SUBMIT a{ width:89px; height:28px; background-image:url(images/friendbtn.gif); background-position:bottom;}
#UPT_BTN{ width:200px; height:30px; text-align:center; margin-left:300px;}
#UPT_BTN a{ display:block; float:left; margin-right:10px; width:89px; height:28px; background-image:url(images/friendbtn.gif);background-position:bottom; color:#333; line-height:28px; text-align:center; text-decoration:none;}
#UPT_BTN a:hover{background-position:top; color: #600;}
#orderForm .wordset{ width:500px;height:auto; margin:10px 0 10px 30px; color: #900; font-size:13px; line-height:20px;}
#orderForm .otherset {
	width:auto;
	height:25px;
	margin-left:20px;
	margin-bottom:5px;
	border-bottom:1px #630 solid;
}
#orderForm .otherset a{
	color: #009;
	font-weight: bold;
	margin-bottom:5px;
	font-size:13px;
}
#orderForm .otherset a:hover{ text-decoration:none; color:#900;}

#orderForm .titleset {
	margin-left:13px;
	color: #630;
	font-weight: bold;
	margin-bottom:5px;
}

#orderForm .titleset a{
	margin-left: 5px;
	color: #C60;
	font-weight: bold;
	text-decoration:none;
}
#orderForm .titleset a:hover{
	color: #F30;
	text-decoration:underline;
}
#orderForm .titleset em{
	font-size:12px;
	color: #666;
	font-weight: normal;
}

/* 填寫資料表格
---------------------------------------------*/
#orderForm fieldset {
width:600px;
margin-left:60px;
margin-top: 30px;
_padding-bottom:-30px;
_padding-top:-30px;
	/*border: 1px solid #ccc;*/
}


#orderForm legend {
	padding-top: 2px;
	color: #663333;
	font-weight: bold;
	
}
#orderForm dl {
	padding: 10px 20px 20px 20px;
}
#orderForm dt {
	margin-top: 10px;
}
#orderForm dd {
	padding: 5px 0 10px 0;
	border-bottom: 1px solid #CCCCCC;
}
#orderForm em {
	color: #DC0101;
	font-size:12px;
	font-style: normal;
}
#orderForm .submit {
	margin-top: 30px;
	text-align: center;
}
#orderForm select {
	background: #F7F7F7;
}
#orderForm .assist {
	color: #666666;
	font-size: 90%;
}
#orderForm .text1 {
	width: 150px;
}
#orderForm .text2 {
	width: 4em;
}
#orderForm .text3 {
	width: 200px;
}
#orderForm .text1,#orderForm .text2,#orderForm .text3 {
	background: #FFFFFF url(../images/input_bg.gif) left top repeat-x;
	border: 3px double #CCCCCC;
	padding: 2px;
}


/* 周邊商品首頁
---------------------------------------------*/
#FORFLASH{ width:700px; height:420px; border:1px #CCCCCC solid;margin:10px 10px 10px 35px; }

* html #FORFLASH{margin:10px 10px 10px 15px; }
/* 揪團區首頁
---------------------------------------------*/

/* 揪團區內頁列表
---------------------------------------------*/
#CONTENT .menulinks {
width:610px;
height:52px;
padding-left:25px;
background-image:url(images/menulinks.png); margin-left:25px;}
* html #CONTENT .menulinks a { /* Filter for IE6 to prevent li stacking */
  float: left;
  text-decoration: none;}

* html #CONTENT .menulinks a span { /* Filter for IE6 to prevent li stacking */
  float: left;
  text-decoration: none;}
  
#CONTENT .menulinks a {
	padding-left:18px;
	height:50px;
   background-image:none;
	display:block;
	color:#555555;
	text-decoration:none;
	float:left;
	font-size:13px;
	font-family:Arial;}

#CONTENT .menulinks a span {
	padding-left:8px;
	padding-right:20px;
	padding-top:12px;
	height:38px;
	display:block;
   background-image:none;
	text-decoration:none;
	cursor:pointer;
	color: #663E00; }  
#CONTENT .menulinks a:hover, #CONTENT .menulinks a.active {
	background-image:url(images/menuhover.png);
	background-position:top left;
	text-decoration:none;
	color:#555555;}
#CONTENT .menulinks a:hover span, #CONTENT .menulinks a.active span {
   background: url(images/menuhoverright.png) right top no-repeat;
	text-decoration:none;}
#CONTENT .menulinks .BTN a{width:89px; height:28px; background-image:url(images/friendbtn.gif); 
float:right;font-size:12px; font-family:Arial; color:#666; text-align:center; line-height:28px;background-position:15px bottom; background-repeat:no-repeat;}
#CONTENT .menulinks .BTN a:hover{ background-position:15px top; }

#CONTENT .itsthetable table a:link {color: #CC6633; text-decoration:none;}
#CONTENT .itsthetable table a:visited {color: #CC6633;}
#CONTENT .itsthetable table a:hover {color: #999966;text-decoration: underline;}
#CONTENT .itsthetable table a:active {color: #CC6633;}
#CONTENT .itsthetable table a:focus{color: #CC6633;}

#CONTENT .itsthetable table caption {		
		padding: 18px 2px 15px 2px;
		color: #cfcfcf;
		background-color: inherit;
		font-weight: normal;
		text-align: centered;
		text-transform: capitalize;
		}
	#CONTENT .itsthetable table{
		margin:0px 0 40px 50px;
		border: 1px solid #D9D9D9;
		font-family:Arial;
	}
	#CONTENT .itsthetable table tr td{
		padding: 6px 9px;
		text-align:left;
		font-size:13px;
	}
	#CONTENT .itsthetable table thead th{
		background-color: #feffbd;
		border-bottom: 1px dashed #ccc;
		border-top: 1px solid #D9D9D9;
		font-weight: bold;
		text-align:left;
		padding: 16px 9px;
		color:# F00;
	}
	#CONTENT .itsthetable table tbody tr th{
		background-color: #fff;
		font-weight: normal;
		border-left: none;
		padding: 6px 9px;
		background-color: #E5E5D8;
	}
	#CONTENT .itsthetable table tbody td{
			border-bottom: 1px dashed #D9D9D9;
	}
	#CONTENT .itsthetable table tbody tr.odd{
		background-color: #F3F3F3;
	}
	
#CONTENT .itsthetable table tbody tr:hover {
	color: #333333;
	background-color: #feffbd;
}

#CONTENT .itsthetable table tbody tr.odd:hover {
	color: #333333;
	background-color: #E5E5D8;
}
	
	#CONTENT .itsthetable table tfoot td, #itsthetable table tfoot th{
		border-top: 1px  #ccc;
		font-weight:bold;
		color:#592C16;
		padding: 16px 9px;		
	}
	
#CONTENT .more a{ width:44px; height:17px; float:right; background-image:url(images/more.gif); text-indent:-9999px; margin:-35px 100px 0 0; }
#CONTENT .more a:hover{ margin:-33px 100px 0 0;}
#CONTENT .more a:active, a:focus{outline:none;}
/* 揪團文章標題資訊-------------------*/
#TOPLINK{ width:250px; height:30px; margin-bottom:10px; margin:0 10px 10px 400px;}
#TOPLINK a{width:auto; height:15px; background-image:url(images/button-hover.gif);float:left;  font-family: Arial; color:#C30; background-repeat:no-repeat; font-size:12px; line-height:15px; margin-right:10px; padding:0 0px 0 12px;}
#TOPLINK a:hover{ text-decoration:none; color:#930;}
#FRIEND_INSIDE{ margin:20px 0 0 50px; width:600px;}
#FRIEND_INSIDE table td{ line-height:16px; font-family:Arial; background-color: #EBEBEB; border-bottom:1px #C66 solid;}
#FRIEND_INSIDE table p{ font-size:12px;font-family:Arial;}
#FRIEND_INSIDE table h3{ font-size:12px; color: #333; font-weight:normal;font-family:Arial;}
#FRIEND_INSIDE table h4{ font-size:14px; color: #900; font-family:Arial;}
/* 揪團區文章內容-----------------------*/
#FRIEND_CONTENT{ margin-left:50px; padding:10px; width:578px; border-left:1px #E6E6E6 solid; border-right:1px #E6E6E6 solid; border-bottom:1px #E6E6E6 solid; word-break:break-all;}
#FRIEND_CONTENT p{ font-size:13px; font-family:arial;} 
#FRIEND_CONTENT .info{width:110px; float:right; font-size:12px; color: #333; margin:20px -10px 0 0;}
#FRIEND_CONTENT .info a{ font-size:12px; color: #C30; line-height:16px;}
#FRIEND_CONTENT .info2{width:200px;font-size:12px; color: #838383; margin:20px 0px 0px 0px;}
*+html #FRIEND_CONTENT .info2{ margin:20px 0px 0px 0px;}/* 解決IE8 7 6回應區塊位置移位-----------------------*/
#FRIEND_CONTENT .info2 a{ font-size:12px; color: #C30; line-height:16px;}

/* 揪團區回覆內容------------------------*/
#FRIEND_RECONMMENT{margin:10px 0 0 50px; width:580px; word-break:break-all; padding:0 20px; font-family:Arial; font-size:13px; color:#333;}
#FRIEND_RECONMMENT .respond {float:left; width:500px; margin-top:25px;}
#FRIEND_RECONMMENT .floor { font-size:12px; color:#333;}
#FRIEND_RECONMMENT .color {height:12px; padding:0 10px; color:#838383; font-size:12px;}
#RE{width:60px; height:20px; background-image:url(images/re.png);background-repeat:no-repeat;
line-height:21px; padding-left:20px; font-size:16px; font-weight:bold; color:#666; margin-top:}

/* 揪團區回覆框架-------------------------*/
#FRIEND_CONMMENT{margin:20px 0 40px 50px; width:600px; background-color: #FEFFDF;}
#FRIEND_CONMMENT h3{padding:0 20px; line-height:24px;font-size:16px; font-weight:normal; color: #602E00; font-family:arial; border-bottom:1px #F90 solid;}
#FRIEND_CONMMENT table{ margin:0 auto; font-size:12px; margin-top:10px;}
#FRIEND_CONMMENT table .commend{ background-color:#FFF; border:1px #999 solid; }
#FRIEND_CONMMENT table td{ border-bottom:#999 1px dotted; line-height:30px;}
#FRIEND_CONMMENT .btn{ display:block; width:89px; height:28px; background-image:url(images/friendbtn.gif); background-position:left bottom; font-size:12px; text-align:center; color:#333; text-decoration:none;}

/* 揪團區發表框架-------------------------*/
#FRIEND_DISTRIBUTE{width:600px; height:420px; margin:0 auto; background-color:#FFFFCC;}
#FRIEND_DISTRIBUTE h3{height:40px; background-color:#FF9933; color:#FFFFFF; font-size:16px; padding-left:16px; line-height:40px;}
#FRIEND_SOLID{padding:0;border-bottom:1px #FF9933 solid; margin:-13px 0 10px 0;*margin:4px 0 10px 0;}
#FRIEND_TITLE{margin:5px 16px; color:#663300; font-size:14px; font-weight:bold; height:14px; }
#FRIEND_SPACE{margin:5px 40px 5px 55px;*margin:5px 0px 5px 28px;height:200px; padding-top:10px;}
#FRIEND_CHECK{width:550px; margin:110px 0  5px 18px;*margin:45px 0  5px 18px;border-bottom:#333333 dotted 1px; height:40px; font-size:12px; line-height:40px;}
#FRIEND_SURE{margin:0 auto; height:30px; margin-left:200px;}
#FRIEND_SURE a{ float:left; display:block; width:89px; height:28px; background-image:url(images/friendbtn.gif); background-position:bottom left; font-size:12px; text-decoration:none;  color:#663300; line-height:28px; margin:0 auto; text-align:center;}
#FRIEND_SURE a:hover{background-position:top left; }
#FRIEND_CONMMENT .BLOCK{ width:500px; height:auto; padding:0 0 5px 42px;}
#FRIEND_SUREA a{ float:center; display:block; width:89px; height:28px; background-image:url(images/friendbtn.gif); background-position:bottom left; font-size:12px; text-decoration:none;  color:#663300; line-height:28px; margin:0 auto; text-align:center;}
#FRIEND_SUREA a:hover{background-position:top left; }

/* 配件區內頁列表
---------------------------------------------*/

#CONTENT .itsatable table a:link {color: #006699; text-decoration:none;}
#CONTENT .itsatable table a:visited {color: #006699;}
#CONTENT .itsatable table a:hover {color: #0099CC;text-decoration: underline;}
#CONTENT .itsatable table a:active {color: #006699;}
#CONTENT .itsatable table a:focus{color: #0099CC;}

	#CONTENT .itsatable table{
		margin:0px 0 40px 50px;
		border: 1px solid #D9D9D9;
		font-family:Arial;
	}
	#CONTENT .itsatable table tr td{
		padding: 6px 9px;
		text-align:left;
		font-size:13px;
	}


	#CONTENT .itsatable table tbody td{
			border-bottom: 1px dashed #D9D9D9;
	}

	
#CONTENT .itsatable table tbody tr:hover {
	color: #black;
	background-color: #feffbd;
}

#CONTENT .itsatable table tbody tr.odd:hover {
	color: #333333;
	background-color: #E5E5D8;
}
	
	#CONTENT .itsatable table tfoot td, #itsatable table tfoot th{
		border-top: 1px  #ccc;
		font-weight:bold;
		color:#592C16;
		padding: 16px 9px;		
	}


/* 綜合討論區內頁列表
---------------------------------------------*/

#CONTENT .thisisatable table a:link {color:#F90; text-decoration:none;}
#CONTENT .thisisatable table a:visited {color:#006400;}
#CONTENT .thisisatable table a:hover {color:#F90; text-decoration: underline;}
#CONTENT .thisisatable table a:active {color:#F90;}
#CONTENT .thisisatable table a:focus{color: #F90;}


	#CONTENT .thisisatable table{
		margin:0px 0 40px 50px;
		border: 1px solid #D9D9D9;
		font-family:Arial;
	}
	#CONTENT .thisisatable table tr td{
		padding: 6px 9px;
		text-align:left;
		font-size:13px;
	}


	#CONTENT .thisisatable table tbody td{
			border-bottom: 1px dashed #D9D9D9;
	}

	
#CONTENT .thisisatable table tbody tr:hover {
	color: #black;
	background-color: #feffbd;
}

#CONTENT .thisisatable table tbody tr.odd:hover {
	color: #333333;
	background-color: #E5E5D8;
}
	
	#CONTENT .thisisatable table tfoot td, #thisisatable table tfoot th{
		border-top: 1px  #ccc;
		font-weight:bold;
		color:#79C804;
		padding: 16px 9px;		
	}
*+html #CONTENT .imgsetup{ width:150px; height:150px;}
/* ---- 頁尾 ---- */


#FOOTER {
	background-color: #000000;
	clear:both;
	_width:100%;
}
#FOOTER h2, #FOOTER p {
text-align:center;
	font-size: 12px;
	padding:5px 20px;
	font-family: Arial;
	color: #FFFFFF;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* ----隱藏討論區-----*/

#SUB_TOP2{ width:210px; height:165px; background-image:url(images/SUBTOP.gif); background-repeat:no-repeat; font-size:14px; padding-left:20px; color:#333; font-family:Arial; margin-bottom:5px;}
#SUB_TOP2 h3{
height:22px;
padding:5px 0px;
font-size:16px;
font-family:Arial;
line-height:25px;
color: #630;}
#SUB_TOP2 a{ display:block; width:150px; height:15px; line-height:15px; font-size:12px; color: #F30; margin-left:10px;}
#SUB_TOP2 .font{ width:150px; height:12px; font-size:12px; color: #F00; margin:5px 0;}

#SUB_TOP3{ width:210px; height:400px; background-image:url(images/SUBTOP2.gif); background-repeat:no-repeat; font-size:14px; padding-left:20px; color:#333; font-family:Arial; margin-bottom:5px;}
#SUB_TOP3 h3{
height:22px;
padding:5px 0px;
font-size:16px;
font-family:Arial;
line-height:25px;
color: #630;}
#SUB_TOP3 a{ display:block; width:150px; height:8px; line-height:15px; font-size:12px; color: #F30; margin-left:10px;}
#SUB_TOP3 .font{ width:140px; height:20px; font-size:10px; color: #F30; margin:5px 0;}

#FRIEND_CONTENT .info1{width:50px; float:right; font-size:12px; color: #333; margin:20px -10px 0 0;}
#FRIEND_CONTENT .info1 a{ font-size:12px; color: #C30; line-height:16px;}
#ACTIVE img{ text-align:center; margin:0 20px;}