/***********************************************/
/* HTML basic tag styles                       */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;

	
	
}

a{
	font-family:Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	FONT-SIZE: 12px;
	color: #eeeeee;

}
a:link{	
	color:#666666;
	
}
a:visited{
	color:#0066CC;
	text-decoration: none;
}
a:hover{
	color:#0066CC;
	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;
}
ul{
 list-style-type: square;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 background-color:#eeeeee; 
}
ul ul{
list-style-type: none;
background-color:#ffffFF;
margin:0px 0px 0px 0px;
padding:0px 0px 1px 1px;
}
ul ul ul{
 list-style-type: none;
}

/************** #headlines styles **************/

/*定義標準字體*/
.std{
	font-size:12px;
}		

/*定義標準抬頭*/
div.title{
	
	 color: #ffffff;
	font-size:100%;
}		

/*定義標準抬頭bIG*/
div.big_title{
		 color: #ffffff;
	font-size:105%;;
}		

/*主題文章抬頭*/
.storytitle {
	MARGIN: 0px; 
	FONT: bold small-caps 12pt "Verdana", "Arial", "helvetica", sans-serif; TEXT-TRANSFORM: capitalize; 
	text-shadow: #DDD 1px 1px 10px;
	margin-bottom:2px;
		padding-bottom:2px;
		
}

/*內文*/
.storycontent {
	FONT-SIZE: 10pt; OVERFLOW: hidden; LINE-HEIGHT: 180%;
	margin-bottom:30px;
	width:100%;
	
	
}
	
/***********************************************/
/* 超連結menu定義                              */
/***********************************************/



#menu{
	FONT-SIZE: 10pt; OVERFLOW: hidden;
	padding:5px 0px 2px 10px;	
	border-bottom: 1px solid #CCC;
	background:#0066CC;
	color: #cccccc;	
	BORDER-RIGHT: #cccccc 1px solid; 
	BORDER-LEFT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	border-bottom:#cccccc 1px solid;
	height:20px;	
	vertical-align:middle;
	/*background:url(xpBlue.gif); height:18px;*/
	
}
#shadow{
	
}

#menu img{
	display: block;
}

#menu a {
	color:#F5F5F5;
	font-size: 90%;
	font-family:Arial, Helvetica, sans-serif;	
	padding: 0 4px 0 0;
}



/*------------------------------------------------*/
/*整體div骨架									  */
/*------------------------------------------------*/

#head_space
{
	height:100px;
	width:auto;		
	background-image:url(bg_blue.jpg);	

}

#content{ 		
	
}

/*標頭*/
#header{
	height:80px;	
}

.title1
{
font:Arial, Helvetica, sans-serif;
font-size:250%;
color:#0066FF;
}
.title2
{
font:Arial, Helvetica, sans-serif;
font-size:220%;
color:#33CC33;
}
.title3
{
font:Arial, Helvetica, sans-serif;
font-size:220%;
color:#CCCCCC;
font-style:italic;
}
.link
{
float:right;
color:#CCCCCC;
}

/* 整體區塊*/


/* 中央區塊*/
#content_center{ 	
	float: left;
	width:600px;	

	MARGIN-TOP: 10px; PADDING-LEFT: 0px;
	MARGIN-BOTTOM: 0px;
	margin-left:10px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
}
.small
{
	color : #003300;
	border-collapse: collapse;		
}

#center_top
{
	clear:both; 
}

#center_bottom
{
	clear:both;
}

/* 左區塊*/
#content_left{
	float: left;	
	width:180px;
}



/*跑馬換*/
.marquee
{
	margin-top:5px;
	margin-bottom:5px;
}

/*logo*/
.search
{
float:left;
font-size:12px;
}

/*logo*/
.logo_std 
{
	float:right;
	padding0:px;
	margin:0px;
	font-stretch:1px;
	font-size:12px;
}



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

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #00ccccc;
	padding: 10px 10px 10px 10px;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

/*虛線線條*/
#dash{
	background-image: url(bg_dot_h.gif);	
	background-repeat: repeat-x;
	width:95%;
}



/*產品區塊banner*/
div.p_side_banner{	
	PADDING-RIGHT: 0px;
	MARGIN-TOP: 10px; PADDING-LEFT: 0px;
	MARGIN-BOTTOM: 0px;
	PADDING-BOTTOM: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px; 	
	 LINE-HEIGHT: 25px; PADDING-TOP: 0px; 		
	 LETTER-SPACING: 0.1em; 
	 text-align:center;		
	 color: #ffffff; font-weight: bold; font-size: 11px;
	 background-image:url(banner_blue.jpg); 
	 height: 25px;
	 BORDER-RIGHT: #cccccc 1px solid;	 
	 BORDER-TOP: #cccccc 1px solid;
	 BORDER-LEFT:#cccccc 1px solid;  
  	 BORDER-BOTTOM: #cccccc 1px solid;
	 
} 

/*區塊banner*/
div.side_banner{	
	PADDING-RIGHT: 0px;
	MARGIN-TOP: 10px; PADDING-LEFT: 0px;
	MARGIN-BOTTOM: 0px;
	PADDING-BOTTOM: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px; 	
	 LINE-HEIGHT: 25px; PADDING-TOP: 0px; 		
	 LETTER-SPACING: 0.1em; 
	 text-align:center;		
	 color: #ffffff; font-weight: bold; font-size: 11px;
	 background-image:url(banner.jpg); 
	 height: 25px;
}

/*區塊*/
.side
 {
     FONT-SIZE: 12px; 
     FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	 PADDING-RIGHT: 4px;
	 PADDING-LEFT: 4px; FONT-WEIGHT: normal;
	 PADDING-BOTTOM: 0px;	
	 MARGIN-BOTTOM: 0px;		
	 BORDER-RIGHT: #cccccc 1px solid;	 
	 BORDER-TOP: #cccccc 1px solid;
	 BORDER-LEFT:#cccccc 1px solid;  
  	 BORDER-BOTTOM: #cccccc 1px solid;
	 COLOR: #000000;
	 LINE-HEIGHT: 140%; 		 
     border-collapse: collapse;	
	 background:#eeeeee;

}
/*商品區塊*/
.p_side
{
     FONT-SIZE: 12px; 
     FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	 PADDING-RIGHT: 4px;
	 PADDING-LEFT: 4px; FONT-WEIGHT: normal;
	 PADDING-BOTTOM: 0px;	
	 MARGIN-BOTTOM: 0px;		
	 BORDER-RIGHT: #cccccc 1px solid;	 
	 BORDER-TOP: #cccccc 1px solid;
	 BORDER-LEFT:#cccccc 1px solid;  
  	 BORDER-BOTTOM: #cccccc 1px solid;
	 COLOR: #000000;
	 LINE-HEIGHT: 140%; 		 
}

/*foot*/
div#footer{
	margin-top:30px;
	clear: both;
	border: 1px solid #cccccc;
	font-size: 100%;
	color: #ffffff;
	background:#0066CC;
	font-size:12px;
	height:30px;
	vertical-align:middle;
	text-align:center;	
}

/************* #product styles **************/
.img_border
{
	border:1px solid #eeeeee;	
	
}

.p_width
{
	font-size:12px;
	width:200px;
	height:250px;
	float:left;
	
	margin:0px;
	padding:0px;
}
.p_title
{
	font-size:10px;
	font-family: Arial,sans-serif;
	font-size: 100%; 
	margin: 0px;
	padding: 0px;

}
.p_name
{
font-size:12px;
  color: #000000;
 margin: 0px;
 padding: 0px;
}
.p_type
{
font-size:12px;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

.price {
	font-size:12px;
	font:bold;
	font-style:normal;
	font:Arial, Helvetica, sans-serif;
	color:#990000;
	
  	margin: 5px;
 	padding: 0px;
	
}
.p_detail
{
 margin: 5px;
 padding: 0px;
}
.p_page
{
font-size:12px;
	text-align:center;	
	margin-top:20px;
	width:500px;
}

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}

/************* #search styles ***************/
.input{
	margin:1px 1px 0px 0px;
	padding:1px 1px 1px 1px;
	height:12px;
}
.submit{
	margin:0px;
	padding:1px 1px 1px 1px;
	height:18px;
}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	background-color: #dddddd;
}

/*fourm css list*/

/*外框線*/
.tborder 
{
  FONT-size:12px;
	border-bottom: 1px solid #CCC;
	color: #cccccc;
	background:#eeeeee;
	BORDER-top: #cccccc 1px solid; 
	BORDER-RIGHT: #cccccc 1px solid; 
	BORDER-LEFT: #cccccc 1px solid;
	margin-top:10px;
	margin-bottom:10px;
}
/*大標題*/
.tcat { 
  FONT-size:12px;
   BACKGROUND-IMAGE:  url(cellpic3.gif); 
    COLOR: #000000;
}
/*子標題*/
.thead {
  FONT-size:12px;
   COLOR: #000000;
	BACKGROUND-IMAGE:  url(cellpic3.gif);
}
/*內配色*/
.alt1 {

	BACKGROUND: #eeeee1;
	color:#333333;
	font-size:12px;
	
}
/*內配色*/
.alt1Active {
  FONT-size:12px;
	BACKGROUND: #E6E6E6;
		color:#333333; 	
		font-size:12px;
}
/*內配色*/
.alt2 {
  FONT-size:12px;
	BACKGROUND: #eeeeee; 
		color:#333333; 
		font-size:12px;
}