/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@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;
	margin:0 auto;
	text-align: justify;
    text-justify:inter-ideograph;
	text-justify: distribute;
}
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;
}
/*	若未定義的物件,則以此定義作為準則
	內距padding
	邊界margin
*/
*{
	padding:0;
	margin:0;
}

html{
	min-height:100%;
	height: 100%;
	


}

/*
	背景顏色background-color
	背景圖片background-image
	背景是否重複background-repeat
	背景位置background-position
	背景浮水印background-attachment
	背景尺寸background-size
	內容置中text-align: center;
	min-height: 100%;  最小高度至少為視窗的100%
    _height:100%;
	height:100%;
*/
body{
	background-color:#FFF;
	background-image:;
	background-repeat:;
	background-position:;
	background-attachment:;
	background-size:cover;
    text-align:center;
	margin:0;
	padding:0;
	min-height:;
	height:100%;
	width:100%;
	verflow-x:hidden;
	
}




#wrapper{
	width:100%;
	margin:0;
	padding:auto;
	background:#FFFFFF;
	position:absolute;
	min-height:;
	_height:;
	height:auto;
	z-index:1;
	text-align:center;
	background:;
	background-image:;
	background-repeat:repeat;
	verflow-x:hidden;

}



/* ======= header =======
	背景圖background-image
	背景寬度width
	背景高度height
	位置絕對座標position
	文繞圖float;
	右邊界margin-right
*/
#header{
	background-image:;
	background-repeat:;
	background-color:#FABE00;
	width:100%;
	height:130px;
	text-align:center;
	position:relative;
	margin:auto;
	margin-top:0px;
	float:;
	z-index:1;
}

#header ul{
	margin-left:;
}

#header li{   
	float:;                 /*文繞圖*/
	list-style-type:none;   /*項目符號類型list-style-type*/
}



#header li a{
	display:block;   /*將原本文字的地方製造一個區塊,才可點連結  */
	width:85px;      /*設成圖片大小 */
	height:85px;
	text-indent:-9999px;    /*  將原本文字移出螢幕-9999px地方   */
	margin:0px;            /* 選項和選項之間的間距   */
	margin-top:0px;        /*選項具上邊界的距離  */
    margin-left:;
	float:left;
	position:relative;
	/*text-align:center; 
	vertical-align:;  */
	
} 

/* ------- 首頁banner header1區的 li項目子清單各選單變換圖片 --------
	li.xxx a為改變前圖案
	li.xxx a:hover為改變後圖案
*/
#header li.company a{background-image:url(images/home0.jpg);}
#header li.company a:hover{background-image:url(images/home1.jpg);}
#header li.about a{background-image:url(images/about0.jpg);}
#header li.about a:hover{background-image:url(images/about1.jpg);}
#header li.pro a{background-image:url(images/pro0.jpg);}
#header li.pro a:hover{background-image:url(images/pro1.jpg);}
#header li.new a{background-image:url(images/new0.jpg);}
#header li.new a:hover{background-image:url(images/new1.jpg);}
#header li.ec a{background-image:url(images/ecatalog0.jpg);}
#header li.ec a:hover{background-image:url(images/ecatalog1.jpg);}
#header li.contact a{background-image:url(images/contact0.jpg);}
#header li.contact a:hover{background-image:url(images/contact1.jpg);}



/* =================== 內容區content ====================
	背景圖background-image
	背景寬度width
	背景高度height
	位置絕對座標position
	文繞圖float;
	右邊界margin-right
*/
#content{
	clear:both;
	width:100%;
	min-height:;
	height:auto;
	position:absolute;
	top:30%;
	margin:0;
	margin-top:0;
	margin-bottom:;
	padding-top:;
	padding-bottom:;
	z-index:6000;
	_margin:0px auto;
	*margin:0px auto;
    verflow-x:hidden;
	
}


#content ul{
	margin-left:;    /*左邊界margin-left*/
}

#content li{
	float:;                  /*文繞圖float*/
	list-style-type:none;    /*項目符號類型list-style-type*/
}


/* ======= 首頁版權footer區 ================================================
	清除樣式clear
	背景顏色background-color
	背景是否重複background-repeat
	背景位置background-position
	背景高度height
	position:absolute;   圖片永遠在底部
	float:left;
	margin-right:;
	margin-top:0px;	
*/
#footer{
    clear:both;
	background:#CCC;
	background-image:;
	background-repeat:;
	position:absolute; 
	width:100%;
    height:100px;
	margin-top:;
	bottom:100px;
	float:;
	z-index:9999;
	
	
}
/* ======= 版權footer ul區 =======
	左邊界margin-left
*/
#footer ul{
	margin-left:;
	margin-top:;
}

/* ======= 版權區的 li項目子清單 =======
	文繞圖float
	項目符號類型list-style-type
*/
#footer li{
	float:;
	list-style-type:;
}

/* ======= 版權區的 li項目子清單超連結 =======
	顯示區塊display
	背景寬度width	
	背景高度height
	文字縮排text-indent
	項目間間距margin
	項目上間距margin-top
*/
#footer li a{
	display:;
	width:;
	height:;
	text-indent:;
	margin:;
	margin-top:;
}

/* ======= 版權區的 li項目子清單各選單變換圖片 =======
	li.xxx a為改變前圖案
	li.xxx a:hover為改變後圖案
*/
#footer li.message a{background-image:;
}
#footer li.amessage a:hover{background-image:;
}













#goTop {
position: fixed;
bottom: 1%; /* 與下方的距離, 也可改為百分比, 即為距離螢幕下方的百分比 */
right: 1%; /* 與右方的距離 */
width: 40px; /* 按鈕原始寬度 */
height: 40px; /* 按鈕原始高度 */
opacity: 0.8; /* 按鈕原始透明度 */
z-index: 10;
cursor: pointer;
transition: all .5s; /* 動畫效果 持續期間 */
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
#goTop:hover { /* 滑鼠經過按鈕時 */
opacity: 1; /* 透明度 */
width: 45px; /* 按鈕寬度 */
height: 45px; /* 按鈕高度 */
}







/*聯絡我們表單按鈕*/
.btn {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background:#ffffff;
  border-color:#FF0000;
  color:#FF0000;
  font-family:"微軟正黑體";
  font-size:em;
  margin-bottom:10px;
}


.btn:hover {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background:#FF0000;
  color:#FFFFFF;
  border-color:;
  font-family:"微軟正黑體";
  font-size:em;
  outline:none;  
  margin-bottom:10px;
}




/*產品內頁prv、next按鈕*/
.btn1 {
  -webkit-border-radius:;
  -moz-border-radius:;
  border-radius:;
  background:#ffffff;
  border-color:;
  color:#e70012;
  font-family:"微軟正黑體";
  font-size:1.5em;
  margin-bottom:10px;
  background-image:url(../image/RPre.svg);
  background-repeat:no-repeat;
  background-position:right;
}


.btn1:hover {
  -webkit-border-radius:;
  -moz-border-radius:;
  border-radius:;
  background:#e70012;
  color:#FFFFFF;
  border-color:;
  font-family:"微軟正黑體";
  font-size:1.5em;
  outline:none;  
  margin-bottom:10px;
  background-image:url(../image/RPre1.svg);
  background-repeat:no-repeat;
  background-position:right;
}



.btn2 {
  -webkit-border-radius:;
  -moz-border-radius:;
  border-radius:;
  background:#ffffff;
  border-color:;
  color:#e70012;
  font-family:"微軟正黑體";
  font-size:1.5em;
  margin-bottom:10px;
  background-image:url(../image/Rback.svg);
  background-repeat:no-repeat;
  background-position:center;
}


.btn2:hover {
  -webkit-border-radius:;
  -moz-border-radius:;
  border-radius:;
  background:#e70012;
  color:#FFFFFF;
  border-color:;
  font-family:"微軟正黑體";
  font-size:1.5em;
  outline:none;  
  margin-bottom:10px;
  background-image:url(../image/Rback1.svg);
  background-repeat:no-repeat;
  background-position:center;
}

.btn3 {
  -webkit-border-radius:;
  -moz-border-radius:;
  border-radius:;
  background:#ffffff;
  border-color:;
  color:#e70012;
  font-family:"微軟正黑體";
  font-size:1.5em;
  margin-bottom:10px;
  background-image:url(../image/RNex.svg);
  background-repeat:no-repeat;
  background-position:left;
}


.btn3:hover {
  -webkit-border-radius:;
  -moz-border-radius:;
  border-radius:;
  background:#e70012;
  color:#FFFFFF;
  border-color:;
  font-family:"微軟正黑體";
  font-size:1.5em;
  outline:none;  
  margin-bottom:10px;
  background-image:url(../image/RNex1.svg);
  background-repeat:no-repeat;
  background-position:left;
}



.btn4 {
  -webkit-border-radius:;
  -moz-border-radius:;
  border-radius:;
  background:#ffffff;
  border-color:;
  color:#e70012;
  font-family:"微軟正黑體";
  font-size:1.5em;
  margin-bottom:10px;
  background-image:url(../image/sRPre.svg);
  background-repeat:no-repeat;
  background-position:right;

}


.btn4:hover {
  -webkit-border-radius:;
  -moz-border-radius:;
  border-radius:;
  background:#e70012;
  color:#FFFFFF;
  border-color:;
  font-family:"微軟正黑體";
  font-size:1.5em;
  outline:none;  
  margin-bottom:10px;
  background-image:url(../image/sRPre1.svg);
  background-repeat:no-repeat;
  background-position:right;

}


.btn5 {
  -webkit-border-radius:;
  -moz-border-radius:;
  border-radius:;
  background:#ffffff;
  border-color:;
  color:#e70012;
  font-family:"微軟正黑體";
  font-size:1.5em;
  margin-bottom:10px;
  background-image:url(../image/sRback.svg);
  background-repeat:no-repeat;
  background-position:center;

}


.btn5:hover {
  -webkit-border-radius:;
  -moz-border-radius:;
  border-radius:;
  background:#e70012;
  color:#FFFFFF;
  border-color:;
  font-family:"微軟正黑體";
  font-size:1.5em;
  outline:none;  
  margin-bottom:10px;
  background-image:url(../image/sRback1.svg);
  background-repeat:no-repeat;
  background-position:center;

}



.btn6 {
  -webkit-border-radius:;
  -moz-border-radius:;
  border-radius:;
  background:#ffffff;
  border-color:;
  color:#e70012;
  font-family:"微軟正黑體";
  font-size:1.5em;
  margin-bottom:10px;
  background-image:url(../image/sRNex.svg);
  background-repeat:no-repeat;
  background-position:left;

}


.btn6:hover {
  -webkit-border-radius:;
  -moz-border-radius:;
  border-radius:;
  background:#e70012;
  color:#FFFFFF;
  border-color:;
  font-family:"微軟正黑體";
  font-size:1.5em;
  outline:none;  
  margin-bottom:10px;
  background-image:url(../image/sRNex1.svg);
  background-repeat:no-repeat;
  background-position:left;

}










#ddv{
	background-image:;
	background:;
	background-repeat:no-repeat;
	position:;
	right:0;
	left:auto;
	margin-top:0px;     /*選項具上邊界的距離  */
    float:right!important;
	
}

/* ======= 標題區的 ul項目清單 =======
	項目左邊界margin-left
*/
#ddv ul{
	margin-left:;
	
}

/* ======= 標題區的 li項目子清單 =======
	文繞圖float
	項目符號類型list-style-type
*/
#ddv li{
	float:left;
	list-style-type:none;
	
}

/* ======= 標題區的 li項目子清單超連結 =======
	顯示區塊display
	背景圖background-image
	背景寬度width	
	背景高度height
	文字縮排text-indent
	項目間間距margin
	項目上間距margin-top
*/
#ddv li a{
	display:block;   /*將原本文字的地方製造一個區塊,才可點連結  */
	width:137px;     /*設成圖片大小 */
	height:30px;
	text-indent:;     /*  將原本文字移出螢幕-9999px地方   */
	margin:6px;     /* 選項和選項之間的間距   */
	margin-top:0px;     /*選項具上邊界的距離  */
    left:auto;
	right:0;
} 

#ddv li.menu1 a{background-image:url(../image/menu1.svg);}
#ddv li.menu1 a:hover{background-image:url(../image/menu1-1.svg);}

#ddv li.menu2 a{background-image:url(../image/menu2.svg);}
#ddv li.menu2 a:hover{background-image:url(../image/menu2-1.svg);}


#ddv li.menu3 a{background-image:url(../image/menu3.svg);}
#ddv li.menu3 a:hover{background-image:url(../image/menu3-1.svg);}

#ddv li.menu4 a{background-image:url(../image/menu4.svg);}
#ddv li.menu4 a:hover{background-image:url(../image/menu4-1.svg);}

#ddv li.menu5 a{background-image:url(../image/menu5.svg);}
#ddv li.menu5 a:hover{background-image:url(../image/menu5-1.svg);}





.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}


.titlink{
	color:#666666;
	text-decoration:none;
	font-size:20px; 	
}

.titlink a{
	color:#444444;
	text-decoration:none;
	font-size:20px; 	
}


.titlink a:hover{
	color:#000000;
	text-decoration:none;
	font-size:20px; 	
}





.demo2{
	color:#000000;
	text-decoration:none;
	font-size:15px;
	letter-spacing:1px;
	font-family:"微軟正黑體"; 	

}

.demo2 a{
	color:#000;
	text-decoration:none;
	font-size:15px; 
	letter-spacing:1px;
	font-family:"微軟正黑體"; 
}


.demo2 a:hover{
	color:#F60;
	text-decoration:none;
	font-size:15px; 
	letter-spacing:1px;
	font-family:"微軟正黑體"; 	
}




.demo3{
	font-size:12px;
	color:#888888;
	text-decoration:none;
	letter-spacing:0.5px;
	font-family:"微軟正黑體,Arial"; 

}

.demo3 a{
	font-size:12px;
	color:#888888;
	text-decoration:none;
	letter-spacing:0.5px;
	font-family:"微軟正黑體,Arial"; 
}


.demo3 a:hover{
	font-size:12px;
	color:#FF0000;
	text-decoration:none;
	letter-spacing:0.5px;
	font-family:"微軟正黑體,Arial";
}



.demo4{
	font-size:15px;
	color:#000;
	text-align:;
	text-decoration:none;
	line-height:170%;
	letter-spacing:1.5px;
	font-family:"微軟正黑體,Arial"; 

}


.demo5{
	font-size:13px;
	color:#000;
	text-align:;
	text-decoration:none;
	line-height:22px;
	letter-spacing:;
	font-family:"Arial"; 
    text-align:justify;　/*　Firefox到此即可對齊　*/
   　text-justify: auto;　/*　IE需再加上此行　*/

}





.menu_big{
	color:#000000; 
	font-family:'華康儷黑 Std w7',Arial;
	line-height:43px;
	font-size:38px;

}


.menu_big a{
	color:#000000; 
	font-family:'華康儷黑 Std w7',Arial;
	line-height:43px;
	font-size:38px;
	text-decoration:none;

}


.menu_big a:hover{
	color:#EC6C00; 
	font-family:'華康儷黑 Std w7',Arial;
	line-height:43px;
	font-size:38px;
	text-decoration:none;

}


.menu_stext{
	color:#000;
	font-family:'微軟正黑體',Arial;
	font-size:16px;
	text-decoration:none;
	letter-spacing:0.5px;
	line-height:180%;

}


.menu_word{
	color:#777777; 
	font-family:'新細明體',Arial;
	line-height:22px;
	font-size:15px;
	letter-spacing:0.5px;

}

.menu_word a{
	color:#777777; 
	font-family:'新細明體',Arial;
	line-height:22px;
	font-size:15px;
	letter-spacing:0.5px;
	text-decoration:none;

}

.menu_word a:hover{
	color:#F60; 
	font-family:'新細明體',Arial;
	line-height:22px;
	font-size:15px;
	letter-spacing:0.5px;
	text-decoration:none;

}




.page_chang{
	color:#333333; 
	font-family:'新細明體',Arial;
	line-height:22px;
	font-size:15px;
	letter-spacing:0.5px;

}





/*--------- 頁碼 --------------*/

.pagword {
	font-family:Arial, 新細明體 ;
	font-size: 15px;
	letter-spacing:1px;
    line-height:;
	color:#666;
	text-align:;     /*文字水平對齊*/
    text-justify:inter-ideograph;
	text-decoration:none;
	/*text-indent:-16px;   首行縮排*/
}

.pagword a{
	font-family:Arial, 新細明體 ;
	font-size: 15px;
	letter-spacing:1px;
    line-height:;
	color:#666;
	text-align:;
    text-justify:;
	text-decoration:none;
	/*text-indent:-16px;   首行縮排*/
}


.pagword a:hover{
	font-family:Arial, 新細明體 ;
	font-size: 15px;
	letter-spacing:1px;
    line-height:;
	color:#F60;
	text-align:;
    text-justify:;
	text-decoration:none;
	/*text-indent:-16px;   首行縮排*/
}




/*----------------------下方產品跑馬燈-------------------------*/


#product {
 width:854px;
 height:100px;
 border:0px solid #ccc;
 margin:12px 0 0 0;   /*上、左、下、右*/
 float:left;
}
#product div#pcontent {
 position:relative;
 width:720px;
 height:100px;
 display:inline-block;
 overflow:hidden;
 float:left;
}
#product div#pcontent_list {
 position:absolute;
 width:4000px;
}
#product dl{                 /*依圖片大小修改*/
 width:58px;
 height:80px;
 float:left;
 margin:3px 10px 3px 3px;   /*產品圖的margin*/
 padding:3px 0 0 0 ;        /*產品圖的padding*/
}
#product dl:hover {
 border:2px solid #F90;     /*滑鼠指過圖片的邊框*/
 background:#F90;        /*滑鼠指過圖片的背景色*/
 
}
#product dl dt {
 text-align:center
}
#product dl dt img {
 width:51px;
 height:77px;
 border:0px solid #96d466;	
}
#product dl dd {
 text-align:center;
}
#product span.prev{
 cursor:pointer;
 display:inline-block;
 width:60px;
 height:77px;
 background:url(images/pro_back.jpg) no-repeat left center;
 float:left;
}
#product span.next{
 cursor:pointer;
 display:inline-block;
 width:62px;
 height:77px;
 background:url(../images/pro_back.jpg);
 background:no-repeat;
 background-position:left center;
 float:right;
}


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