@charset "UTF-8";

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

.sp2 .left2{
	text-align: left;
	padding-left: 10px;
}
.sp2 .left3{
	text-align: left;
	padding-right: 10px;
	padding-left: 35px;
}
.sp2 .left1{
	text-align: left;
	
	padding-left: 48px;
}
.sp2 .left{
	text-align: left;	
	padding-left: 35px;
}
.sp2{
	margin-bottom: 5px;
}
.app1 {
	width: 15%;
}
td.sub .left{
	text-align: left;
	padding-left: 10px;
}
.mm2{
	padding-left:50px;
/*	border: solid 1px*/
}
ul.spec4{
	text-align: left;
	padding-left: 30px;
}
td.sub .spec3{
	text-align: left;
	padding-left: 10px;
}
td.sub .spec2{
	text-align: left;
	font-size: 15px;	
}
.top1{
	color: red;	
}
.top2{
	margin-left: 10px;
}
.top3{
	margin-left: 28px;
}
.app1{
	font-size: 30px;	
}

.trimming{
	width: 50%;	
}
.sub3{
	padding: 10px 0px;
	text-align: left;
	border: 1px solid #d8dee2;
	font-size: 14px;
	display: block;
}
.sub2{
	padding: 10px;
	text-align: left;
	border: 1px solid #d8dee2;
/*	font-size: 14px;*/
	display: block;
}

.app1, .app2, .sub, .trimming, .sp1{
	padding: 5px;
	border: 1px solid #d8dee2;
	text-align: center
}
table{
	border-collapse: collapse;
	border-spacing: 0;
/*	border: 3px solid #d8dee2;	*/
	margin-left: 40px;
	margin-top: 15px;
	width: 90%;
	
	
}
table tr{
	margin: 0;
	
}
table th{	
/*	background-color: #ECF5FF;	*/
	margin: 20px;
	width: 10%;
}

table th, table td{
/*
padding: 10px;
	border: 1px solid #d8dee2;
*/
	
	

}
table td{
/*	text-align: justify;*/
/*	background-color: #ECF9FF;*/
/*
	padding: 50px;
	border: 1px solid #d8dee2;	
	
*/
}
table .trimming img{
	float: center;
/*	border-radius:15px;*/
	
	height: auto;
	display: inline-block;
/*	padding: 10px;*/
/*	padding: 15px 18px;	*/
/*
	flex-direction: row;
	justify-content: flex-end;
	align-items: flex-end;
*/
}

p{
/*	width: 80%;*/
/*	display: inline-block;*/
/*	font-size: 10pt;*/
/*	padding: 10px 0px;*/
	

}
th>p{
	font-style: normal;
}
th>p, td>p{
	font-size: 18px;
	padding-right: 10px;
	
}

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

.products .slideToggle-numbering img{
/*	width: 100%;*/
	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: 25px;
	text-align: left;
	font-size: 16pt;
	color: #fff;
	font-weight: 500;
	font-family: 'Noto Sans TC', sans-serif;
	display: block;
	line-height: 2;
	border: solid 1px #c3c3c3;
	background-color: #62a23d;
}
.flip-21 h6{
	padding-top: 10px;
	padding-left: 45px;
	padding-bottom: 10px;
	font-size: 14px;
}
.flip-21 h2{
	padding-top: 20px;
	padding-left: 35px;
	padding-bottom: 10px;
	font-size: 20px;
}
.flip-21 a:hover {
	color: crimson;
	font-size: 110%;
	text-decoration: none;
}
.flip-21 a {
	color: #1d2088;
	text-decoration: none;
}
.flip-21 p{
	display: inline-block;
}
/*.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: #F1FCFF;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	font-size: 12pt;
}
.flip-2,
.flip-4,
.flip-6,
.flip-8{
	width: 100%;
	padding-left: 25px;
	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;
}
.products .flip-21 img:hover{
	border-style: none;
}
.products .flip-21 .sp1 img, .products .flip-21 .sub img{
	width: 50%;	
}
.products .flip-21 .trimming img{
	width: 90%;
/*	margin-bottom: 15px;*/

}

/*.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 .en-feat a:hover,
.products .mainfeat .ch-feat a:hover{
	color: blue;
}
/*切換中或英文版  
products .mainfeat .en-ch-feat = 縫紉機特點 
*/

/*一般特點敍述*/
.productfeat .featdescription{
background-color: #ccffcc;	
	width: 95%;
}

.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;
	}

.featdescription-inner .ntdlist img{
	width: 2%;
	height: auto;
	margin-right: 5px;
	box-shadow: 0px 0px 0px #999999;	
}

.featdescription-inner .ntdlist 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: #ccffcc;
	width: 95%;
	line-height: 1.5;
	float: left;
	}
.products .number-font11 img{
	width: 2%;
	height: auto;
	margin-right: 5px;
	box-shadow: 0px 0px 0px #999999;
}*/

.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: #ccffcc;
	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-e,
.products .column-products-features-f,
.products .column-products-features-m,
.products .column-products-features-m1{
	float: left;

	padding-bottom: 20px;

	margin-top: 20px;
	margin-right: 5px;
	/*/margin-bottom: 20px;*/
	}
.products .column-products-features{

	width: 30%;

	}

.products .column-products-features-e{

	width: 47%;

	}
.products .column-products-features-f{

	width: 75%;

	}
.products .column-products-features-m{
	width: 45%;
}
.products .column-products-features-m1{
	width: 40%
}

.products .column-products-features img,
.products .column-products-features-e img,
.products .column-products-features-f img,
.products .column-products-features-m img,
.products .column-products-features-m1 img{
	width: 95%;
	height: 95%;
	text-align: left;
	box-shadow: 0px 0px 0px 0px;
	}

.products .column-products-features img:hover,
.products .column-products-features-e img:hover,
.products .column-products-features-f img:hover,
.products .column-products-features-m img:hover,
.products .column-products-features-m1 img:hover{
	 /*/box-shadow: 0px 0px 0px red;
	//border-color: #ffffff;*/

  border-style: none;
  /*/border-width: 3px ;*/

}
.products .column-products-features 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-e,
.products .column-products-features-f,
.products .column-products-features-m,
	.products .column-products-features-m1{
		width: 95%;
		margin-bottom: 5px;
		margin-left: 10px;

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

.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%;
	}

.products .number-font11{
		padding-left: 30px;
	}
.featdescription-inner .ntdlist img{
		width: 4%;
	}
}
@media screen and (min-width:481px) and (max-width:768px) {


}