body 	{	margin-top: 0px;}
a:link	{	text-decoration: none;	}
a:hover	{	text-decoration: underline;	}
a:active{	text-decoration: none;	}
a:visited {	text-decoration: none;	}

.hp1:link    {font-size: 12px;text-decoration: none;color: #46AAEC;}
.hp1:visited {font-size: 12px;text-decoration: none;color: #46AAEC;}
.hp1:hover   {font-size: 12px;text-decoration: underline;color: #0F6CA8;}
.hp1:active  {font-size: 12px;text-decoration: none;color: #46AAEC;}
.hp2:link    {font-size: 12px; text-decoration: none; color: #FFFFFF;}
.hp2:visited {font-size: 12px; text-decoration: none; color: #FFFFFF;}
.hp2:hover   {font-size: 12px; text-decoration: underline; color: #999999;}
.hp2:active  {font-size: 12px; text-decoration: none; color: #FFFFFF;}
.hp3:link    {font-size: 12px;text-decoration: underline;color: #009900;}
.hp3:visited {font-size: 12px;text-decoration: none;color: #009900;}
.hp3:hover   {font-size: 12px;text-decoration: underline;color: #666666;}
.hp3:active  {font-size: 12px;text-decoration: none;color: #009900;}
.hp4:link    {font-size: 12px;text-decoration: underline;color: #5614A0;}
.hp4:visited {font-size: 12px;text-decoration: none;color: #5614A0;}
.hp4:hover   {font-size: 12px;text-decoration: underline;color: #5614A0;}
.hp4:active  {font-size: 12px;text-decoration: none;color: #5614A0;}
.red:link    {font-size: 12px;text-decoration: underline;color: #FF0000;}
.red:visited {font-size: 12px;text-decoration: none;color: #FF0000;}
.red:hover   {font-size: 12px;text-decoration: underline;color: #FF0000;}
.red:active  {font-size: 12px;text-decoration: none;color: #FF0000;}
.hp5:link    {font-size: 12px;text-decoration: none;color: #666666;}
.hp5:visited {font-size: 12px;text-decoration: none;color: #666666;}
.hp5:hover   {font-size: 12px;text-decoration: underline;color: #666666;}
.hp5:active  {font-size: 12px;text-decoration: none;color: #666666;}

body {
	margin-top: 0px;
	/*font-family:"Ó©","Airal";*/
	font-size:12px;
	background-color: #CBEFFF;
}
.copyright {
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #999999;
	text-decoration: none;
	text-align: center;
}
form {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #666666;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	/*text-align: center;*/
}
td {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #666666;

}

.ballot {
	font-size: 12px;
	line-height: 18px;
	color: #1795E8;
	text-align: center;
}
.New_action {
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #2889A6;
	text-align: center;
}
.page {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
}
.Brochure {
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	color: #333333;
	text-align: center;
}
.saleNT {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #CC0000;
}
.orignal {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #666666;
	text-decoration: line-through;
}
.BKname1 {
	font-size: 13px;
	line-height: 19px;
	font-weight: normal;
	color: #007BC2;
}
a:link {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #999999;
	text-decoration: underline;
}
a:visited {
	color: #666666;
}
.allType {
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	text-transform: none;
	color: #666666;
	text-align: left;
}
.bold {
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #666666;
}
.topNO {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0066CC;
	text-align: center;
}
.number {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
}
.BKname2 {

	font-size: 16px;
	line-height: 19px;
	font-weight: bold;
	color: #007BC2;
}
.newsHD {
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-align: left;
}
.more {
	font-size: 12px;
	font-weight: normal;
	color: #FF6600;
}
.talkHD {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0C7ECA;
}
.inHD {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.inBD {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-align: left;
}
.inTD {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-align: center;
}
.in {
	font-size: 12px;
	font-weight: normal;
	color: #009900;
	text-align: left;
}
.inbk {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-align: center;
}
.point {
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0092B3;
	text-align: justify;
}
.linktype {
	font-size: 12px;
	font-weight: normal;
	color: #CC3300;
	text-decoration: underline;
}
.pointHD {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.hotPoint {
	font-size: 12px;
	font-weight: normal;
	color: #CC3300;
}
.Q {
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
}
.QList {
	color: #0066CC;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
marquee {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
.top10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003F80;
}
.HBtopW {
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}
.money {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #333333;
}
.allType2 {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #666666;
}
.moneyDEL {
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: line-through;
}
.data {
	font-size: 15px;
	font-weight: normal;
	color: #003399;
	text-align: center;
}
.top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}
.red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C31E00;
}
#foot {
    color: #999999;
	font-weight: normal;
	text-align: center;
}
.whoami	{	DISPLAY: none ;	}

/*		Eshop CSS Tag, Add by: Alex, Add In: 2007/1/15		*/

.LINE_TABLE 	{TEXT-DECORATION:NONE; BORDER:2PX DOTTED #08C7EF;}
.DATE 			{FONT-SIZE:12PX; LETTER-SPACING:1PX; LINE-HEIGHT:16PX;}
.TABLECLASS 	{BACKGROUND:TRANSPARENT;}
.TABLECAPTION	{FONT-SIZE:12PX; BACKGROUND:#08C7EF URL(http://www.handbox.com.tw/eshop/pic/caption00.png) repeat;}
.TABLE_BAR 		{BACKGROUND:#08D3FF; FONT-WEIGHT:BOLD; FONT-SIZE:12PX; TEXT-DECORATION:NONE; TEXT-ALIGN:LEFT;}

.XXX_SEARCH_LINE    {BACKGROUND:#08C7EF; COLOR:#666666; FONT-SIZE:12PX; TEXT-DECORATION:NONE; BORDER:2PX DASHED #999966}
.XXX_SEARCH_LINE2   {BACKGROUND:#FFFFFF; COLOR:#000000; FONT-SIZE:12PX; TEXT-DECORATION:NONE; }
.TR1 			{BACKGROUND:#CEEFFF; TEXT-ALIGN: LEFT;}
.TR2 			{BACKGROUND:#FFFFFF; TEXT-ALIGN: LEFT;}
.CSS_TA_LEFT	{TEXT-ALIGN: LEFT;}
.CSS_TA_RIGHT	{TEXT-ALIGN: RIGHT;}

.CSS_C_GRAY		{BACKGROUND: #C3C3C3;}

.CSS_FONT24		{FONT-SIZE:  24PX;}
.CSS_FONT20		{FONT-SIZE:  20PX;}
.CSS_FONT18		{FONT-SIZE:  18PX;}
.CSS_FONT16		{FONT-SIZE:  16PX;}
.CSS_FONT14		{FONT-SIZE:  14PX;}

/* ¤å¶¹Ïªº CSS */
img.right { border:1px solid gray; padding:0.5em; margin-bottom:5px; margin-left:10px; float:right; }
img.left  { border:1px solid gray; padding:0.5em; margin-bottom:5px; margin-right:10px; float:left; }

.FIELDCLASS		{
	FONT-STYLE:NORMAL; FONT-SIZE:12PX; TEXT-DECORATION:NONE; 
	/*BACKGROUND:   		#FFFFFF;*/ 
	BORDER-BOTTOM:2PX SOLID #08D3FF;
	BORDER-LEFT:  2PX SOLID #08D3FF;
	BORDER-RIGHT: 2PX SOLID #08D3FF;	
	}

.USERDATA_TB	{
	BACKGROUND:#08C7EF; 
	FONT-STYLE:NORMAL; FONT-SIZE:12PX; TEXT-DECORATION:NONE; 
	BORDER:2PX DOTTED  #08C7EF;
	}
	
/* Widget: Input slider CSS */
.FORM_WIDGET_AMOUNT_SLIDER	{
	BORDER-TOP:   1PX SOLID #000000;
	BORDER-LEFT:  1PX SOLID #000000;
	BORDER-BOTTOM:1PX SOLID #000000;
	BORDER-RIGHT: 1PX SOLID #000000;
	BACKGROUND-COLOR:#F0EDE0;
	HEIGHT:3PX;
	POSITION:ABSOLUTE;
	BOTTOM:0PX;
	}

/* Widget: Input Calendar CSS */
.DYNCALENDAR_HEADER		{
	FONT-FAMILY: ARIAL, VERDANA, HELVETICA, SANS-SERIF;
	FONT-SIZE: 10PT;
	FONT-WEIGHT: BOLD;
	}
	
.DYNCALENDAR_DAYNAME	{
	BACKGROUND-COLOR: #EEEEEE;
	BORDER: 1PX SOLID #C0C0C0;
	FONT-FAMILY: ARIAL, VERDANA, HELVETICA, SANS-SERIF;
	FONT-SIZE: 8PT;
	TEXT-ALIGN: CENTER;
	}
	
.DYNCALENDAR_DAY		{
	BACKGROUND-COLOR: #EEEEEE;
	COLOR: #000000;
	FONT-FAMILY: ARIAL, VERDANA, HELVETICA, SANS-SERIF;
	FONT-SIZE: 8PT;
	}
	
.DYNCALENDAR_TODAY		{
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1PX SOLID #C0C0C0;
	FONT-FAMILY: ARIAL, VERDANA, HELVETICA, SANS-SERIF;
	FONT-SIZE: 8PT;
	}
	
.DYNCALENDAR			{
	BACKGROUND-COLOR: #C0C0C0;
	BORDER: 2PX OUTSET WHITE;
	VISIBILITY: HIDDEN;
	POSITION: ABSOLUTE;
	TOP: 1PX;
	LEFT: 1PX;
	}