.boxArticle{display:flex;}
.boxArticle>.menuArticle{width:25%;padding:15px 0px 35px 0px;box-sizing:border-box;}
.boxArticle>.content-text{width:75%;padding-left:30px;}
.boxArticle>.menuArticle .title{font-weight:900;margin-bottom:20px;}
.boxArticle>.menuArticle ul{list-style:none;}
.boxArticle>.menuArticle>ul>li{display:block;}
.boxArticle>.menuArticle>ul>li>a{background-color:#F6F8FA;box-sizing:border-box;padding:12px 10px;display:block;border-top:1px solid rgba(102,156,255,0.2);color:#484848;font-weight:600;font-size:16px;}
.boxArticle>.menuArticle>ul>li.sel>a{background-color:#006AB3;color:#FFFFFF;}

.boxArticle>.menuArticle>ul>li ul li{

}

.boxArticle>.menuArticle ul ul{
margin-left: 5px;
}

.boxArticle>.menuArticle>ul>li>ul{

}




.boxArticle>.menuArticle>ul>li ul li a{
padding: 12px 10px 12px 10px;
box-sizing: border-box;
display: block;
color:#484848;font-weight:400;font-size:15px;
border-top:1px solid rgba(102,156,255,0.2);
}

.boxArticle>.menuArticle>ul>li ul li a.sel{
color: #006AB3;
}

.boxArticle>.menuArticle ul ul ul li a{
font-size: 13px;
}


@media screen and (max-width:900px){
.boxArticle {flex-direction: column;}
.boxArticle > .menuArticle {width: 100%;padding-bottom: 0px}
.boxArticle > .menuArticle > ul{
overflow: hidden;
max-height: 0px;
transition:all 0.5s ease-out 0s;
}

.boxArticle > .content-text {
padding: 15px 0px 15px 0px;
width: 100%;
}

.boxArticle > .menuArticle .title{
cursor: pointer;
display: inline-block;
padding: 10px 30px 10px 20px;
box-sizing: border-box;
border: 1px solid #D7E2EE;
position: relative;
transition:all 0.5s ease-out 0s;
}
.boxArticle > .menuArticle > ul.show{
max-height: 80vh;
}

.boxArticle > .menuArticle .title:after{
content: "";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #7FB615;
position: absolute;
top:0px;
bottom: 0px;
right: 5px;
margin: auto;
transition:all 0.5s ease-out 0s;
}

.boxArticle > .menuArticle .title.show:after{transform: rotate(-90deg);}

}