/*環境整合*/       
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;
	 }
#primary {
	width: 1000px;
	height:700px;
	background:url(image/index_bg.jpg) center;
	 }

/* 列表-橫 */	
#navi{
background:url(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(image/banner.jpg);
}

#banner2{
height:315px;
background:url(image/banner2.jpg);
}

#banner3{
height:315px;
background:url(image/banner3.jpg);
}

#banner4{
height:315px;
background:url(image/banner4.jpg);
}

#banner5{
height:315px;
background:url(image/banner5.jpg);
}

#banner6{
height:315px;
background:url(image/banner6.jpg);
}

#banner7{
height:315px;
background:url(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:780px;
}

#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;
}

.outFrameHead  dt img{
margin:9px 0 0 8px;
}

.outFrameHead  dd {
float:right;
font-size:14px;
margin:10px 3px 0 0;
}

#products ul{
margin-left:50px;
}


#products ul li{
display:inline;
float:left;
border:1px solid #000000;
margin: 10px 10px;
width:120px;
height:200px;
}

#products ul li img{
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}

#products ul li p{
width:120px;
text-align:center;
color:#000000;
}


#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;
}