@charset "utf-8";
/*CSS RESET*/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;

}
img {
	border: 0;
}
a img {
	border: 0;
}
/* 滑鼠移至連結 */
a:hover {
	text-decoration:none;
}
ol, ul, li {
	list-style: none;
}
a {
	text-decoration:none;/*去除連結虛線框*/
	outline: none; /* for Firefox Google Chrome  */
	/*behavior:expression(this.onFocus=this.blur()); /* for IE */*/
}
/*以上做網頁先複製*/



/*分頁*/
.page{
    margin-top:10px;
    text-align:center;
    padding:2px;
	font-weight:bolder;
	font-size:14px;
	}/*分頁整體間距;字體粗體;字體大小*/

.page a{
    border: 1px solid #ccc;
    padding: 0 5px 0 5px;
    margin: 3px;
    text-decoration: none;
    color: #666;
    border-radius: 5px;
	font-size:14px;
	
} /*連結後邊框粗細、線條、顏色;內間距;外間距;字底線;字顏色*/


.page span{
    padding: 0 5px 0 5px;/*內間距*/
    margin: 2px;/*外間距*/
    color: #000;/*字顏色*/
    border-radius: 5px;
    border: 1px solid #999; /*邊框顏色*/
    background-color: #e0e0ff;/*背景色*/
	font-size:14px;
}





img {
	height: auto;
	max-width: 100%;
}/*圖片隨視窗大小縮放*/


/* 錯誤訊息顯示 / 留言板 */
.error {
	color:red;
	font-size:9pt;
	text-align:left;
}



body {
	font-family: "微軟正黑體", "Times New Roman";
	width: 100%;
	margin: 0 auto;
	background:url(../img/bg.png);
	background-repeat: no-repeat;
	background-position: center top;/*背景置中置上*/
	background-size: cover;/*背景滿版*/	
	font-size: 1.2em;
	line-height: 40px;
}
#wrapper {
	width: 100%;
	height: auto;
	position:relative;
	margin: 0 auto;
}
#header {
	width: 100%;
	height:auto;
	margin: 0 auto;
	text-align:center;
	z-index: 1;
	float: left;
	margin-top: 10px;
}
#menu {
	width: 100%;
	height:auto;
	position:relative;
	margin: 0 auto;
	text-align:center;
	float:left;
}
#container {
	width: 100%;
	height:auto;
	margin: 10px auto;
	text-align:center;
	float:left;
}
#content {
	width: 100%;
	margin: 2px 0 0 0;
	text-align:center;
}

#content table{
	margin: 0 auto ;
	width:96%;
	padding:10px 0 30px 0;
	text-align:center;
}

#content .img_set{
	/*border:1px double #999;*/
	padding:7px;
	/*border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;*/
}

#footer {
	clear:both;
	text-align:center;
}

#footer_top {
	width: 100%;
	background:url(../img/footer.png);
	height:50px;
}
#footer_center {
	width: 100%;
	float:left;
	text-align:center;
}

#footer_rg {
	float:right;
	width: 100%;
	margin:5px auto 0 auto;
	text-align:center;
}

#footer_lf {
	float:right;
	width: 98%;
	margin:0px auto 1px auto;
	text-align: right;
	padding-right: 2%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;

}

/*about 頁面-----------------------------*/
#about_content{
	width:100%;
	padding:0 3% 0 3%;
	margin: 2px 0 0 0;
	text-align:center;
}

#about_title{

	width:94%;
	margin:0 auto;
	font-size:20px;
	text-align:center;
}

#about_line{

	width:94%;
	margin:0 auto;
}

#about_txt{

/*	width:94%;
	padding:0 2%;*/
	margin:0 auto;
	font-size:16px;
	text-align:left;
}

#about_txt img , #about_line img{
	height: auto;
	max-width: 100%;
}
/* //about 頁面-----------------------------*/




/*產品頁面-----------------------------*/
#content .pro{
	float:left;
	width:100%;
	background:url(../img/pro.png);
	background-repeat: no-repeat;
	background-position: center;/*背景置中置上*/
	background-size: cover;/*背景滿版*/
	height:auto;
	margin:0 0;
}

#content .pro a{
	display:block;
	width:100%;
}


#procontent {
	width: 100%;
	margin: 2px auto 0 auto;
	text-align:center;
}

#procontent table{
	margin: 0 auto ;
	width:60%;
	padding:10px 0 30px 0;
}

.pro_text{
	font-size:18px;
}


.pro_de_text{
	font-size:12px;
	text-align:left;
	vertical-align:middle;
	padding-left:5px;
	letter-spacing:0px;
}

.topcl a{
	font-size:10px;
}

.imgauto{
	text-align:center;
	
}

.imgauto img{
	height: auto;
	max-width: 100%;
}



/*------------------------------*/
.pro_intro{
	width:80%;
	margin:0 auto;
	text-align:center;
}

.pro_broder{
	width:100%;
	text-align:center;
}

.pro_title{
	width:100%;
	text-align:center;
}

.pro_pic{
	width:100%;
	text-align:center;
	margin:15px 0 15px 0;
}

.pro_pic img{
	height: auto;
	max-width: 100%;
}

.pro_text{
	width:100%;
	text-align:center;
}


/*.pro_text table td {
   width: 300px;
   word-wrap: break-word;
   word-break: normal;
   text-align:justify;
   text-justify:inter-ideograph;
}*/

.pro_top{
	width:100%;
	text-align:right;
}

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

#contact_content {
	width:300px;
}