@charset "UTF-8";

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


/*---機編序號---*/
.flip-boxs{
	position: relative;
	text-align: left;
}
.flip{
	display: inline-block;
	padding: 0px 5px;	
}
.circleMn{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: white;
	display: inline-block;
	text-align: center;
	line-height: 1;
	background-color: brown;	
	font-size: 16px;	
	top: 10px;
	position: relative;
/*	margin-bottom: -25px;*/	
}

.circleMn-2{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: white;
	display: inline-block;
	text-align: center;
	line-height: 1;
/*	background-color: brown;	*/
	font-size: 16px;	
	top: 10px;
	position: relative;
/*	margin-bottom: -25px;*/	
}


.circleMn span{
	font-family: 微軟正黑體;
	color: white;
	display: block;
	padding: 50%;
	margin: -2em -50% -10px;
	position: relative;
	top: 25px;
/*	border: 0.5em solid transparent;*/
	white-space: nowrap;
/*	border: 1px solid black;*/
}
.c5{
	
	margin-left: 15px;
	margin-right: 15px;
	float: left;
/*	border: 3px solid ;*/
}
.c6{
	top:5px;
	width: 12px;
	height: 12px;
	
	margin-left: 5px;
	margin-right: 5px;
	float: left;
/*	border: 3px solid ;*/
}
.c1ntd{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	top:5px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
	border: 1px solid crimson;
}
.c1ntd2{
	width: 8px;
	height: 8px;
	border-radius: 50%;
	top:1px;
	right: 4px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
	border: 1px solid crimson;
}
.mach-name{	
	float: left;
/*	padding-left: 10px;	*/
/*	margin-top: -8px;*/
/*	margin-bottom: -15px;*/
	padding: 0;
	font-size: 22px;
	letter-spacing: 3px;
/*	border: 1px solid;*/
}

.bgcct{
	background-color: #575959;
/*	background-color: #682075;ctcx用*/
}
.bgcft{	
	background-color: #575959;
/*	background-color: crimson;ft用*/
	}
.bgcntd{	
	background-color: #575959;
/*	background-color: green;ntd用		*/
}
.bgcuh{
	background-color: #575959;
/*	background-color: #d31075;uh用*/
}
.bgcmt{	
	background-color: #575959;
/*	background-color: #1da9d9;mt		*/
}
.bgcftk{	
	background-color: #575959;
/*	background-color: #c89f62;ftk		*/
}
.bgckld{	
	background-color: #575959;
/*	background-color: #cc9900;kld用	*/
}

.bgcglk{	
	background-color: #575959;/*glk用*/	
}
.bgcltd{	
	background-color: #575959;
/*	background-color: #814121;ltd用	*/
}
.bgcvx{	
	background-color: #575959;
/*	background-color: #ff6600;vx用	*/
}
.w15{
	width: 15px;
	height: 15px;
}

.bgcblue{	
	background-color: #004aa1;/*vx用*/	
}
.w10{
	width: 10px;
	height: 10px;
}
/*---機編序號---END*/

/*---機編---*/
.slideToggle-numbering {
	padding-left: 0px;
	margin-bottom: 30px;
	padding-right: 10px
    }

.products .slideToggle-numbering img{
	width: 95%;
	height: auto;
	box-shadow: 0px 0px 0px 0px;
    }
.products .flip-31 img:hover,
.products .flip-51 img:hover,
.products .flip-61 img:hover,
.products .flip-71 img:hover{
  border-style: none;
}

.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: 25px;
    }
.flip-1,
.flip-3,
.flip-5,
.flip-7,
.flip-9,
.flip-11a{
	width: 100%;
	padding-left: 50px;
	text-align: left;
	font-size: 16pt;
	color: #333;
	font-weight: 500;
	font-family: 'Noto Sans TC', sans-serif;
	display: block;
	line-height: 2;
	border-bottom: solid 2px #c3c3c3;
/*	background-color: #663399;*/
/*	border-bottom:  solid 1px #663399; */
}

/*--old code
.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;
}
old code---end*/

.flip-2{
	margin-top: 20px;
}
.flip-11,
.flip-31,
.flip-51,
.flip-71,
.flip-91,
.flip-111a,
.flip-21,
.flip-41,
.flip-61,
.flip-81,
.flip-101{
	width: 100%;
	text-align: left;
	color: #333;
	font-weight: 400;
	font-family: "微軟正黑體",'Noto Sans TC', sans-serif;
	display: block;
	line-height: 1.5;
/*	background-color: #f5f5f5;*/
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 30px;
	padding-right: 10px;
	font-size: 12pt;
	margin-bottom: 20px;
}
.flip-2,
.flip-4,
.flip-6,
.flip-8,
.flip-10{
	width: 100%;
	padding-left: 50px;	
	text-align: left;
	font-size: 16pt;
	color: #333;
	font-weight: 500;
	font-family: "微軟正黑體",'Noto Sans TC', sans-serif;
	line-height: 2;
	border-bottom: solid 2px #c3c3c3;
/*	background-color: #0066ff;*/
/*	border-bottom: solid 3px #0066ff;*/
}
.flip-31,
.flip-41,
.flip-51,
.flip-61{
	padding-bottom: 30px;
}
.uhapp4{
	width: 600px;
	height: auto;
}
.uhapp5{
	width: 400px;
	height: auto;
}
.uhappW300{
	width: 300px;
	height: auto;
}

/*---uh機編/11--*/
.boxs-uhapp{
	flex-direction: row;
    justify-content: space-around;
    /* align-items: center; */
    position: relative;
    display: flex;
}
.boxuhapp{
	margin-bottom: none;
}
.uhapp-tit{
	font-size: 24px;
}
.bgcuhcircle{
	
	width: 20px;
	height: 20px;
	border-radius: 50%;
	font-size: 14px;	
	border: 1px solid red;
	background-color: none;
	color: red;
	top: 10px;
	padding-top: -20px;
	position: relative;
	margin-bottom: 10px;
}

.bgcuhcircle.topfs{
	display: inline-block;
}
.bgcuhcircle.T30{
	top: 30px;
}
.bgcuhcircle span{
	font-family: 微軟正黑體;
	color: red;
	display: block;
	padding: 50%;
	margin: -38px -50% -10px;
	position: relative;
	top: 25px;
/*	border: 0.5em solid transparent;*/
	white-space: nowrap;
/*	border: 1px solid black;*/
}
.bgy{
	background-color: yellow;
	padding-left: 5px;
	top: 40px;
	left: 10px;
}

.dd{
	width: 200px;
	
}
.dd img{
	border-radius: 0px;
}

/*---機編---END*/


/*切換中或英文版  
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 = 縫紉機特點 
*/

/*一般特點敍述*/
hr{
	border: solid 1px #ccc;	
}
.productfeat{
	margin-top: 80px;
	letter-spacing: 2px;
}
.productfeat h3{
	
}
.feattitle{		
	color: brown;
	font-weight: 700;
	padding-left: 10px;
	padding-top: 20px;
	font-size: 18px;
	display: inline-block;
	
}
.productfeat .featdescription{
/*background-color: rgba(218,233,247,0.50);	*/
	width: 95%;
}
.featdescription-inner img{
	width: 30%;
	height: auto;
	margin-right: 15px;
	margin-bottom: 10px;
}
.featdescription-inner.w50w img{
	width: 48%;
	height: auto;
	margin-right: 15px;
	margin-bottom: 10px;
}
.featdescription-inner.w70w img{
	width: 70%;
	height: auto;
	margin-right: 15px;
	margin-bottom: 10px;
}
.featdescription { 
	padding-left: 50px;
	padding-right: 20px;
	padding-top: 25px;
	padding-bottom: 10px;
	/*margin-top: 10px;*/
	font-family: 'Noto Sans TC', sans-serif;	
	float: left;
/*	border-bottom: ridge;*/
	border-bottom-style: 80%;
/*	margin-bottom: 15px;*/
	}
.featdescription h5{
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	text-align: left;
	padding: 0;
	margin: 0;
}
.featdescription h4{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 1px;
	padding: 0;
	margin: 0;
}
.featdescription-inner .cxlist img{
	width: 2%;
	height: auto;
	margin-right: 5px;
	box-shadow: 0px 0px 0px #999999;	
}

.featdescription-inner .cxlist img:hover{	
	border: none;
}
/*一般特點敍述*/

.column-products-features_45{
	width: 45%;
}
.column-products-features{
	width: 30%;
}
.column-products-features-c{
	width: 90%;
}
.column-products-features_45,
.column-products-features,
.column-products-features-c{
	float: left;
	margin-right: 20px;	
	margin-top: 20px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14pt;	
	margin-bottom: 20px;
	}
.products .column-products-features_45 img,
.products .column-products-features img,
.products .column-products-features-c img{
	width: 95%;
	height: 95%;
	text-align: left;
	box-shadow: 0px 0px 0px 0px;
	}
.products .column-products-features_45 img:hover,
.products .column-products-features img:hover,
.products .column-products-features-c img:hover{
	border: none;

	}


@media screen and (min-width:0px) and (max-width:480px) {
	
	.w15{
	width: 12px;
	height: 12px;
}
	.boxs-uhapp{
	flex-direction: column;
    justify-content: space-around;
    /* align-items: center; */
    position: relative;
    display: flex;
}
	.boxuhapp{
	margin-bottom: 30px;;
}
.uhapp4{
	width: 300px;
	
}
	.numbering-headline {
	width: 95%;
    }
.slideToggle-numbering {
	padding-right: 0px;
    }
.featdescription-inner img, .featdescription-inner.w50w img, .featdescription-inner.w70w img{
	width:  80%;
	height: auto;
	margin-right: 15px;
	margin-bottom: 20px;
	
}
.featdescription-inner {
	width:  100%;
	height: auto;
	margin-right: 15px;
	margin-bottom: 20px;
	
/*	text-align: center;*/
}
.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-51 img,
.products .flip-61 img{
	width: 70%;
	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-9, .flip-11a, .flip-2, .flip-4, .flip-6, .flip-8, .flip-10, 
.flip-31,
.flip-51,
.flip-71,
.flip-21,
.flip-41,
.flip-61,
.flip-81	{
	width: 100%;
	padding-left: 10px;
	}
	.flip-11, .flip-31, .flip-51, .flip-71, .flip-91, .flip-111a, .flip-21, .flip-41, .flip-61, .flip-81, .flip-101 {
    
    padding-left: 10px;
    
}
.products .featdescription,
.products .number-font11{
	padding-left: 25px;
	}
.featdescription-inner .cxlist img,
	.products .number-font11 img{
		width: 4%;
	}
.column-products-features {
		width: 90%;
	}
}
@media screen and (min-width:481px) and (max-width:768px) {


}