@import url('/css/fontawesome-all.css');
@import url('/css/font-awesome.min.css');
@import url('/css/fontawesome.min.css');
ol,ul,dl{padding:0 0px}
#articleInfo1 li, #articleInfo1 p{color: #603813;}
#articleInfo1 *{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#articleInfo1{overflow:hidden;position:relative}
#articleInfo1 .navbox{background:-webkit-linear-gradient(270deg,#ffffff 0%,#e3e3e3 100%);padding:20px 30px;border-radius:20px;border:2px solid #e6e6e6}
#articleInfo1 .topBar{width:calc(100% - 0px);padding:10px 20px;font-size:1.4em;line-height:1.6em;transition:all 0.3s;display:flex;align-items:center;justify-content:space-between}
#articleInfo1 .topBar:after{content:"";position:absolute;left:0;width:0;border-bottom-color:transparent;border-left-color:transparent;bottom:-16px}
#articleInfo1 .topBar .box{display:flex;text-align:center;align-items:flex-start;flex-direction:column}
#articleInfo1 .topBar .box i{font-size:30px;cursor:pointer;display:flex;align-items:center;border-radius:5px;border:gainsboro 1px solid;padding:7px 12px}
#articleInfo1 .topBar .box .fa span{font-size:15px;margin-left:2px}
#articleInfo1 .topBar .box .tit h2{font-size:25px;color:#454444}
#articleInfo1 .topBar .box p{}
#articleInfo1 .topBar .box:last-child{margin-left:0;width:auto;text-align:left;display:flex;flex-direction:row;align-items:center}
#articleInfo1 .infoWrap{overflow:hidden;margin-left:0;padding:20px 0 20px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s}
#articleInfo1 .infoWrap.collapsed{height:0;padding:0;padding-top:0}
#articleInfo1 .infoWrap ul li{padding:10px 30px;border-bottom:1px #ccc dashed}
#articleInfo1 .infoWrap ul li a{display:flex;align-items:center;font-size:17px;color:#4e4e4e}
#articleInfo1 .infoWrap ul li a .fa{margin-right:10px;display:none}
#articleInfo1 .infoWrap ul li a:before{content:"";width:10px;height:10px;background:#a8a8a8;border-radius:50%;display:inline-block;margin:0 15px 0 0}
#articleInfo1 .infoWrap ul li:hover{background:#bcbcbc40}
#articleInfo1 .infoWrap ul li h5{font-size:22px;color:#104a65}
#articleInfo1 .infoWrap ul li h5 i{color:#25a746}
#articleInfo1 .infoWrap ul li p{padding-left:30px;font-size:16px}
#articleInfo1 .iconBtn{position:absolute;width:45px;height:45px;background:#03a9f4;right:25px;top:8px;border:2px #e6f7ff solid;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;font-size:26px;color:#e6f7ff;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center}
#articleInfo1 .iconBtn i{display:flex;flex-direction:column;align-items:center;justify-content:center}
.flexJbox{display:flex;justify-content:space-between}
.flexJbox .leftbox{display:flex;flex-direction:column;width:50%}
.flexJbox .rightbox{display:flex;flex-direction:column;width:50%}
#articleInfo1 .infobox{}
#articleInfo1 .infobox .boxn{margin:30px 0}
#articleInfo1 .infobox .boxn#box01{display:grid;grid-template-columns: 49% 49%;align-items: center;justify-content: space-between;}
#articleInfo1 #box03{display:grid;grid-template-columns:55% 35%;justify-content:space-between}
#articleInfo1 #box03 h4{display:flex;color:#fff;font-size:30px;padding-left:14px;position:relative;margin-bottom:20px}
#articleInfo1 #box03 h4:after{content:url(/images/44/img-title.png);position:absolute;z-index:-1;left:0}
#articleInfo1 #box03 ol{padding-left:30px}
#articleInfo1 #box03 li{list-style:decimal;margin: 10px 0;}
#articleInfo1 #box03 li::marker{color:#84ad71;font-size:22px}
#articleInfo1 .infobox .boxn .titleJ h4{color:#84ad71;font-size:30px;margin-bottom:10px}
#articleInfo1 .infobox #box01 p{font-size:20px;color:#603813;text-align:center;background:#f9f0de;padding:50px 110px;margin-top:-50px;position:relative;z-index:-2;border-radius:40px;font-weight:bold}
#articleInfo1 .infobox .boxn .textJ2{margin-left:15px}
#articleInfo1 .infobox .mlist{padding:10px 0}
#articleInfo1 .infobox .mlist h5{color:#4f4f4f;font-size:22px;margin:0px 0 10px}
#articleInfo1 .infobox .mlist h4{font-size:20px}
#articleInfo1 .infobox .titleJ{position:relative}
#articleInfo1 .infobox .textJ{display:flex;flex-direction:column;align-items:center}
#articleInfo1 .infobox .imgJ{margin:10px 0}
#articleInfo1 .infobox #box01 .imgJ:first-child{text-align: center;grid-column: 1 / 3;}
#articleInfo1 .infobox #box01 .imgJ.center{text-align:center;margin:40px 0}
#articleInfo1 .infobox #box01 .titleJ h4{font-weight:700;line-height:180%;padding-left:20px;display:flex;align-items:center;color:#6e8c5d;font-size:35px;margin:45px 0 25px;justify-content:center}
#articleInfo1 .infobox #box01 .titleJ h4:after{content:'';position:absolute;width:55px;aspect-ratio:1/1;background:#d1e0ce;z-index:-1;border-radius:50px;box-shadow:30px 0 #d1e0ce,60px 0 #d1e0ce,90px 0 #d1e0ce,120px 0 #d1e0ce,150px 0 #d1e0ce;margin-left:-150px}
#articleInfo1 .flexJbox ol{padding-left:30px}
#articleInfo1 .flexJbox li{list-style:decimal;margin:10px 0}
#articleInfo1 .flexJbox li::marker{color:#84ad71;font-size:22px}
#articleInfo1 #box04 h4{display:flex;color:#fff;font-size:30px;padding-left:14px;position:relative;margin-bottom:20px}
#articleInfo1 #box04 h4:after{content:url(/images/44/img-title1.png);position:absolute;z-index:-1;left:0}
#articleInfo1 #box04 ol{padding-left:40px}
#articleInfo1 #box04 li{list-style:decimal;margin:10px 0}
#articleInfo1 #box04 li::marker{color:#97bedb;font-size:22px}
#articleInfo1 #box05 h4{display:flex;color:#fff;font-size:30px;padding-left:14px;position:relative;margin-bottom:20px}
#articleInfo1 #box05 h4:after{content:url(/images/44/img-title2.png);position:absolute;z-index:-1;left:0}
#articleInfo1 #box05 ol{padding-left:40px}
#articleInfo1 #box05 li{list-style:decimal;margin:10px 0}
#articleInfo1 #box05 li::marker{color:#97bedb;font-size:22px}
#articleInfo1 #box05 h5{text-align:center;color: #84ad71;font-size: 30px;margin-bottom: 10px;}
#articleInfo1 #box05 .photo{display:flex;justify-content: center;margin: 40px 0;}
#articleInfo1 #box05 .photo p{margin:0 15px;}
#articleInfo1 #box06 h4{color:#84ad71;font-size:30px;margin-bottom:10px}
#articleInfo1 #box06 ol{padding-left:30px}
#articleInfo1 #box06 li{list-style:decimal;margin:10px 0}
#articleInfo1 #box06 li::marker{color:#84ad71;font-size:22px}

@media screen and (max-width:768px){
    #articleInfo1 .infobox .boxn#box01{display:block;}
    #articleInfo1 #box03{grid-template-columns: 1fr;}
    .flexJbox .leftbox{width:100%;}
    .flexJbox{flex-wrap: wrap;justify-content: center;}
}
@media screen and (max-width:640px){
    #articleInfo1 #box05 .photo{display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px 0;}
    #articleInfo1 .infobox #box01 p{padding: 50px 30px;}
}