@charset "utf-8";
/* CSS Document */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}











body {
	margin-left: 0px;
	margin-top: 0px;
	background:url(../images/bg001.png);
	font-family:Verdana,Arial;
}


a:link {
	color: #d1c0a5;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	/*color: #390;*/
}
a:hover {
	text-decoration: none;
	/*color: #fff;*/
}
a:active {
	text-decoration: none;
	/*color: #fff;*/
}



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


.allcenter{
	position:relative;
	margin: 0 auto;
	margin-top:-2px;
	margin-bottom:30px;
	width:968px;
	/*border:#d04725;*/
	box-shadow: 0px 0px 10px #666;
	border:2px solid #d04725;
	background-color:#fff;
	
	
	
}


.header{
	width:100%;
	height:107px;
	background:url(../images/bg002.png);
	background-position:bottom;
	background-repeat:no-repeat;
	border-bottom:4px solid #d04725;
	
}


.logo01{
	float:left;
	margin-left:0px;
	margin-top:-2px;
	
	
}

.menu01{
	float:right;
	margin-right:20px;
	margin-top:70px;
	font-weight:bold;
	font-size:17px;
	
}
.menu01 a:link {
	color: #333333;
	text-decoration: none;
}
.menu01 a:visited {
	text-decoration: none;
	color: #333333;
}
.menu01 a:hover {
	text-decoration: none;
	color: #e00109;
}
.menu01 a:active {
	text-decoration: none;
	color: #e00109;
}





.content01{
	width:912px;
	margin: 0 auto;
	/*margin-left:28px;*/
	margin-bottom:30px;
}


.content02{
	width:912px;
	margin: 0 auto;
	/*margin-left:28px;*/
	margin-bottom:30px;
	border-top:2px solid #ffcc00;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	border-bottom:3px solid #d04725;
	background:url(../images/bg003.png);
	background-position:bottom;
	background-repeat:no-repeat;
	
}

.content02-1{
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	font-size:21px;
	font-weight:bold;
	color:#f1ae23;
	text-align:center;
	
	
}


.content02-2{
	width:888px;
	height:370px;
	margin-top:15px;
	/*margin-bottom:60px;*/
	margin-left:12px;
	
	
	
}


.p01{
	
}

.p02{
	height:35px;
	background:#76b133;
	color:#fff;
	font-size:13px;
	font-style:italic;
	text-align:center;
	line-height:30px;
	
	
	
}
.p02 a:link {
	color: #d6eebb;
	text-decoration: none;
}
.p02 a:visited {
	text-decoration: none;
	color: #d6eebb;
}
.p02 a:hover {
	text-decoration: none;
	color: #fff;
}
.p02 a:active {
	text-decoration: none;
	color: #fff;
}










.content03{/*內頁的內容，外圍框架*/
	width:912px;
	margin: 0 auto;
	/*margin-left:28px;*/
	/*margin-bottom:30px;*/
	background:url(../images/bg005.png);/*.content03-L的底色，為了延伸而放此*/
}


.content03-T{
	width:912px;
	margin: 0 auto;
	text-align:left;
	font-size:13px;
	line-height:3em;
	color:#e00109;
}
.content03-T a:link {
	color: #e00109;
	text-decoration: none;
}
.content03-T a:visited {
	text-decoration: none;
	color: #e00109;
}
.content03-T a:hover {
	text-decoration: none;
	color: #333;
}
.content03-T a:active {
	text-decoration: none;
	color: #e00109;
}







.content03-L{
	float:left;
	width:212px;
	/*background:#efefef;*/
	
	
}






.content03-L-01-title{
	width:195px;
	margin:0 auto;
	margin-top:10px;
	border-top:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	background:url(../images/bg004.png);
	background-position:bottom;
	background-repeat:no-repeat;
	
	font-size:15px;
	color:#F00;
	line-height:35px;
	text-align:left;
	text-indent :10px ;/*首行縮排*/
	
}

.content03-L-01{
	width:195px;
	margin:0 auto;
	border-top:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	
	
}

.content03-L-01 li{
 list-style-image:url(../images/arrow-01.png) ;
 list-style-position:inside;
 font-size:13px;
 text-indent :5px ;/*首行縮排*/
 letter-spacing:-1px;/*字距*/
 color:#333;
 line-height:2.5em;
 border-bottom:1px solid #e0e0e0;
 background:#fff;
}


.content03-L-01 a:link {
	color: #ff0000;
	text-decoration: none;
	
}
.content03-L-01 a:visited {
	text-decoration: none;
	color: #ff0000;
}
.content03-L-01 a:hover {
	text-decoration: none;
	color: #333;
	
}
.content03-L-01 a:active {
	text-decoration: none;
	color: #333;
}











.content03-L-02-title{
	width:195px;
	margin:0 auto;
	margin-top:10px;
	border-top:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	background:url(../images/bg004-02.png);
	background-position:bottom;
	background-repeat:no-repeat;
	
	font-size:15px;
	color:#F00;
	line-height:35px;
	text-align:left;
	text-indent :10px ;/*首行縮排*/
	
}

.content03-L-02{
	width:195px;
	margin:0 auto;
	margin-bottom:30px;
	border-top:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	
	
}

.content03-L-02 li{
 list-style-image:url(../images/arrow-01.png) ;
 list-style-position:inside;
 font-size:13px;
 text-indent :5px ;/*首行縮排*/
 letter-spacing:-1px;/*字距*/
 color:#333;
 line-height:2.5em;
 border-bottom:1px solid #e0e0e0;
 background:#fff;
}


.content03-L-02 a:link {
	color: #333;
	text-decoration: none;
	
}
.content03-L-02 a:visited {
	text-decoration: none;
	color: #333;
}
.content03-L-02 a:hover {
	text-decoration: none;
	color: #ff0000;
	
}
.content03-L-02 a:active {
	text-decoration: none;
	color: #ff0000;
}
















.content03-R{
	float:left;
	width:690px;
	margin-left:10px;
	margin-bottom:30px;
	
}

.content03-R-T{
	width:100%;
	
	
}




.content03-R-C{
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
	
	
}



.content04{/*contactus內頁的內容，外圍框架*/
	width:912px;
	margin: 0 auto;
	
}


.content04-T{
	width:100%;
	margin:0 auto;
	/*margin-top:10px;*/
	margin-bottom:20px;
	border-bottom:2px solid #e00109;
	
	font-size:30px;
	line-height:2em;
	color:#e00109;
}


.content04-C{
	width:800px;
	margin:0 auto;
	margin-bottom:20px;
}

.content04-c01{
	width:100%;
	font-size:30px;
	font-weight:bold;
	line-height:2em;
	color:#e00109;
}

.content04-c02{
	width:100%;
	margin-bottom:20px;
}

.content04-c02-L{
	float:left;
	width:380px;
}

.content04-c02-R{
	float:left;
	width:380px;
	margin-left:40px;
}





.content04-c03{
	width:100%;
}
        
        
.content04-c03-01{
	width:100%;
	margin:0 auto;
	border:1px solid #e00109;
	
	font-size:15px;
	text-align:center;
	line-height:2em;
	color:#fff;
	background:#e00109;
}

.content04-c03-02{
	width:100%;
	margin:0 auto;
	/*margin-top:10px;*/
	margin-bottom:20px;
	border:1px solid #e00109;
	background-image:url(../images/bg006.png);
		
}

.content04-c03-03{
	width:100%;
	
	margin:0 auto;
	/*margin-top:10px;*/
	margin-bottom:20px;
	text-align:center;
		
}










.copyright{
	float:clear;
	/*width:100%;*/
	/*height:70px;*/
	background:#dd0a2c;
	padding:10px;
	font-size:13px;
	line-height:1.5em;
	font-weight:bold;
	text-align:center;
	color:#fff;
}
.copyright a:link {
	color: #fff;
	text-decoration: none;
}
.copyright a:visited {
	text-decoration: none;
	color: #fff;
}
.copyright a:hover {
	text-decoration: none;
	color: #ffcc00;
}
.copyright a:active {
	text-decoration: none;
	color: #ffcc00;
}






.ptitle{
	margin-top:10px;
	width:100%;
	font-size:19px;
	color:#ff0000;
	font-weight:bold;
	height:45px;
	

}




.box{
  margin-top:10px;
  margin-bottom:8px;
  height: 220px;
  overflow:auto;
  width: 100%;
  font-size:13px;
  line-height:1.5em;
  /*text-align: justify;*/
}



.2btn{
	width:100%;
	margin-bottom:20px;
	
	
}








/*----------------字型--------------*/
.f01{
	font-size:15px;
	line-height:1.3em;
	text-align:left;
	vertical-align : middle;
	color:#333333;
	margin-left:1em;
}




/*----------------表格--------------*/

.table01{
	width:100%;
	
}

.table01 td {
	height:40px;
}




.table02{
	width:100%;
	
}

.table02 th{
	background:#dd0a2c;
	font-size:15px;
	line-height:1.3em;
	text-align:center;
	color:#fff;
}

.table02 td{
	font-size:15px;
	line-height:1.3em;
	text-align:left;
	vertical-align : middle;
	color:#333333;
}


.table02 a:link {
	color: #333;
	text-decoration: none;
	
}
.table02 a:visited {
	text-decoration: none;
	color: #333;
}
.table02 a:hover {
	text-decoration: none;
	color: #ff0000;
	
}
.table02 a:active {
	text-decoration: none;
	color: #ff0000;
}














.table03{
	width:760px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
		
	
}


.table04{
	width:100%;
	border:1px solid #ddd;
	background:#fff;
	
		
	
}
.table04 th{
	background:#eee;
	font-size:15px;
	line-height:2.4em;
	text-align:center;
	color:#333;
	border:1px solid #ddd;
	padding:8px;
}

.table04 td{
	font-size:15px;
	line-height:2em;
	vertical-align : middle;
	color:#333333;
	border:1px solid #ddd;
	padding:8px;
}







/*----------------文字--------------*/

.font01{/*首頁公司介紹*/
	font-size:15px;
	color:#313131;
	/*text-indent:2em;*/
	line-height:1.8em;
	padding:0.5em;
	text-align: justify;
}


.font02{
	font-size:15px;
	font-weight:bold;
	color:#313131;
	/*text-indent:2em;*/
	line-height:1.8em;
	padding:0.5em;
	
}

.font03{
	font-size:15px;
	color:#313131;
	/*text-indent:2em;*/
	line-height:1em;
	padding:0.5em;
	
}

.font04{
	font-size:15px;
	color:#313131;
	/*text-indent:2em;*/
	line-height:1em;
	padding:0.5em;
	text-align:center;
	
}






/*----------------圖片--------------*/

.img01{/*首頁8大產品*/
	float:left;
	margin:5px;
	border-radius:5px;
	box-shadow: 1px 1px 5px #efefef;
	border:1px solid #c0bfbf;
	background:#fff;
	padding:5px;
	/*margin:10px;*/
	
}



.img02{/*產品頁的列表框(第2層)*/
	float:left;
	margin:5px;
	width:208px;
	border-radius:5px;
	box-shadow: 1px 1px 5px #efefef;
	border:1px solid #c0bfbf;
	background:#fff;
	padding:5px;
	/*margin:10px;*/
	
}



.img03{/*產品頁的列表框(第2層)，內的照片*/
	margin-top:10px;
	border-radius:5px;
	box-shadow: 1px 1px 5px #efefef;
	border:1px solid #c0bfbf;
	background:#fff;
	padding:5px;
	/*margin:10px;*/
	
}




.img04{
	/*margin-right:20px;*/
	border-radius:5px;
	box-shadow: 1px 1px 5px #efefef;
	border:1px solid #c0bfbf;
	background:#fff;
	padding:5px;
	/*margin:10px;*/
	
}