/* sideNav2 */
#sideNav2 ul.Cate{font-size: 15px;color: #9e9e9e;text-align: center;-ms-flex-pack: center;justify-content: center;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#sideNav2 >ul >li {border: 1px solid #e1e1e1;margin: 6px;}
#sideNav2 >ul >li >h3 {display: block;}
#sideNav2 >ul >li >h3 a {letter-spacing: 1px;font-size: 16px;font-weight: 500;color: #35393a;display: block;padding: 12px 18px;transition: 0.9s;text-align: center;line-height: 150%;}
#sideNav2 >ul >li >h3 a:hover{background-color: #7f1418;border-color: #7f1418;color:#fff}
#articleInfo20{width:100%;margin-bottom: 50px;}
#articleInfo20 .tit h2{border-left:4px solid #00396d;padding-left:16px;font-weight:600;line-height:170%;position:relative;font-size:24px}
#articleInfo20 .tit h3,#CLASS02 .tit h3{border-bottom: 1px dashed #d6d6d6;color: #2a59a8;padding: 12px 0;margin-bottom: 1.0em;font-weight: 600;line-height: 170%;position: relative;font-size: 24px;letter-spacing: 0px;}
#articleInfo20 .tit h4{font-weight: 500;margin: 28px 0 0px;font-size: 16px;display: flex;align-items: flex-start;color: #7f1418;}
#articleInfo20 .tit h4 span{font-weight: 400;}
.textEditor ol{margin: 10px 0 20px;padding-left: 20px;}
.textEditor li{list-style-type: square;color: rgb(48 48 48);font-family: var(--font-family), sans-serif;list-style-position: initial;font-size: 15px;font-weight: 400;line-height: 1.93;letter-spacing: 0.8px;padding-left: 10px;position: relative;list-style: arabic-indic;}
.textEditor h5{font-weight: 400;margin: 5px 0 10px;font-size: 18px;color: #003460;letter-spacing: 0.5px;}
.textEditor li a{color: var(--secondary);}
.textEditor li a:hover{color:#afb5b9}
#articleInfo20-1 .linkList{display:flex;flex-direction:row;flex-wrap:wrap}
#articleInfo20-1 .linkList li{width: calc((100% / 1) - 20px);margin:10px;list-style-type:none;padding-left:0}
#articleInfo20-1 .linkList .item{padding: 30px 10px 30px 10px;background-color:#f2f2f2;border-radius:5px}
#articleInfo20-1 .linkList .ImgBox{display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between}
#articleInfo20-1 .linkList .Txt{font-size:16px;font-weight:300;color:#747474;line-height:1.8}
#articleInfo20-1 .linkList .top{position:relative;padding-bottom:15px;margin-bottom:12px}
#articleInfo20-1 .linkList .top::before{content:"";position:absolute;left:0;bottom:0;width:15px;height:1px;background-color:rgba(90,90,90,0.3)}
#articleInfo20-1 .linkList .item .text{font-size:16px;font-weight:500}
#articleInfo20-1 .linkList .textEditor li{
    list-style: square;
    margin: 0;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10px;
    position: relative;
}
#articleInfo20-1 .linkList .textEditor li:before{position:absolute;top: 10px;left: -16px;content:"";display:block;height: 5px;width: 5px;transition:0.5s;background: #6e6e6e;}
	
#articleInfo20-1 .linkList .textEditor li font:nth-child(1){
    width: 200px;
    padding-right: 20px;
}
#articleInfo20-1 .linkList .textEditor li font:nth-child(2){
    width: calc(100% - 220px);
}
.titimg{margin-top:100px}
.titimg ul{display:flex;flex-wrap:wrap}
.titimg ul li{width:calc((100%/4) - 20px);padding:0 10px 30px;list-style-type: none;}
.titimg ul li .itemList p{margin-top: 15px;}
.titimg ul li .itemList img{width:100%;height:220px;object-fit:cover}


/*table
*----------------------------------------------------------------------------*/
.table_brand h5{font-weight:500;margin:5px 0 10px;font-size: 22px;color: var(--primary);letter-spacing:0;padding-left: 10px;}
.table_brand p{padding-left: 0;padding-top: 0;}
.table_brand{padding:0px 0px 0}
.table_brand{width:100%;border-right:1px #e6e6e6 solid;border-top:1px #e6e6e6 solid;border-spacing:0px;background-color:#fff;margin: 20px 0;}
.table_brand h2{line-height:140%;font-weight:500;letter-spacing:0;position:relative;padding-bottom:20px;font-size:20px}
.table_brand .gray_bg,.gray_td3_bg{color:rgb(57 57 57);padding:10px 20px;margin:10px 0}
.table_brand .gray_bg:nth-child(2n) td{background-color:#fbfbfb}
.table_brand .gray_bg td,.table_brand .red_bg th,.table_brand .red_bg td{padding:10px 10px;border-left:1px #e6e6e6 solid;border-bottom:1px rgb(76 76 76 / 17%) solid;font-weight:400;background-color: #ededed;font-size:15px;word-break: auto-phrase;}
.table_brand .gray_bg td a{color:var(--primary)}
.table_brand .gray_bg td a span{vertical-align:inherit}
.table_brand .red_bg td,.table_brand .red_bg th{border-bottom: 3pt solid #5c5c5c;border-top: 2pt solid #5c5c5c;background-color: #5c5c5c;color:#ffffff;font-weight:500;font-size:17px;width: 200px;}
.table_brand tr td a{vertical-align:initial}
.table_brand tr td a i{font-size:30px;color:#c5c5c5;padding:4px 6px}
.table_brand li a{color: var(--primary);vertical-align: initial;}
.table_brand li a:hover{color:#afb5b9;}
.table_brand article,.column article{padding:10px 0px;color:#2c2c2c;font-weight:400;line-height:180%}
.table_brand article h2{font-size:20px;padding:0px 0 20px}
.table_brand .textfeature{display:flex;align-items:center}
.table_brand .textfeature .img{width:520px;margin-right:3%}
.table_brand .textfeature ol{width:-webkit-fill-available}
.table_brand tr:nth-child(1){font-weight:500;}

#CLASS02{
    display: flex;
}
#CLASS02 #articleInfo20-1{
    margin-right: 40px;
    width: 80%;
}
@media screen and (max-width: 1024px) {
	#articleInfo20 ul li article{font-size: 16px;}
	#sideNav2 ul.Cate{display:flex;flex-direction:row;flex-wrap:wrap}
	#articleInfo20-1 .linkList li{width:calc((100% / 1) - 20px)}
	#articleInfo20-1 .linkList .ImgBox .Img img{width:50px}
	#articleInfo20-1 .linkList .ImgBox .num{font-size:60px}
	#articleInfo20-1 .linkList .item{padding:20px 20px 25px 20px}
	.table_brand article{margin:20px 0}
	.table_brand article,.column article{font-size:15px}
	.table_brand .textfeature{display:flex;flex-direction:column}
	.table_brand .textfeature .img{width:-webkit-fill-available;margin-right:0}
#CLASS02{
    display: flex;
    flex-direction: column;
}
	#CLASS02 #articleInfo20-1{
    margin-right: 0;
    width: 100%;
}
}
@media screen and (max-width: 768px) {
	ul.process_m .btn{width:100%}
	ul.process_m{margin:10px 0 0px}
	.main-article #describe article{padding:10px 0px}
	#articleInfo20 .tit h3{padding-bottom:10px;margin-bottom:20px;letter-spacing:0.5px}
	#articleInfo20 .tit h4{margin:20px 0 10px;display:flex;align-items:flex-start;flex-direction:column}
	#articleInfo20 .tit p{/* margin-left:10px; */}
	#articleInfo20{width:100%;margin:10px auto}
	#articleInfo20 ul li{margin-bottom:10px;margin: 5px 0;flex:auto}
	#sideNav2 >ul >li >h3 a{padding:12px 12px}
	#articleInfo20 .tit h2{font-size:20px}
	.titimg ul{display: flex;flex-direction: row;flex-wrap: wrap;}
	.titimg ul li{width: calc((100%/2) - 20px);padding: 0 10px 30px;}
	.titimg {margin-top: 40px;}
}
@media screen and (max-width:645px){
	.table_brand {width: 600px;border-right: 1px #e6e6e6 solid;border-top: 1px #e6e6e6 solid;}
	.table-container {width: 100%;overflow-x: scroll;margin: 0 0 .5em;-webkit-overflow-scrolling: touch;}
	.table_brand h5{font-size: 16px;}
	.table_brand li{margin: 5px 0px;}
	.table_brand h5{font-size: 20px;padding-left:10px}
	.table_brand ol{padding-left:30px}
	.table_brand li{margin:5px 0px}
	#articleInfo20-1 .linkList .textEditor li{
    display: flex;
    flex-direction: column;
}
	#articleInfo20-1 .linkList .textEditor li font:nth-child(1),#articleInfo20-1 .linkList .textEditor li font:nth-child(2){
    width: auto;
    padding-right: 0;
}
}

@media screen and (max-width: 480px) {
	#articleInfo20 .tit{margin: 20px 0px;}
	.titimg ul li{width: calc((100%/1) - 20px);padding: 0 10px 30px;}
}