@charset "big5";
/* 格式化CSS */
html, body, div, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height:160%;
font-family:arial,helvetica,clean,sans-serif;
}
span{line-height:160%;}
ol, ul, li {list-style: none;}

/* 清除浮動 */
.clear{
    clear:both;
    height:1px;
    margin-top:-1px;
    overflow:hidden;
}

body {
background-color: #fff;
color:#000;
font-weight:normal;
font-size: 12px;
}
A:link {FONT-SIZE: 12px; COLOR: #000; TEXT-DECORATION: none}
A:visited {FONT-SIZE: 12px; COLOR: #000; TEXT-DECORATION: none}
A:hover {FONT-SIZE: 12px; COLOR: #f00; TEXT-DECORATION: underline}

h1 {
font-family:"DFKai-SB","標楷體","MingLiU","PMingLiU";
font-size:2.1em;
font-weight:bold;
color:#000000;
}

h3{
line-height:1.2em;
font-size:14px;
font-weight:normal;
}
a em{display:none;}

.center{text-align:center;}

#content{
border-top:5px solid #f00;
margin:0 auto;
padding:15px;
width:980px;
}

#header{
clear:both;
margin:0 auto;
font-size:0px;
width:980px;
height:140px;
}
.right{
float:right;
}

#logo{
float:left;
width:200px;
height:140px;
padding:0;
}
#banner{
float:right;
width:770px;
height:140px;
margin:0;
}
/* 導航條 */
/*中間主體*/
#main{
margin:0 auto;
width:980px;
overflow:hidden;
background-color:#fff;
height:100%;
}
.text{
clear:both;
padding:2px 0 10px 0;
}
/*左側邊欄*/
#lfMain{
float:left;
margin:0;
width:200px;
height:300px;
background:url(images/Barbg.gif) no-repeat;
}
#nav{
padding:0px;
height:250px;
}
#nav h2{
height:30px;
line-height:30px;
font-size:14px;
font-weight:bold;
padding:0 15px;
margin-bottom:10px;
color:#fff;
text-align:center;
letter-spacing:3px;
}
#nav li{
	display:block;
      margin:1px auto;
	  height:25px;
	  line-height:25px;
	  text-align:center;
}
    #nav li a:link,#nav li a:visited{
	display:block;
      margin:0;
      padding:0;
      text-decoration:none;
      height:25px;
	  line-height:25px;
	  color:#000;
}
	  #nav li a:hover{
	  display:block;
	  height:25px;
	  line-height:25px;
	  color:#fff;
	  background:#000;
		}
/*右側主體*/
#rgMain{
margin:0 0 0 10px;
padding:0;
width:770px;
height:100%;
float:left;
overflow:hidden;
}
.mainTop{
width:770px;
height:30px;
margin:0px;
font-size:14px;
color:#676258;
background:#000;
}
.mainTop h2{
padding:5px 0 0 30px;
font-size:12px;
font-weight:bold;
float:left;
width:400px;
height:25px;
color:#fff;
font-weight:bold;
background:url(images/maint1.gif) no-repeat;
}
.mainTop span{
float:right;
padding:5px 10px 0;
height:25px;
font-size: 12px;
font-weight:none;
font-family:Verdana;
color:#fff;
text-align:right;
background:url(images/maint2b.gif) no-repeat right;
}
.mainTop a:visited{color:#fff;}

.mainContent{
padding:10px 7px;
min-height:220px;
}
*html .mainContent{height:220px;}

.newsContent{min-height:347px;}
*html .newsContent{height:347px;}

.proContent{min-height:299px;}
*html .proContent{height:299px;}

.rgMainCol{
width:756px;
overflow:hidden;
}

	.pro{height:380px;}
	.shopImg{
	float:right;
	}
	.shopBuy{
	display:inline;
	padding:0 20px;
	}
	.proImgBig{
	width:160px;
	height:160px;
	float:left;
	margin:0px 10px 0 0;
	border:1px solid #ccc;
	}
/*	.proImg{float:left;}
	.proInfo{width:660px;float:left;margin:0 0 0 5px;}
	.pro h3{width:660px;height:26px;background:#eee;line-height:26px;padding-left:5px;}
	.proPic{
	float:left;
	width:80px;
	height:80px;
	border:1px solid #ccc;
	}*/
	.proTitle{
	border-bottom:1px solid #ccc;
	}
	.proContent img{
	float:left;
	}

.newsContent,.proContent{
line-height:160%;
font-size:14px;
}
.newsContent p.proContent p{
padding:5px;
text-indent: 2em;
}
.contentT1{
font-weight:bold;
background:#eee;
margin:5px 0;
padding-left:10px;
}
/*.
.ProInfo{
float:left;
margin:0 10px;
}
.ProContent{
clear:both;
margin:10px auto;
}
.ProInfo h1{
font-size:14px;
margin:0;
}
.ShopBut{
color:#ccc;
padding:250px;

}*/

/*新聞*/
.newsList{
text-align:center;
height:360px;
}
.newsList li{
margin:0;
padding-left:15px;
height:30px;
width:740px;
font-size:12px;
line-height:30px;
border-bottom:1px dashed #ccc;
background:url(images/artico.gif) no-repeat 0px 11px;
}
.newsList h3{
float:left;
padding-top:6px;
}
.newsList span{
float:right;
padding-top:6px;
text-align:right;
width:70px;
}
.page{
clear:both;
margin-top:10px;
text-align:right;
}

/*底部*/
#footer{
clear:both;
margin:0 auto;
color:#666;
font-size:12px;
width:980px;
height:20px;
text-align:right;
}
#copy{
background-color:#000;
text-align:right;
color:#999;
}
/*文章內容頁*/
.colbar{
width:228px;
height:60px;
float:left;
font-family:arial,helvetica,clean,sans-serif;
font-size:30px;
line-height:30px;
color:#f00;
text-align:center;
}
/* 表格*/
.table{
width:768px;
margin:0 auto;
}
.table,.table td{
border-collapse:collapse;
border:1px solid #ccc;
padding-left:10px;
}
/*  留言表單*/
.contactForm{
margin:20px auto;
width:650px;
}
.contactForm li{
clear:both;
margin:3px 0;
height:20px;
}
label.inputLeft{
float:left;
text-align:right;
width:90px;
padding:3px 0 0 0;
}
.radio{
margin-left:20px;
color:#ccc;
}
.input{
float:left;
margin:2px;
padding:2px;
font-size:12px;
border:1px solid #CCCCCC;
background-color:#fefefe;
}
.formSubmint{
background-color:#eee;
border:1px solid #CCCCCC;
margin:10px 120px;
width:50px;
height:20px;
line-height:120%;
}

/* 引用頁 */
#bigHead{
margin:0 auto;
width:980px;
}

#bigFoot{
margin:0 auto;
width:980px;
}
#bigBar{
width:200px;
}