@charset "utf-8";
/* CSS Document */
.page-banner{ position:relative;}
.page-bannertxt{ position: absolute;left: 0;right: 0;top: 50%;z-index:9;}
.form-item{float:left;}
.class-content{width:100%;float:left;}
footer{width:100%;float:left;}
#foot{width:100%;float:left;}
.block{width:100%;float:left;}
#codeimg {
  width: auto;
}
.block .class-content .news-item .news-info h2 {
  display: block;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-top: 10px;
}
table {
  border-collapse: collapse;
}
table td,table th{border:solid 1px #333;}
.product-in{width:100%;float:left;}
.product-in h2,.product-in h3,.product-in h4,.product-in h5,.product-in h6{ font-weight:bold;margin-top:10px;margin-bottom:10px; color:#333;}
.product-in ul{margin-left: 20px;margin-right: 20px;}.product-in ul li{ list-style:disc;}
.product-in table{border-collapse: collapse; }
.product-in b,.product-in strong{ color:#333; font-weight:bold;}.product-in img{max-width:100%;}

.product-right > h1{margin-bottom: 30px;}
.class-info{width:100%;float:left;}
.class-info h2,.class-info h3,.class-info h4,.class-info h5,.class-info h6{ font-weight:bold;margin-top:10px;margin-bottom:10px; color:#333;}
.class-info ul{margin-left: 20px;margin-right: 20px;}.class-info ul li{ list-style:disc;}
.class-info table{border-collapse: collapse; }
.class-info b,.class-info strong{ color:#333; font-weight:bold;}.class-info img{max-width:100%;}


.class-content h2,.class-content h3,.class-content h4,.class-content h5,.class-content h6{ font-weight:bold;margin-top:10px;margin-bottom:10px; color:#333;}
.class-content ul{margin-left: 20px;margin-right: 20px;}.class-content ul li{ list-style:disc;}
.class-content table{border-collapse: collapse; }
.class-content b,.class-content strong{ color:#333; font-weight:bold;}.class-content img{max-width:100%;}

.p-short{width:100%;float:left;margin-top:20px;}


#Descrip table{border-collapse: collapse; }
#Descrip b,#Descrip strong{ color:#333; font-weight:bold;}#Descrip img{max-width:100%;}


.catgiaydeil{width:100%;float:left;padding: 3% 0;}.protip,.maeta{width:100%;float:left;}
.catgiaydeil h1{text-align: left;font-size: 26px; font-weight: bold; border-bottom: solid 1px #f4f4f4; padding-bottom: 2%; margin-bottom: 2%;width: 100%; float: left;color: #333;}
.poorder .tab-list{padding-top: 3%;}
.product-main{width:100%;float:left;}

.date {width:100%;float:left;text-align: center;}
.date span{padding-right: 10px;padding-left: 10px;}.date span a{color: #666;}.date span i{padding-right:5px;}
.Leavetitle{ font-size:20px; font-weight:bold;margin-bottom:2%;color: #333}
.news-inquiry{width:100%;float:left; background-color:#f3f3f3;margin-bottom:0;}
.a2a_kit{margin-top:3%;}






@media(max-width:769px){
.product-list .lefttitle{ position:relative;}
.product-list .lefttitle:before{ position: absolute; right: 10px; top: 20px; content: "+"; font-size: 20px;color: #fff;cursor: pointer;}
.bnu ul{display:block !important;}
.bnu .lefttitle:before{content: "-" !important;}
}

@media(max-width:480px){.block .class-content .news-item{width:100%;}}


/* ---- About / Factory / Certificate inner pages (from original inline CSS) ---- */
.block .classes .class-content p{ margin-bottom:22px; }
.class-content h4{
    font-size: 16px;
    padding: 10px;
    background-color: #007fff;
    color: #fff;
    font-weight: normal;
}
#about-img3{
    width:33%;
    margin:10px 0.33% 10px 0;
}
.equal-distribution {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 20px;
}
.equal-distribution img {
    max-width:100%;
    height: auto;
    margin: auto;
    margin-bottom:20px;
}
@media screen and (max-width:769px){
    .equal-distribution { display: block; }
}