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


/*all*/
/*header fixed marginTop*/
@media only screen and (min-width: 1px) and (max-width: 1020px) {

.slicknav_menu {
	position: fixed;
	width: 100%;
	top: 0px;
	z-index:99999;
	left: 0px;
}

#wrapper #header_wrap {
	z-index: 99998;
	position: fixed;
	top: 30px;
	height:70px;
	left: 0px;
}

}

@media only screen and (min-width: 1021px){
	
#wrapper #header_wrap {
	z-index: 98;
	position: fixed;
	top: 0px;
}

}





/*all*/
/*footer*/
@media only screen and (min-width: 1px) and (max-width: 520px) {

#footer #footerLinks ul li a {
	font-size: 1em;
}

#footer #footerInfo {
	font-size: 0.8em;
}

#footer #footerLinks ul li {
	width: 50%;
	text-align: center;
}

#footer #footerTitle p {
	font-size: 1.2em;
}

}

@media only screen and (min-width: 521px) and (max-width: 600px) {

#footer #footerLinks ul li a {
	font-size: 1em;
}

#footer #footerInfo {
	font-size: 0.8em;
}

#footer #footerTitle p {
	font-size: 1.4em;
}

}

@media only screen and (min-width: 601px) and (max-width: 768px) {

#footer #footerLinks ul li a {
	font-size: 1.1em;
}

#footer #footerInfo {
	font-size: 0.9em;
}

#footer #footerTitle p {
	font-size: 1.6em;
}

}





/*all*/
/*導覽列*/
@media only screen and (min-width: 1px) and (max-width: 640px) {

#breadcrumbBox {
	display: none;
}

}

@media only screen and (min-width: 481px) and (max-width: 639px) {
	
#breadcrumbBox {
	float: right;
	width: 100%;
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#productBox .content {
	float: left;
	width: 100%;
	margin-top: 30px;
}

#breadcrumbBox ol li a {
	font-size: 0.8em;
}

}

@media only screen and (min-width: 640px) and (max-width: 1000px) {
	
#breadcrumbBox {
	float: right;
	margin-top: 5px;
}

#breadcrumbBox ol li a {
	font-size: 0.8em;
}

}

@media only screen and (min-width: 1001px){
	
#breadcrumbBox {
	float: right;
	margin-top: 5px;
}

}





/*index*/
/*最新商品*/
@media only screen and (min-width: 1px) and (max-width: 679px) {
	
#newProductBox ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	width: 300px;
}

#newProductBox ul li {
	float: left;
	width: 300px;
	list-style-image: none;
	list-style-type: none;
	height: 225px;
	margin-left: 0px;
	padding: 0px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
}

}

@media only screen and (min-width: 680px) and (max-width: 1020px) {
	
#newProductBox ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	width: 650px;
}

#newProductBox ul li {
	float: left;
	width: 300px;
	list-style-image: none;
	list-style-type: none;
	height: 225px;
	margin-left: 0px;
	padding: 0px;
	margin-top: 50px;
	margin-right: 50px;
	margin-bottom: 0px;
}

#newProductBox ul li:nth-child(2n)  {
	margin-right: 0px;
}

}

@media only screen and (min-width: 1021px){
	
#newProductBox ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	height: auto;
}

#newProductBox ul li {
	float: left;
	width: 300px;
	list-style-image: none;
	list-style-type: none;
	height: 225px;
	margin-top: 30px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 50px;
	padding: 0px;
	margin-left: 0px;
}

#newProductBox ul li:nth-child(3n+0)  {
	margin-right: 0px;
}

}





/*inside*/
/*marginTop(fixed header)*/
@media only screen and (min-width: 1px) and (max-width: 1020px) {

.marginTop {
	margin-top: 100px;
}

}

@media only screen and (min-width: 1021px){
	
.marginTop {
	margin-top: 175px;
}

}





/*inside*/
/*產品介紹-列表*/
@media only screen and (min-width: 1px) and (max-width: 679px) {
	
#productListBox ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	width: 300px;
}

#productListBox ul li {
	float: left;
	width: 300px;
	list-style-image: none;
	list-style-type: none;
	height: 270px;
	margin-top: 70px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 50px;
	padding: 0px;
	margin-left: 0px;
}

}

@media only screen and (min-width: 680px) and (max-width: 1020px) {
	
#productListBox ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	width: 650px;
}

#productListBox ul li {
	float: left;
	width: 300px;
	list-style-image: none;
	list-style-type: none;
	height: 270px;
	margin-top: 30px;
	margin-left: 0px;
	margin-bottom: 20px;
	margin-right: 50px;
	padding: 0px;
	margin-left: 0px;
}

#productListBox ul li:nth-child(2n)  {
	margin-right: 0px;
}

}

@media only screen and (min-width: 1021px){
	
#productListBox ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	height: auto;
}

#productListBox ul li {
	float: left;
	width: 300px;
	list-style-image: none;
	list-style-type: none;
	height: 270px;
	margin-top: 30px;
	margin-left: 0px;
	margin-bottom: 20px;
	margin-right: 50px;
	padding: 0px;
	margin-left: 0px;
}

#productListBox ul li:nth-child(3n+0)  {
	margin-right: 0px;
}

}





/*inside*/
/*產品介紹-內頁*/
@media only screen and (max-width: 1000px){
	
#productBox .content {
	float: left;
	width: 100%;
	padding-right: 3%;
	padding-left: 3%;
}

}





/*inside*/
/*公司介紹*/
@media only screen and (max-width: 1000px){
	
#aboutBox .content {
	padding-top: 20px;
	float: left;
	width: 100%;
	padding-right: 3%;
	padding-left: 3%;
}

}





/*inside*/
/*最新消息-內頁*/
@media only screen and (max-width: 1000px){
	
#newsBox .content {
	float: left;
	width: 100%;
	padding-right: 3%;
	padding-left: 3%;
	margin-top: 0px;
}

}






/*inside*/
/*聯絡我們*/
@media only screen and (min-width: 1px) and (max-width: 1000px) {
	
#form #formTable tr th {
	width: 100%;
	float:left;
	text-align: left;
	height:25px;
	line-height:25px;
}

#form #formTable tr td {
	width: 100%;
	float:left;
}

.form-words1 {
	width: 100%;
}

.form-words2 , .form-words4 {
	width: 100%;
}

.form-words3 {
	width: 100%;
}

.form-words5 {
	width: 100%;
	height: 100px;
}

#contactContent .left {
	margin-top: 10px;
}

}