body {
	color: #000000;
	background-color: #ffffff;
	background-image: url(../images/index/ws-bg.jpg);
	background-repeat: repeat-x;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: normal;
}
.title_24 
{font-size : 24px; 
 line-height:normal; 
 font-weight: normal;
 font-family: Verdana, Arial, Sans-serif,  taipei;
 color : #000000;}
 
 .title_15
{font-size : 22px; 
 line-height:normal; 
 font-weight: normal;
 font-family: Verdana, Arial, Sans-serif,  taipei;
 color : #666666;}


.word_1 
{
	font-size : 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Sans-serif,  taipei;
	color : #333333;
	text-decoration: none;
	line-height: 20px;
}

.word_1-1 
{
	font-size : 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Sans-serif,  taipei;
	color : #333333;
	text-decoration: none;
	line-height: 20px;
}


.word_2 
{
	font-size : 11px;
	font-weight: normal;
	font-family: Verdana, Arial, Sans-serif,  taipei;
	color : #999999;
	text-decoration: none;
	line-height: 15px;
}

.word_3
{
	font-size : 15px;
	font-weight: bold;
	font-family: Verdana, Arial, Sans-serif,  taipei;
	color : #000000;
	text-decoration: none;
	line-height: 18px;
}

.word_4 
{
	font-size : 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Sans-serif,  taipei;
	color : #ffffff;
	text-decoration: none;
	line-height: 20px;
}

.word_5 
{
	font-size : 11px;
	font-weight: normal;
	font-family: Verdana, Arial, Sans-serif,  taipei;
	color : #333333;
	text-decoration: none;
	line-height: 15px;
}

.word_6 
{
	font-size : 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Sans-serif,  taipei;
	color : #33CCFF;
	text-decoration: none;
	line-height: 15px;
}

.button_01
{color : #FFFFFF;
 text-decoration: none;
 font-size : 13px; 
 line-height:20px; 
 font-weight: bold;
 font-family: Verdana;
 }
.button_01 A:link    {
   color: #FFFFFF; 
   text-decoration: none; 
   font-size : 13px; 
   line-height:20px; 
   font-weight: bold; 
   font-family: Verdana;}
.button_01 A:visited {
   color: #FFFFFF;
   text-decoration: none; 
   font-size : 13px; 
   line-height:20px; 
   font-weight: bold; 
   font-family: Verdana;}
.button_01 A:hover   {
   color: #00FFFF; 
   text-decoration: none;      
   font-size : 13px; 
   line-height:20px; 
   font-weight: bold; 
   font-family: Verdana;}
 
.button_02
{color : #FFFFFF;
 text-decoration: none;
 font-size : 12px; 
 line-height:18px; 
 font-weight: bold;
 font-family: Verdana;
 }
.button_02 A:link    {
   color: #FFFFFF; 
   text-decoration: none; 
   font-size : 12px; 
   line-height:18px; 
   font-weight: bold; 
   font-family: Verdana;}
.button_02 A:visited {
   color: #FFFFFF;
   text-decoration: none; 
   font-size : 12px; 
   line-height:18px; 
   font-weight: bold; 
   font-family: Verdana;}
.button_02 A:hover   {
   color: #F9E706; 
   text-decoration: none;      
   font-size : 12px; 
   line-height:18px; 
   font-weight: bold; 
   font-family: Verdana;}

.product_bt
{color : #003366;
 text-decoration: none;
 font-size : 12px; 
 line-height:18px; 
 font-weight: bold;
 font-family: Verdana;
 }

.product_bt A:link    {
   color: #003366; 
   text-decoration: none; 
   font-size : 12px; 
   line-height:18px; 
   font-weight: bold; 
   font-family: Verdana;}

.product_bt A:visited {
   color: #003366;
   text-decoration: none; 
   font-size : 12px; 
   line-height:18px; 
   font-weight: bold; 
   font-family: Verdana;}

.product_bt A:hover   {
   color: ##00ccff; 
   text-decoration: none;      
   font-size : 12px; 
   line-height:18px; 
   font-weight: bold; 
   font-family: Verdana;}
   
.product_12
{color : #333333;
 text-decoration: none;
 font-size : 12px; 
 line-height:14px; 
 font-weight: normal;
 font-family: Verdana;
 }

.product_12 A:link    {
   color: #333333; 
   text-decoration: none; 
   font-size : 12px; 
   line-height:14px; 
   font-weight: normal; 
   font-family: Verdana;}

.product_12 A:visited {
   color: #333333;
   text-decoration: none; 
   font-size : 12px; 
   line-height:14px; 
   font-weight: normal; 
   font-family: Verdana;}

.product_12 A:hover   {
   color: ##00ccff; 
   text-decoration: none;      
   font-size : 12px; 
   line-height:14px; 
   font-weight: normal; 
   font-family: Verdana;}


.mail
{color : #0066cc;
 text-decoration: underline;
 font-size : 11px; 
 line-height:14px; 
 font-weight: normal;
 font-family: Verdana;
 }

.mail A:link    {
   color: #0066cc; 
   text-decoration: underline; 
   font-size : 11px; 
   line-height:14px; 
   font-weight: normal; 
   font-family: Verdana;}

.mail A:visited {
   color: #0066cc;
   text-decoration: underline; 
   font-size : 11px; 
   line-height:14px; 
   font-weight: normal; 
   font-family: Verdana;}

.mail A:hover   {
   color: #0066cc; 
   text-decoration: none;      
   font-size : 11px; 
   line-height:14px; 
   font-weight: normal; 
   font-family: Verdana;}


/* link colors Start Here*/ 
/* the explicit class link color assignments are needed for NN4 */

A:link    {
	color: #666666;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	text-decoration: none;
}
A:visited {
	color: #666666;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	text-decoration: none;
}
A:active  {
	color: #666666;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	text-decoration: none;
}
A:hover   {
	color: #FF0000;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
}

/* link colors End Here*/

.Other_Piston
{color : #0066FF;
 text-decoration: underline;
 font-size : 12px; 
 line-height:14px; 
 font-weight: normal;
 font-family: Verdana;
 }
.Other_Piston A:hover   {
   color: #0066FF; 
   text-decoration: none;      
   font-size : 12px; 
   line-height:14px; 
   font-weight: normal; 
   font-family: Verdana;}


.more
{color : #FF0000;
 text-decoration: underline;
 font-size : 12px; 
 line-height:14px; 
 font-weight: normal;
 font-family: Verdana;
 }
.more A:hover   {
   color: #FF0000; 
   text-decoration: none;      
   font-size : 12px; 
   line-height:14px; 
   font-weight: normal; 
   font-family: Verdana;}


.mail
{color : #0066cc;
 text-decoration: underline;
 font-size : 11px; 
 line-height:14px; 
 font-weight: normal;
 font-family: Verdana;
 }

.mail A:link    {
   color: #0066cc; 
   text-decoration: underline; 
   font-size : 11px; 
   line-height:14px; 
   font-weight: normal; 
   font-family: Verdana;}

.mail A:visited {
   color: #0066cc;
   text-decoration: underline; 
   font-size : 11px; 
   line-height:14px; 
   font-weight: normal; 
   font-family: Verdana;}

.mail A:hover   {
   color: #0066cc; 
   text-decoration: none;      
   font-size : 11px; 
   line-height:14px; 
   font-weight: normal; 
   font-family: Verdana;}





/* layout
   ------ */

.content { 
	margin: 0 auto;
	width: 780px;
	padding: 10px; 
}

.header { 
	height: 55px;
	background: #eee;
	color: #808080;
	margin: 3px 0;
	padding: 10px 0 0 0;
	border-bottom: 1px solid #ccc;
}

.top_info {
	float: right;
	width: 555px;
	padding: 5px 0 4px 0;
	border-bottom: 1px solid #eee;
	background: #eee;
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

	.top_info_left {
		width: 200px;
		float: left;
	}

	.top_info_right {
		float: right;
		width: 290px;
		padding: 0 0 0 35px;
		border-left: 1px solid #eee;
	}

.browse_category  {
	font-size: 0.9em;
	width: 190px;
	color: #FFF;
	background: inherit;
}



.search_field { 
	background: #fff url(../css/searchbg.gif) no-repeat right; 
	color: #808080;
	clear: both;
	font-weight: bold;
	padding: 7px 25px 10px 10px;
	margin: 5px 0;
}

.grey {
	color: #808080;
	background: inherit;
	font-weight: normal;
}

.search_form { float: right; }

.subheader {
	margin: 0px 0 10px 0;
	border-bottom: 1px solid #eee;
	padding: 5px 0 5px 0;
	background: #dbdbdb;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* left side
   --------- */

.left {
	float: left;
	width: 251px;
	background-image: url(../images/index/ws-left-bg.jpg);
	background-repeat: repeat-y;
	margin: 0;
}

.left h3 {
	clear: both;
	padding: 7px 0 7px 5px;
	margin: 0 0 0px 0;
	font-size: 1em;
	font-weight: bold;
}
.left_articles {
	background-image: url(../images/index/ws-member-bg.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top: 20px;
	font-size: 12px;
	color: #666756;
	height: 160px;
	margin-left: 5px;
	margin-top: 0px;
}

.left_search{
	background-image: url(../images/index/ws-search-bg.jpg);
	background-repeat: no-repeat;
	height: 43px;
	margin: 5px;
	text-align: center;
	padding-top: 7px;
}		
.search_product {
	height: 20px;
	border: 1px solid #A6A69B;
}

.left_block {
	font-size: 12px;
	color: #666756;
	height: 80px;
	width: 230px;
	background-image: url(../images/index/ws-left-line.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 5px;
	padding-top: 10px;
	text-align: left;
}
.left_block .image {
	border: 1px solid #999999;
	float: left;
	margin-right: 8px;
}
.left_block b {
	color: #565748;
	font-weight: bold;
}
.left_block p {
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	text-align: left;
}


.left_side {
	color: #414141;
	background-color: #FFF;
	width: 600px;
	padding: 0;
	}
		
	.left_box {
	color: #AEA27A;
	background-color: #FFF;
	background-image: url(../images/index/ws-block-news.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 20px;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 30px;
	height: 148px;
	font-size: 11px;
}
	

/* footer
   ------ */

.footer {
	clear: both;
	text-align: center;
	margin: 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
	background-image: url(../images/index/ws-footer.jpg);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	font-size: 11px;
	background-color: #F6F3EE;
}

.footer a {
	color: #333333;
	background: #fff;
	text-decoration: none;
}

.product{
	background-image: url(../images/index/ws-block-dot.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	font-size: 12px;
	color: #EC4F5A;
	font-weight: bold;
	text-align: left;
}
.product li {
	font-size: 11px;
	line-height: 22px;
	color: #666666;
	font-weight: normal;
	text-align: left;
}

.banner {
	width: 600px;
	display: inline;
	margin-top: 40px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 10px;
	text-align: left;
}
.submenu{
	width: 250px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.submenu a {
	display: block;
	text-align: left;
	margin:10px 10px 0px 0px;
	background:url(../images/index/ws-sumenu-icon-bg.jpg) left top;
	height: 40px;
	padding:0px 0px 5px 30px;
	width: 180px;
	font-family: bolder;
	font-size: 15px;
	text-decoration: none;
	color: #7E7F71;
}
.submenu a:hover {
	color:#FF3300;
	display: block;
	text-align: left;
	margin:10px 10px 0px 0px;
	background:url(../images/index/ws-sumenu-icon-bg.jpg) left top;
	height: 40px;
	padding:0px 0px 5px 30px;
	width: 180px;
	font-family: bolder;
	font-size: 15px;
	text-decoration: none;
	}
/*-----table ------*/
.datatable {
	width: 85%;
	border-collapse:collapse;
	color: #F4F3F1;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-top: 20px;
}
.datatable td {
	font-size: 11px;
	line-height: 18px;
	color: #777777;
	text-align: left;
	padding-right: 4px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-top: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5D9;
}
.datatable th {
	color: #737467;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5D9;
}

.datatable caption {
	text-align: left;
	text-indent: 10px;
	height: 45px;
	color: #333333;
	background-image: url(../css/images/bg_caption.jpg);
	background-position: right top;
	font-size: 13px;
	line-height: 1.8em;
}
.datatable tr.altrow {
	background-color: #F8F8F5;
}
.datatable tr.altrow2 {
	font:11px;
	color: #666666;
    background-color: #F7F0EA;
	height: 22px;
	padding:10 10 10 0px;
	margin:15 5 0 0px;
}

/*-----numbertable ------*/
.numbertable {
	width: 85%;
	border-collapse:collapse;
	color: #F4F3F1;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(../images/index/ws-td-bg.jpg);
	background-position: 0px -2px;
}
.numbertable td {
	font-size: 11px;
	line-height: 18px;
	color: #777777;
	text-align: left;
	padding-right: 4px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-top: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5D9;
}
.numbertable a {
	text-decoration: none;
	color: #7F7F7F;
}

.numbertable th {
	color: #737467;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5D9;
	background-image: url(../images/index/ws-number-th.jpg);
	background-repeat: repeat-x;
	padding: 10px;
}

.numbertable tr.altrow {
	background-color: #F8F8F5;
}


/* product  ------ */

#tp_product{
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	text-align: left;
	font-size: 11px;
	color: #666666;
	line-height: 18px;
}
#tp_product h1 {
	font-size: 16px;
	font-weight: bolder;
	color: #0476B4;
	text-align: left;
}
#tp_product h2 {
	font-size: 14px;
	font-weight: bold;
	color: #3366CC;
}

#tp_product ul {
	font-size: 12px;
	line-height: 22px;
	padding-left: 10px;
	margin-top: 5px;
	color: #0476B4;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
#tp_product li {
	font-size: 12px;
	color: #666666;
	font-weight: normal;
}


.pro {
	font-size: 11px;
	font-weight: bold;
	background-color: #EAEAE0;
	text-align: center;
	display: block;
	padding: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.pro img{
	border: 1px solid #CCCCCC;
}
/*-----producttable ------*/
.producttable {
	border-collapse:collapse;
	color: ;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #D2FBEB;
	background-repeat: repeat-x;
	background-position: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #06F9DB;
	border-bottom-color: #06F9DB;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #06F9DB;
	border-left-color: #06F9DB;
}
.producttable_2 {
	border-collapse:collapse;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-position: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #c6c6c6;
	border-bottom-color: #c6c6c6;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c6c6c6;
	border-left-color: #c6c6c6;
}

.producttable td {
	font-size: 11px;
	line-height: 18px;
	color: #777777;
	text-align: left;
	padding-right: 4px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-top: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5D9;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CDCDB8;
}
.producttable a {
	text-decoration: none;
	color: #7F7F7F;
}

.producttable th {
	color: #737467;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	background-image: url(../images/index/ws-number-th.jpg);
	background-repeat: repeat-x;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E5E5D9;
	background-position: top;
	background-color: #FAFBF6;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5D9;
}

.producttable tr.altrow {
	background-color: #F8F8F5;
}

.red{
	color: #CC0000;
	font-weight: bold;
}
input{
	background-image: url(../images/main/ws-input-bg.jpg);
	background-repeat: repeat-x;
	border: 1px solid #E1E1D5;
	font-size: 12px;
	color: #333333;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
textfield {
	background-image: url(../images/main/ws-input-bg.jpg);
	background-repeat: repeat-x;
	height: 20px;
	border: 1px solid #7C9CB5;
	color: #333333;
	padding: 2px;
	font-size: 0.8em;
}

.txt{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 24px;
	font-weight: normal;
}
checkbox {
	background-image: url(../images/main/ws-input-bg.jpg);
	background-repeat: repeat-x;
	border: 1px solid #7C9CB5;
	color: #006699;
	text-align: center;
	padding: 2px;
	background-color: #CCCCCC;
}
select{
	color: #333333;
	font-size: 1em;
	padding: 2px;
	border: 1px solid #7C9CB5;
	background-color: #CEDAE3;
}
/*-----faqtable ------*/
.faqtable {
	width: 90%;
	border-collapse:collapse;
	color: #333333;
	text-align: left;
	margin-top: 20px;
	font-size: 12px;
	padding: 3px;
	border: 1px solid #E4E4D8;
}
.faqtable td {
	font-size: 11px;
	line-height: 18px;
	color: #777777;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #009999;
	padding: 10px;
}
.faqtable th {
	color: #737467;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5D9;
}
.faqtable tr.altrow {
	background-color: #F1FAFE;
	color: #333333;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}

.pro-h1{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-family: Verdana;
}
.pro-h1 A  
{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-family: Verdana;
}
.pro-h1 A:hover{
	font-size: 12px;
	font-weight: bold;
	color: #00CCFF;
	text-decoration: none;
	font-family: Verdana;
}
.pro-h2{
	background-image: url(../images/index/ws-pro-h2.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
	font-size: 16px;
	font-weight: bold;
	color: #4152AA;
	padding-top: 5px;
	padding-bottom: 5px;
}
.form           {
	
	background-color: #D8D8D8
}
.form tr.altrow1 {
	background-color: #DDF3FF;
}
.form tr.altrow2 {
	background-color: #FFFFFF;
}
.form input {
    
}
.PicPage{padding:8px 0; height:20px;}
.Pagediv span a:link,.Pagediv span a:visited,.Pagediv span b{ width:20px; height:18px; display:block; border:1px solid #007ab7; text-align:center; margin:0 1px; line-height:18px; font-family:Arial; text-decoration:none; float:left;}
.Pagediv span a:link,.Pagediv span a:visited{ color:#007ab7; background:#fff;}
.Pagediv span a:hover{ border:1px solid #007AB7; text-align:center; line-height:18px; font-family:Arial; text-decoration:none; background:#007ab7; font-weight:bold; color:#fff; position:relative; margin:-5px -4px; width:30px; height:28px; line-height:26px;}
.Pagediv span b{font-weight:bold;color:#fff;background-color: #007AB7;}
.Pagediv span span{ vertical-align:bottom; float:center;}
.Pagediv font{width:20px;height:18px;display:block;border:1px solid #007AB7;text-align:center;margin:0 1px;line-height:18px;font-family:Arial;text-decoration:none;float:center;color: #007AB7;}