td,option,select {font-family:新細明體;font-size:9pt}
textarea {font-size:9pt;font-family:新細明體}
input { font-size: 12px}
A:link {text-decoration: none; color: blue; }
A:visited {text-decoration: none; color: green; }
A:active {text-decoration: none; background: yellow; color: red; }
A:hover {text-decoration: UNDERLINE; color: red; }

body{
	font-family:新細明體;
	font-size:9pt;
	margin:3px auto;
	min-width:990px;
	width:990px;
	padding:3px 0 3px 0;
}

.on {
}
.off {
	DISPLAY: none
}
.highlight {
	background-color: #ffff66
}

a img {
	border:0;
}
.body_border{
	margin:0;
	min-width:990px;
	width:990px;
	padding:3px 0 3px 0;
	border:1px solid #EEEEEE;
}
#search_bar{
	margin:0;
	min-width:990px;
	width:990px;
	padding:0 0 3px 0;
	background:#FFFFFF;
	border:1px solid #EEEEEE;
	border-top:0px;
	border-bottom:0px;
}
#all_body{
	margin:0;
	min-width:990px;
	width:990px;
	padding:3px 0 3px 0;
}
/*-----------------------home_class_tab-------------------*/
#home_class_tab{
    float:left;
	width:755px;
	margin:0;
	padding:0;
	/*border:1px solid red;*/
}

.home_class_l{
    float:left;
	background-color: #FFF;
	margin:10px 1px 1px 0;
	/*border:1px solid red;*/
	width:375px;
}

.home_class_r{
    float:left;
	background-color: #FFF;
	margin:10px 0 1px 1px;
	/*border:1px solid red;*/
	width:375px;
}

.tab_class1 {
    float:left;
	height:30px;
	margin:0;
	padding:0;
	/*background:url(../images/tab_bg_li.gif) bottom  no-repeat;*/
	width:375px;
	list-style-type:none;
}

.tab_class1 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_a.jpg) no-repeat;
	width:112px;
	text-align:center;
	color:#333333;
}
.tab_class1 li.tab_current {
	width:112px;
	margin:0 2px 0 0;
	background: url(../images/tab_title6.gif) no-repeat;
	text-align:center;
	color: #fff;
}

.tab_class2 {
    float:right;
	height:30px;
	margin:0;
	padding:0;
	/*background:url(../images/tab_bg_li.gif) bottom  no-repeat;*/
	width:375px;
	list-style-type:none;
}

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

/*----------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------商品說明DIV----------------------*/
.show_intro {width: 550px;border: 0; background: url(/images/green_bottom.gif) no-repeat bottom; padding-bottom: 47px; text-align: left;}
.show_intro h3 {background: url(/images/green_top.gif) no-repeat top; color: #4A48C5; margin:6px 0 0;padding: 30px 0 20px 40px;font-size: 12px; font-family: arial, 新細明體;}
.show_intro div {background: url(/images/green_m.gif) repeat-y; width: 100%;height:100%;}
.show_intro div img {float: left; margin: 0 20px 20px 40px;}
.show_intro div p {margin: 0 40px 0 40px; line-height: 130%;}
.show_intro span {clear:left;float: right; margin: 0 10px 0 0; cursor:pointer;}
.show_intro strong {clear:left;display: block;;margin-top:6px;margin-left: 45px; color: #F00; font-weight: bold; font-size: 16px; font-family: arial, 新細明體;}
/*------------------------------------------------------------------------------------商品說明DIV----------------------*/

.file_text {
	color:#000;
	font-family:"Microsoft YaHei",微軟正黑體,新細明體,Verdana;
	font-size:11pt;
}

#home_class_promote {
	width:767px;
	float:left;
	margin:0 0 0 3px;
	padding:0;
}

#animatedtabs_div {
float: left;
margin: 0;
padding: 0;
}

.animatedtabs{
float: left;
overflow: hidden;
width: 376px;
font-size: 14px; /*font of menu text*/
}


.animatedtabs ul{
float: left;
list-style-type: none;
margin: 0;
overflow: hidden;
padding: 0;
width: 376px;
height:28px;
}

.animatedtabs li{
float: left;
/*top: 5px;  1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(/images/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;
cursor:pointer;
height:28px;
}

.animatedtabs li span{
float: left;
display: block;
background: url(/images/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-family:"Microsoft YaHei",微軟正黑體,新細明體,Verdana;
font-size:11pt;
color: #000;
line-height:20px;
}

.animatedtabs .promote_txt {
background: none;
float: left;
color: #F00;
text-align: left;
overflow: hidden;
/*font-family: arial, 新細明體;*/
/*font-size: 16px;*/
/*font-weight: bold;*/
font-family:"Microsoft YaHei",微軟正黑體,新細明體,Verdana;
font-size:11pt;
margin:6px 0 0px 1px;
padding: 0;
width:150px;
height:20px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .tab_current {
background-position: 0 -125px;
top: 0;
}

.animatedtabs .tab_current span{
background-position: 100% -125px;
color: #000;
/*padding-bottom: 8px; 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
/*padding-bottom: 8px; 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.promotion_cont_class {
	float:left;
	margin:0;
	padding:0;
	width:373px;
	border: 1px solid #dbdada;
}

.promotion_board_line {
	border-left:1px solid #DBDADA;
	display:block;
	float:left;
	height:300px;
	margin:10px 0;
	width:1px;
}
.promotion_1board {width: 170px; float: left; margin:0 5px 5px;height:314px;}
.promotion_1board h3, .promotion_1board img, .promotion_1board p {margin: 10px 0 0; padding: 0;}
.promotion_1board h3 {height: 9px;}
.promotion_1board h3 span {display: none;}
.promotion_1board .prdimg {text-align: center; height: 130px;}
.promotion_1board .prdname {font-size: 12px; font-family: arial, 新細明體; margin: 8px 8px; line-height: 16px; height: 46px; overflow: hidden; color: #505050;text-align: left;}
.promotion_1board .ad_txt {font-size: 12px; font-family: arial, 新細明體; color: blue; font-weight: bold; margin: 1px 0 1px 8px; line-height: 14px; height: 40px; overflow: hidden;text-align: left;}
.promotion_1board .prdprice {color: #F00; font-weight: bold; font-size: 16px; text-align: right; font-family: arial, 新細明體; padding: 0 9px 9px; height: 12px;}
.promotion_1board span img {
	float: left;
	margin:2px 0 0 2px;
	CURSOR: pointer;
}

.promotion_2board {width: 180px; float: left; margin:0 5px 5px;}
.promotion_2board h3, .promotion_2board img, .promotion_2board p {margin: 0; padding: 0;}
.promotion_2board h3 {height: 9px;}
.promotion_2board h3 span {display: none;}
.promotion_2board .prdimg {text-align: center; height: 120px;}
.promotion_2board .prdname {font-size: 12px; font-family: arial, 新細明體; margin: 8px 8px; line-height: 16px; height: 46px; overflow: hidden; color: #505050;text-align: left;}
.promotion_2board .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;}
.promotion_2board .prdprice {color: #F00; font-weight: bold; font-size: 16px; text-align: right; font-family: arial, 新細明體; padding: 0 9px 9px; height: 12px;}
.promotion_2board span img {
	float: left;
	margin:2px 0 0 15px;
	CURSOR: pointer;
}
/*----------------------------------------------------------------------棋盤式-------------------*/
.chessboard {width: 172px; float: left; background: url(/images/middle.gif) repeat-y; margin:0 5px 5px;}
.chessboard h3, .chessboard img, .chessboard p {margin: 0; padding: 0;}
.chessboard h3 {height: 9px; background: url(/images/top.gif) no-repeat;}
.chessboard h3 span {display: none;}
.chessboard .prdimg {text-align: center; height: 120px;}
.chessboard .prdname {
	font-size: 12px;
	font-family: arial, 新細明體;
	margin: 4px 4px;
	/*line-height: 16px;*/
	/*height: 62px;*/
	overflow: hidden;
	color: #505050;
	text-align: left;
	}
.chessboard .ad_txt {
	font-size: 12px;
	font-family: arial, 新細明體;
	color: blue;
	font-weight: bold;
	margin: 1px 0 1px 8px;
	line-height: 14px;
	height: 28px;
	overflow: hidden;
	text-align: left;
	}
.chessboard .prdprice1 {
	color: #F00;
	font-weight: bold;
	/*font-size: 16px;*/
	text-align: right;
	font-family: arial, 新細明體;
	/*padding: 0 6px 2px;*/
	background: url(/images/bottom.gif) no-repeat bottom;
	/*height: 9px;
	}
.chessboard .prdprice {
	color: #F00;
	font-weight: bold;
	/*font-size: 16px;*/
	text-align: right;
	font-family: arial, 新細明體;
	/*padding: 0 6px 2px;*/
	background: url(/images/bottom.gif) no-repeat bottom;
	height: 9px;
	}
/*----------------------------------------------------------------------棋盤式-------------------*/

#key_title {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top:2px;	
	padding: 0 6px;
	white-space: nowrap;
	font-weight: bold;
	text-decoration: underline;
}
.key_line {
	padding: 0;
	line-height: 16px;
	font-size: 12px;
	margin-top: 2px;
}
.key_text {
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #0000FF;
	font-weight: normal;
	text-decoration: underline;
	white-space: nowrap;
	text-align:left;
}

#key_title1 {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top:2px;
	white-space: nowrap;
	font-weight: bold;
	text-decoration: underline;
}

#showimage{
position:absolute;
visibility:hidden;
border: 2px dotted black;
background-color:white;
width:200px;
}
#showimage img{
	cursor:pointer;
}
#dragbar{
cursor: hand;
cursor: pointer;
background-color: #EFEFEF;
min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext{
font-weight: bold;
margin-right: 1px;
}

.tips{
	position:absolute;
	visibility:hidden;
	width:460px;
	font-family:微軟正黑體;
	font-size:12px;
	color:#666;
	text-align: left;
	background:#F0FFF0;
	border:#360 1px dotted;
	padding:6px;
	}
	
.blankbutton {
	font-family: 新細明體, 細明體;
	font-size: 12;
	color: #000000;
                background-color: WHITE;
                background-image: url('/pic/blankbutton.gif'); 
                border: 0px none; 
                width: 59px; 
                height: 22px
}
.blankbuttonwide {
	font-family: 新細明體, 細明體;
	font-size: 12;
	color: #000000;
                background-color: WHITE;
                background-image: url('/pic/blankbuttonwide.gif'); 
                border: 0px none; 
                width: 85px; 
                height: 22px
}

.blankbuttonwide_b {
	font-family: 新細明體, 細明體;
	font-size: 12;
	color: blue;
                background-color: WHITE;
                background-image: url('/pic/blankbuttonwide.gif'); 
                border: 0px none; 
                width: 85px; 
                height: 22px
}

.button{
	font-family: 新細明體, 細明體;
	font-size: 12;
	color: #000000;
                background-color: WHITE;
                background-image: url('/pic/blankbutton.gif'); 
                border: 0px none; 
                width: 59px; 
                height: 22px
}

.button_red{
	font-family: 新細明體, 細明體;
	font-size: 12;
	color: red;
                background-color: WHITE;
                background-image: url('/pic/blankbutton.gif'); 
                border: 0px none; 
                width: 59px; 
                height: 22px
}

.button_blue{
	font-family: 新細明體, 細明體;
	font-size: 12;
	color: blue;
                background-color: WHITE;
                background-image: url('/pic/blankbutton.gif'); 
                border: 0px none; 
                width: 59px; 
                height: 22px
}

.button_gray{
	font-family: 新細明體, 細明體;
	font-size: 12;
	color: #505050;
                background-color: WHITE;
                background-image: url('/pic/blankbutton.gif'); 
                border: 0px none; 
                width: 59px; 
                height: 22px
}

.button_green{
	font-family: 新細明體, 細明體;
	font-size: 12;
	color: green;
                background-color: WHITE;
                background-image: url('/pic/blankbutton.gif'); 
                border: 0px none; 
                width: 59px; 
                height: 22px
}
.btxt {
        font-family: arial;
	font-size: 12px;
	text-decoration: none;
}

.basic_btn_clk{
background-color: gray;	color: white;
text-decoration: none;
padding: 2px;
border-top: solid 1px #d0d0d0;
border-left: solid 1px #d0d0d0;
border-bottom: solid 1px black;
border-right: solid 1px black;	font-size: 110%;
}

.basic_btn{
background-color: #e0e0e0;
color: Black;text-decoration: none;
padding: 2px;border-top: solid 1px #f0f0f0;
border-left: solid 1px #f0f0f0;
border-bottom: solid 1px gray;
border-right: solid 1px gray;
font-size: 100%;
}
.eLink {text-decoration: none;border-bottom: 1px dotted #03C;}
.ad_txt {font-weight: bold; font-size: 15px;}
.f3_1 { font-family: 新細明體, 細明體; font-style: normal; font-size: 11pt;  line-height: 130%;}
.txt3 { font-family: 細明體, 新細明體; font-style: normal; font-size: 11pt;  line-height: 130%;}
.small1113 { font-family: 細明體, 新細明體; font-style: normal; font-size: 11pt;  line-height: 130%;}
.f11 {  font-size: 11pt; color: #666666; line-height: 19px; font-family: 新細明體}
.f1 {font-size:9pt;font-family:新細明體;line-height: 14pt}
.f2 {font-size:9pt;font-family:新細明體}
.f10 {font-size:11pt;font-family:新細明體}
.f2b{font-size:9pt;font-weight:bold;font-family:新細明體}
.f3  {font-family:微軟正黑體,新細明體;font-size:12pt}
.f3b{font-size:12pt;font-weight:bold;font-family:新細明體}
.f4 {font-size:14pt;font-family:新細明體}
.f4b{font-size:14pt;font-weight:bold;font-family:新細明體}
.f5 {font-size:16pt;font-family:新細明體}
.f5b {font-size:16pt;font-weight:bold;font-family:新細明體}
.f6 {font-size:18pt;font-family:新細明體}
.f6b {font-size:18pt;font-weight:bold;font-family:新細明體}
.f7 {font-size:20pt;font-family:新細明體}
.f7b {font-size:20pt;font-weight:bold;font-family:新細明體}
.frametitle{FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #faf7e2; FONT-FAMILY: MS Sans Serif,microsoft sans serif,arial,tahoma,verdana; TEXT-DECORATION: none}
.content{FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: MS Sans Serif,microsoft sans serif,arial,tahoma,verdana; TEXT-DECORATION: none}
.table1 {border: 1px solid #DADADA;background-color: #FFFFEF;}
.text {color: #000000; font-size: 11pt; line-height: 150%; font-weight: 120%; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; clip:     rect(auto auto auto auto); left: auto; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px}
.time_version {  font-family: "Courier New", "Courier", "mono"; font-size: 12px; line-height: 20px; color: #999999}
.alpah {filter: alpha(opacity=28)}
.shadow1 { font-size: 12px; filter:dropshadow(color=#000000,offx=1,offy=1);color:#ffffff;}
.shadow2 { font-size: 12px; filter:dropshadow(color=#d5d5d5,offx=1,offy=1);color:#000000;}
.nolink {text-decoration:none}
.fixedsys{font-family:fixedsys}
.verdana{font-family:tahoma,新細明體;font-size:10pt;line-height: 13pt}
.tahoma{font-family:tahoma,新細明體;font-size:10pt;line-height: 13pt}
.tahoma9{font-family:tahoma,新細明體;font-size:9pt;line-height: 12pt}
.tahoma8{font-family:tahoma,新細明體;font-size:8pt;line-height: 11pt}
.g{font-family:arial,新細明體,verdana,tahoma;font-size:12px;color:0000FF}
.g_b{font-family:arial,新細明體,verdana,tahoma;font-size:12px;color:000;font-weight:bold}
.v{font-family:微軟正黑體,verdana,tahoma,新細明體;font-size:10pt}
.v2{font-family:verdana,tahoma,新細明體;font-size:9pt}
.v1{font-family:verdana,Arial Black,新細明體;font-size:10pt}
.v9{font-family:verdana,tahoma,新細明體;font-size:9pt}
.v8{font-family:verdana,tahoma,新細明體;font-size:8pt}
.v13{font-family:verdana,tahoma,新細明體;font-size:13pt}
.price {FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #cc0000; FONT-FAMILY: "Times New Roman", "Times", "serif"}
.input{border:1 solid black;background-color:white}
.member {font-size:9pt;  letter-spacing: 3pt; line-height: 13pt}
.td {font-size: 9pt;line-height:13pt;text-decoration: none}
.allservice {font-family:tahoma,新細明體;font-size:9pt;line-height: 12pt;color:f7f7f7}