/*環境整合*/       
html,body,div,span,ol,ul,li,dl,dt,dd,p,br,pre,hr,h1,h2,h3,h4,h5,h6,a,img,b,i,u,big,em,form {
  padding: 0;
  margin: 0;
  border: 0;
}
ul, ol, li{
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

.clr{
   clear:both;
	}

/* 整體 */
#layout {
	width: 1003px;
	margin:0 auto;
	font-family: Arial,細明體;
   font-size:14px;
	background: #ffffff;
	 }

/* 列表-橫 */	
#navi{
background:url(http://www.terystar.com.tw/image/navi.gif);
height:32px;
}

#navi ul li{
display:inline;
}

#navi ul li a{
text-decoration:none;   	
width:122px;
float:right;
color: #FFFFFF;
text-align:center;
margin-top:8px;
margin-right:5px;
}

#navi li a:hover {
color:#fbfe00;
font-weight:bold;
text-decoration:none;  
}	

#navi h1 {
padding:4px 15px;
font-size:20px;
color:#00d8ff;
float:left;
}

/* banner */	

#banner{
height:315px;
background:url(http://www.terystar.com.tw/image/banner7.jpg);
}

#main{
width:1003px;
}

/*列表*/	

#mainLeft{
float:left;
}

#navigation {
padding: 5px 10px;
width:187px;
}

#navigation ul li{
background:url(http://www.terystar.com.tw/image/navigation.jpg);
text-align: center;
height:41px;
margin-top:3px;
}

#navigation ul li a{
color: #002674;
text-decoration:none;    	
font-size:12px;
padding-top: 10px;
display:block;
}

#navigation li a:hover {
color:#0072fe;
}	


/*產品*/	

#mainRight{
float:right;
width:790px;
}

#products{
}

/* 產品標題 */
.outFrameHead dl {
height:42px;
}

.outFrameHead  dt{
float:left;
font-size:16px;
color:#000000;
font-weight: bold;
line-height:24px;
text-indent:10px;
padding:8px 5px;
}

#products .outFrameHead img{
margin:9px 0 0 8px;
}


.outFrameHead  dd {
float:right;
font-size:14px;
margin:10px 3px 0 0;
}

#products ol li{
border:1px solid #000000;
float:left;
width:400px;
}


#products ul{
margin-left:5px;
float:left;
}


#products ul li{
margin: 5px 5x;
text-indent:10px;
line-height:25px;
}


#products ul li p{
padding:10px;
text-align:left;
color:#000000;
line-height:25px;
}


#products ul li span a{
text-align:center;
color:#0006ff;
text-indent:100px;
line-height:25px;
text-decoration:underline; 
}

#products ul li span a:hover {
color:#ff0000;
font-weight:bold;
text-decoration:underline;  
}	



#foot {
background-color: #23355b;
margin-top:50px;
font-size:12px;
}

#foot dl {
color:#FFFFFF;
padding-top:5px;
text-align:left;
float:left;
padding-left:330px;
}

#foot dd{
padding-top:5px;
padding-bottom:5px;
color:#FFFFFF;
}

#foot dd a{
text-decoration:none; 	
color:#FFFFFF;
}
	
#foot dd a:hover {
text-decoration:underline;
color:#fbfe00;
}

#foot ol {
padding-top:5px;
color:#FFFFFF;
text-align:left;
float:right;
padding-right:330px;
}

#foot ol li{
padding-top:5px;
padding-bottom:5px;
color:#FFFFFF;
}

#foot ol li a{
text-decoration:none; 	
color:#FFFFFF;
}
	
#foot ol li a:hover {
text-decoration:underline;
color:#fbfe00;
}






#foot ul {
text-align:center;
}

#foot ul li{
padding-top:5px;
padding-bottom:5px;
color:#FFFFFF;
}

#foot ul li a{
text-decoration:none; 	
color:#FFFFFF;
}
	
#foot a:hover {
text-decoration:underline;
color:#fbfe00;
}

#foot ul li span {
margin:0 10px;
}

#foot p {
color:#FFFFFF;
text-align:center;
font-size:12px;
margin-top:10px;
}



