/* 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:#173054;border-color:#173054;color:#fff}
#articleInfo20{margin:40px auto;width:100%}
#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{border-bottom: 1px dashed #d6d6d6;color: #2d5ea4;padding: 12px 0;margin-bottom: 1.0em;font-weight: 600;line-height: 170%;position: relative;font-size: 24px;letter-spacing: 1px;}
#articleInfo20 .tit h4{font-weight: 500;margin: 28px 0 0px;font-size: 16px;display: flex;align-items: flex-start;}
#articleInfo20 .tit h4 span{font-weight: 400;}

.textEditor ol{margin: 10px 0 40px;padding-left: 30px;}
.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;}
.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}
.textEditor article{line-height:190%;margin:20px 0;line-height:210%;letter-spacing:1px}
ul.process_m{margin: 30px 0 0px;text-align: center;}
ul.process_m .btn {width: 270px;line-height: 50px;font-size: 14px;font-weight: 400;color: #261714;padding: 0;display: inline-block;}
ul.process_m .btn a{color: #242424;font-size: 14px;display: block;text-align: center;padding: 10px 0px;-webkit-animation-delay: .7s;animation-delay: .7s;-webkit-animation: fsUp .8s ease-out both;animation: fsUp .8s ease-out both;position: relative;border: 1px solid #d0d0d0;z-index: 0;}ul.process_m .btn a i{font-size: 15px;margin-right: 17px;color: #242424;}
ul.process_m .btn:hover a::before {height: 0;top: auto;bottom: 0;z-index: -3;}
ul.process_m .btn a::before {content: '';position: absolute;top: 0;right: 0;z-index: -1;width: 100%;height: 0;background-color: #003460;transition-duration: .3s;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
ul.process_m .btn:hover a,ul.process_m .btn:hover a i{color: #ffffff;}


/*table
*----------------------------------------------------------------------------*/
.textEditor h4{color: #2d5ea4;}
#articleInfo20 .textEditor ol, #articleInfo20 .textEditor ul{margin:10px 0 20px;/* padding-left:30px; */}
.textEditor li{margin: 5px;list-style-type:square;list-style-position:inside;color:rgb(60 60 60);font-size: 16px;line-height:1.8;letter-spacing:0.2px;font-weight:400;list-style:outside}
#articleInfo20 .tit article a,.textEditor li span, #articleInfo20 .tit article span, #articleInfo20 .tit p span, #articleInfo20 .tit h3 span{vertical-align: initial;}
.textEditor li .style2{color:#31579d;font-style:italic;font-weight:bold}
.textEditor h5{font-weight:500;margin:5px 0 10px;font-size: 22px;color: var(--primary);letter-spacing:0;padding-left: 10px;}
.textEditor p{padding-left: 0;padding-top: 0;}
.textEditor{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:10px}
.textEditor h2{line-height:140%;font-weight:500;letter-spacing:0;position:relative;padding-bottom:20px;font-size:20px}
.textEditor .gray_bg,.gray_td3_bg{color:rgb(57 57 57);padding:10px 20px;margin:10px 0}
.textEditor .gray_bg:nth-child(2n) td{background-color:#fbfbfb}
.textEditor .gray_bg td,.textEditor .red_bg th,.textEditor .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}
.textEditor .gray_bg td a{color:var(--primary)}
.textEditor .gray_bg td a span{vertical-align:inherit}
.textEditor .red_bg td,.textEditor .red_bg th{border-bottom: 3pt solid #173054;border-top: 2pt solid #173054;background-color: #173054;color:#ffffff;font-weight:500;font-size:17px}
.textEditor tr td a{vertical-align:initial}
.textEditor tr td a i{font-size:30px;color:#c5c5c5;padding:4px 6px}
.textEditor li a{color: var(--primary);vertical-align: initial;}
.textEditor li a:hover{color:#afb5b9;}
.textEditor article,.column article{padding:10px 0px;color:#2c2c2c;font-weight:400;line-height:180%}
.textEditor article h2{font-size:20px;padding:0px 0 20px}
.textEditor .textfeature{display:flex;align-items:center}
.textEditor .textfeature .img{width:520px;margin-right:3%}
.textEditor .textfeature ol{width:-webkit-fill-available}
.table_brand tr:nth-child(1){font-weight:500;text-align:center}


@media screen and (max-width: 960px) {
	#articleInfo20 ul li article{font-size: 16px;}
	#sideNav2 ul.Cate{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
}
@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}
	.textEditor article{margin:20px 0}
	.textEditor article,.column article{font-size:15px}
	.textEditor .textfeature{display:flex;flex-direction:column}
	.textEditor .textfeature .img{width:-webkit-fill-available;margin-right:0}
	#articleInfo20 .tit h3{padding-bottom:10px;margin-bottom:20px;font-size:21px;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;padding:0;margin: 5px 0;flex:auto}
	#sideNav2 >ul >li >h3 a{padding:12px 12px}
	#articleInfo20 .tit h2{font-size:20px}
}
@media screen and (max-width:645px){
	.table_brand {width: 780px;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;}
}

@media screen and (max-width: 480px) {
	#articleInfo20 .tit{margin: 20px 0px;}
	.textEditor h5{font-size: 16px;}
	.textEditor li{margin: 5px 0px;}
	.textEditor h5{font-size: 20px;padding-left:10px}
	.textEditor ol{padding-left:30px}
	.textEditor li{margin:5px 0px}
}