@charset "UTF-8";

/* *{
 border: 1px solid #000;
}*/

.slideToggle-numbering {
	padding-left: 5px;
	margin-bottom: 30px;
    }

.products .slideToggle-numbering img{
	width: 95%;
	height: auto;
	box-shadow: 0px 0px 0px 0px;
    }

.products .flip-31 img{
	width: 20%;
	height: auto;
	box-shadow: 0px 0px 0px 0px;
    }
.products .flip-71 img{
	width: 30%;
	height: auto;
	box-shadow: 0px 0px 0px 0px;
    }

.number-font10 {
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 18pt;
	font-weight: 600;
    }
.numbering-headline {
	margin-bottom: 10px;
    }
.flip-1,
.flip-3,
.flip-5,
.flip-7{
	width: 100%;
	padding-left: 50px;
	text-align: left;
	font-size: 16pt;
	color: #111111;
	font-weight: 500;
	font-family: 'Noto Sans TC', sans-serif;
	display: block;
	line-height: 2;
	border: solid 1px #c3c3c3;
	background-color: #ffcc00;
}

/*.flip-1 a {
	width: 95%;
	text-align: left;
	font-size: 16pt;
	color: #fff;
	font-weight: 600;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	text-decoration: none;
	display: block;
	line-height: 2;
}*/
/*.panel-1 {
	color: #fff;
	font-weight: 600;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	line-height: 2;
	padding-left: 50px;
	display: none;
	width: 95%;
	background-color: #6633cc;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12pt;
}*/
.flip-11,
.flip-31,
.flip-51,
.flip-71,
.flip-21,
.flip-41,
.flip-61,
.flip-81{
	width: 100%;
	text-align: left;
	color: #111111;
	font-weight: 500;
	font-family: 'Noto Sans TC', sans-serif;
	display: block;
	line-height: 1.5;
	background-color: #ffffcc;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	font-size: 12pt;
}
.flip-2,
.flip-4,
.flip-6,
.flip-8{
	width: 100%;
	padding-left: 50px;
	text-align: left;
	font-size: 16pt;
	color: #fff;
	font-weight: 500;
	font-family: 'Noto Sans TC', sans-serif;
	line-height: 2;
	border: solid 1px #c3c3c3;
	background-color: #0066ff;
}
/*.flip-2 a {
	width: 1000px;
	text-align: left;
	font-size: 16pt;
	color: #fff;
	font-weight: 600;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	line-height: 2;
	display: block;
	text-decoration: none;
}
.panel-2 {
	color: #fff;
	font-weight: 600;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	line-height: 2;
	padding-left: 50px;
	display: none;
	width: 1000px;
	background-color: #6633cc;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12pt;
}
.flip-3 {
	width: 1000px;
	padding-left: 50px;
	text-align: left;
	font-size: 16pt;
	color: #fff;
	font-weight: 600;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	line-height: 2;
	border: solid 1px #c3c3c3;
	background-color: #663399;
}
.flip-3 a{
	width: 1000px;
	text-align: left;
	font-size: 16pt;
	color: #fff;
	font-weight: 600;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	line-height: 2;
	display: block;
	text-decoration: none;
}
.panel-3 {
	color: #fff;
	font-weight: 600;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	line-height: 2;
	padding-left: 50px;
	display: none;
	width: 1000px;
	background-color: #6633cc;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12pt;
}
.flip-4 {
	width: 1000px;
	padding-left: 50px;
	text-align: left;
	font-size: 16pt;
	color: #fff;
	font-weight: 600;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	line-height: 2;
	border: solid 1px #c3c3c3;
	background-color: #0066ff;
}
.flip-4 a {
	width: 1000px;
	text-align: left;
	font-size: 16pt;
	color: #fff;
	font-weight: 600;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	line-height: 2;
	display: block;
	text-decoration: none;
}
.panel-4 {
	color: #fff;
	font-weight: 600;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	line-height: 2;
	padding-left: 50px;
	display: none;
	width: 1000px;
	background-color: #6633cc;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12pt;
}
.flip-5 {
	width: 1000px;
	padding-left: 50px;
	text-align: left;
	font-size: 16pt;
	color: #fff;
	font-weight: 600;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	line-height: 2;
	border: solid 1px #c3c3c3;
	background-color: #663399;
}
.flip-5 a {
	width: 1000px;
	text-align: left;
	font-size: 16pt;
	color: #fff;
	font-weight: 600;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	line-height: 2;
	display: block;
	text-decoration: none;
}
.panel-5 {
	color: #fff;
	font-weight: 600;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	line-height: 2;
	padding-left: 50px;
	display: none;
	width: 1000px;
	background-color: #6633cc;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12pt;
}
.flip-6 {
	width: 1000px;
	padding-left: 50px;
	text-align: left;
	font-size: 16pt;
	color: #fff;
	font-weight: 600;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	line-height: 2;
	border: solid 1px #c3c3c3;
	background-color: #0066ff;
}
.flip-6 a {
	width: 1000px;
	text-align: left;
	font-size: 16pt;
	color: #fff;
	font-weight: 600;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	line-height: 2;
	display: block;
	text-decoration: none;
}
.panel-6 {
	color: #fff;
	font-weight: 600;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	line-height: 2;
	padding-left: 50px;
	display: none;
	width: 1000px;
	background-color: #6633cc;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12pt;
}
.flip-7 {
	width: 1000px;
	padding-left: 50px;
	text-align: left;
	font-size: 16pt;
	color: #fff;
	font-weight: 600;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	line-height: 2;
	border: solid 1px #c3c3c3;
	background-color: #663399;
}
.flip-7 a {
	width: 1000px;
	text-align: left;
	font-size: 16pt;
	color: #fff;
	font-weight: 600;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	line-height: 2;
	display: block;
	text-decoration: none;
}
.panel-7 {
	color: #fff;
	font-weight: 600;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	line-height: 2;
	padding-left: 50px;
	display: none;
	width: 1000px;
	background-color: #6633cc;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12pt;
}
.flip-8 {
	width: 1000px;
	padding-left: 50px;
	text-align: left;
	font-size: 16pt;
	color: #fff;
	font-weight: 600;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	line-height: 2;
	border: solid 1px #c3c3c3;
	background-color: #0066ff;
}
.flip-8 a {
	width: 1000px;
	text-align: left;
	font-size: 16pt;
	color: #fff;
	font-weight: 600;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	line-height: 2;
	display: block;
	text-decoration: none;
}
.panel-8 {
	color: #fff;
	font-weight: 600;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	line-height: 2;
	padding-left: 50px;
	display: none;
	width: 1000px;
	background-color: #6633cc;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12pt;
} */


/*切換中或英文版  
products .mainfeat .en-ch-feat = 縫紉機特點 
*/
.products .mainfeat .en-feat,
.products .mainfeat .ch-feat{
	width: 95%;	
}
.products .mainfeat .en-feat a{
	font-size: 12pt;   /*---切換成英文---*/
	font-weight: 600;
	}
.products .mainfeat .ch-feat a{
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	font-size: 13pt;   /*---切換成中文---*/
	font-weight: 600;
	}
.products .mainfeat .en-feat a,
.products .mainfeat .ch-feat a{
	color: red;
	float: right;	
	text-decoration: none;	
	margin-right: 10px;
	margin-top:5PX;	
}
.products .mainfeat .ch-feat a:hover,
.products .mainfeat .ch-feat a:hover{
	color: blue;
}
/*切換中或英文版  
products .mainfeat .en-ch-feat = 縫紉機特點 
*/

/*一般特點敍述*/
.productfeat .featdescription{
background-color: #ffffcc;	
	width: 95%;
}
/*改好刪掉.number-font11*/
.featdescription { 
	padding-left: 50px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 20px;
	/*margin-top: 10px;*/
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 14pt;
	font-weight: 500;	
	line-height: 1.5;
	float: left;
	}
/*改好刪掉  .products .number-font11 img*/
.featdescription-inner .ftlist img{
	width: 2%;
	height: auto;
	margin-right: 5px;
	box-shadow: 0px 0px 0px #999999;	
}
/*改好刪掉  .products .number-font11 img:hover*/
.featdescription-inner .ftlist img:hover{	
	border: none;
}
/*一般特點敍述*/

.number-font11 {
	padding-left: 50px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 14pt;
	font-weight: 500;
	background-color: #ffffcc;
	width: 95%;
	line-height: 1.5;
	float: left;
	}
.number-font12 {
	padding-left: 50px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
		font-family: 'Noto Sans TC', sans-serif;
	font-size: 14pt;
	font-weight: 500;
	background-color: #ffcccc;
	width: 95%;
	line-height: 1.5;
	/*/height: 50px;*/
	float: left;
	}
/*.number-font11 {
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	font-size: 14pt;
	font-weight: 600;
	background-color: #ffcccc;
	width: 1000px;
	line-height: 1.5;
	height: 90px;
	float: left;
	} */



.products .column-products-features,
.products .column-products-features-a,
.products .column-products-features-b,
.products .column-products-features-c,
.products .column-products-features-d,
.products .column-products-features-e,
.products .column-products-features-f,
.products .column-products-features-h{

	float: left;

	padding-bottom: 20px;

	margin-top: 20px;
	margin-right: 5px;
	/*/margin-bottom: 20px;*/
	}
.products .column-products-features
{
	width: 45%;
	/*/height: 300px;	*/

	}
.products .column-products-features-a{
    width: 50%;
	/*/height: 300px;	*/

}
.products .column-products-features-b{
    width: 33%;
	/*/height: 300px;	*/

}

.products .column-products-features-c{
    width: 50%;
	height: auto;

}
.products .column-products-features-d{
    width: 40%;
	/*/height: 300px;	*/

}

.products .column-products-features-e{
    width: 95%;
	/*/height: 300px;*/
	}
.products .column-products-features-f{
    width: 65%;
	/*/height: 300px;*/

}
.products .column-products-features-h{
    width: 75%;
	/*/height: 300px;*/

}
.products .column-products-features img,
.products .column-products-features-a img,
.products .column-products-features-b img,
.products .column-products-features-c img,
.products .column-products-features-d img,
.products .column-products-features-e img,
.products .column-products-features-f img,
.products .column-products-features-h img{
	width: 95%;
	height: 95%;
	text-align: left;
	box-shadow: 0px 0px 0px 0px;
	}
.products .column-products-features img:hover,
.products .column-products-features-a img:hover,
.products .column-products-features-b img:hover,
.products .column-products-features-c img:hover,
.products .column-products-features-d img:hover,
.products .column-products-features-e img:hover,
.products .column-products-features-f img:hover,
.products .column-products-features-h img:hover{
	border: none;

	}
.products h4{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14pt;
}


@media screen and (min-width:0px) and (max-width:480px) {
	.number-font11 {
		padding-left: 20px;

	}
	.products .column-products-features,
.products .column-products-features-a,
.products .column-products-features-b,
.products .column-products-features-c,
.products .column-products-features-d,
.products .column-products-features-e,
.products .column-products-features-f,
.products .column-products-features-h{

	width: 95%;
		margin-bottom: 5px;
		margin-left: 10px;
	}



.products .flip-31 img{
	width: 50%;
	height: auto;
	box-shadow: 0px 0px 0px 0px;
    }

.products .flip-71 img{
	width: 60%;
	height: auto;
	box-shadow: 0px 0px 0px 0px;
    }

.flip-1,
.flip-3,
.flip-5,
.flip-7,
	.flip-2,
.flip-4,
.flip-6,
.flip-8,
	.flip-11,
.flip-31,
.flip-51,
.flip-71,
.flip-21,
.flip-41,
.flip-61,
.flip-81	{
	width: 100%;
	}
}
@media screen and (min-width:481px) and (max-width:768px) {


}