/* article */
.dc-article-box{width: 100%;max-width: 67.5rem;}
.dc-article-box a:not(.btn){color: var(--secondary);}
.article-anchor,.article-tips{background: rgba(122, 0, 218, 0.05);padding: 1.875rem;margin-top: 4.5rem;margin-bottom: 1.25rem;}
.article-anchor>ul{margin-bottom: 0;}
.article-anchor li{margin: .5rem 0;color: var(--secondary);}
.article-anchor li a{color: var(--secondary);text-decoration: none;}
.article-anchor li a:hover{text-decoration: underline;}
.dc-article-box a.btn{text-decoration: none;}
.dc-article-box .article-steps{display: flex;align-items: center;padding-top: 3.5rem;padding-bottom: 1rem;}
.dc-article-box .article-steps>.step{flex-shrink: 0;font-size: 0.75rem;color: white;background: var(--secondary);border-radius: 3px;padding: 0.25rem 0.75rem;margin-right: 0.875rem;}
.dc-article-box .article-steps>.h4{margin: 0;}
.dc-article-box img{max-width: 100%;height: auto;margin: 1.5rem auto;}
.dc-article-box .article-tips>div{display: flex;align-items: center;font-weight: bold;padding-bottom: 1rem;}
.dc-article-box img.tips-icon{margin: 0 1rem 0 0 !important;width: auto !important;}
/* aside */
main a{color: black;}
.accordion-style [role=tab][aria-expanded=true] .title {font-weight: bold;}
.article-nav{position: absolute;width: 17%;max-width: 22.5rem;max-height: calc(100% - 7rem);overflow-y: scroll;top: 5rem;left: 0;border: 1px solid #E2E2E2;transition: all .4s;}
.article-nav::-webkit-scrollbar{width: .25rem;}
.article-nav::-webkit-scrollbar-track{background-color: #eee;}
.article-nav::-webkit-scrollbar-thumb{background-color: #ccc;}
.accordion-style [role=tab][aria-expanded=false] i{    -webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.article-nav .collapse li.active{background: rgba(122, 0, 218, 0.1);}
/* nav */
.dc-article .breadcrumb-item+.breadcrumb-item::before{content: '>';}
.dc-article .breadcrumb-item.active{color: black;}
/* comment login */
.logged-in .right button{display: inline-block; font-weight: 700;text-align: center; vertical-align: middle;border: .125rem solid transparent; padding: .71875rem 1.4375rem; font-size: 1rem; line-height: 1.5; border-radius: .1875rem; transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;}
/* 2021 01 18 */
.dc-article-box h2{background-color: #f3e2fe;padding: 0.75rem 1.5rem;border-left: 0.5rem solid #7A00DA;font-size: 1.5rem;margin: 3.25rem 0 1.25rem 0;}
.dc-article-box h3{font-size: 1.125rem;margin: 2rem 0 .5rem 0;}
.dc-article-box h4{font-size: 1rem;}
.dc-article-box table{margin: 1rem auto;display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;text-align: center;border: none;}
.dc-article-box table th,
.dc-article-box table td{border: 1px solid #fff;padding: 1rem 1.5rem;}
.dc-article-box table th p,
.dc-article-box table td p{margin-bottom: 0;}
.dc-article-box table th{font-weight: bold;}
.dc-article-box table thead th{background-color: #7A00DA;color: #fff;font-size: 1.125rem;}
.dc-article-box table tbody tr:nth-child(odd){background-color: #F3E2FE;}
.dc-article-box table tbody tr:nth-child(even){border-color: #F3E2FE;}