/* *{
 border: 1px solid #000;
}*/
.listbox .item{
  width: 100%;
  height: auto;
}
body{
  margin: 0px;
  padding: 0px;
  font-size: 100%;
}
header,well,footer{
  margin-left: auto;
  margin-right: auto;
}
h1,h2,h3,h4,h5,h6,p,ul,ol{
  margin: 0px;
  padding: 0px;
  font-family: 'Noto Sans TC', sans-serif;
}


/* .top_bg_logo{
  margin-top:90px;
  margin-bottom: 45px;
  //margin-left: 80px;
  text-align:center;
  margin-left: auto;
  margin-right: auto;
} */

h3{
margin-top: 100px;  /*10*/
margin-bottom: 20px; /*0*/
	
}

/*切換中或英文版 
.technique .en-ch = 總覧各縫紉機技術指導
*/
.technique .ch a,
.technique .breadcrumb .ch-right{
	font-family: "微軟正黑體", "新細明體", "細明體", "標楷體";
	font-size: 13pt;	/*---切換成中文---*/
	font-weight: 600;
}
.technique .en a,
.technique .breadcrumb .en-right a{
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 12pt;	/*---切換成英文---*/
	font-weight: 600;
}

.technique .breadcrumb .en-right,
.technique .breadcrumb .ch-right{
	
	float: right;	
	text-decoration: none;
	margin-right: 20px;	
}
.technique .ch a,
.technique .en a
{
	color: red;
	float: right;	
	text-decoration: none;
	margin-right: 20px;	
}
.technique .ch a,
.technique .en a,
.technique .breadcrumb .en-right a,
.technique .breadcrumb .ch-right a{
	color: red;
	
}

.technique .ch a:hover,
.technique .breadcrumb .ch-right a:hover,
.technique .en a:hover,
.technique .breadcrumb .en-right a:hover
{
	color: blue;
}
.technique .ch,
.technique .en{
	width: 100%;
	margin-bottom: 30px;
	padding-bottom: 5px;
	
}
/*切換中或英文版 
.technique .en-ch = 總覧各縫紉機技術指導
*/
.grey-frame{
  /*/float: left;*/
  margin-top: 10px;
	/*/padding-left: 50px;*/
}

.breadcrumb{
	margin-top: 20px;
  	background-color: #ffffff;
  	font-size: 14pt;
}
.breadcrumb a{
  text-decoration: none;
  /*/color: brown;*/
}

.breadcrumb a:hover{
  color: brown;
}
/*
span.b{
	display: inline-block;
	width: auto;
	padding-bottom: -50px;
}
*/
span.a{
	display: inline-block;
	width: auto;	
}

.technique h5{
	width: 96%;
	line-height: 1.5;
	font-size: 13pt;
	padding: 8px 25px;
	
    margin-left: 2%;
	/*/background: #eeeeee; */ 

}
 .technique h5 a{
	 color: rgba(0,0,0,1.00);	 
}
 .technique h5 a:hover{
text-decoration: none;
	 color: red;
	}
.technique h5{
	border-bottom:0.2px solid #eee;
}

h5 img{
	width: 25px;
	height: auto;
	margin-right: 12px;
	margin-bottom: 10px;
	display: inline-block;
	margin-top: 0px;
	
}

/*
span.material-symbols-outlined{
	font-family: 'cloud_download';
	font-size: 30px;
}
*/


@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 680px) {

}
@media screen and (max-width : 480px ){
 
  .technique h3{
   margin-top: 40px;
	  margin-bottom: 20px;
    margin-left: 15px;
  }
.technique h5{	
	padding: 8px 35px;	
    
	/*/background: #eeeeee; */ 
}
	.breadcrumb{
  
  font-size: 11pt;
}
}
