body{background-color: #ffffff;color: #2A2E4A;}
#arc-wrap{padding-bottom: 44px;margin-top:20px;}
#arc-wrap h1{font-size: 36px;font-weight: 700;margin-bottom: 20px;border-bottom: 1px solid #eee;padding-bottom: 20px;}
#arc-wrap .author-info {padding: 20px 0;position: relative;border-top: 1px dashed rgba(42,46,74,.2);margin: 20px 0;border-bottom: 1px dashed rgba(42,46,74,.2);}
#arc-wrap .author-info img {width: 30px;height: 30px;margin-right: 10px;border-radius: 50%;}
#arc-wrap .arc-rgt{width: 1000px;margin-right: 60px;}

#arc-cont picture:not(:first-child),#arc-cont blockquote:not(:first-child){margin-top: 20px;}
#arc-cont picture:not(:last-child),#arc-cont blockquote:not(:last-child){margin-bottom: 20px;}

#arc-sidebar {/*box-shadow: 0 0 15px 0 rgba(153,153,153,0.24);*/border-radius: 3px;padding-bottom: 20px;width: 260px;flex: 0 0 260px; position: sticky;position:-webkit-sticky;top: 10px;}
#arc-sidebar:empty{display: none}
#arc-sidebar:empty~#expand-btn{display: none;}
#arc-sidebar:empty~.arc-rgt{margin-left: 190px;}
#arc-sidebar .title {font-size: 16px;padding: 12px 20px;color: #FFFFFF;font-weight: 700;background: #2A2E4A;}
#arc-sidebar>ul{background: #ffffff;box-shadow: 0 5px 15px 0 rgba(0,0,0,0.10);}
#arc-sidebar>ul>li>a {padding: 10px 20px;font-size: 14px;transition: all linear 0.2s;border-left: 4px solid transparent;display: block;font-weight: 600;}
#arc-sidebar>ul>li>a:hover, #arc-sidebar>ul>li.actived>a {background: #eee;/*color: #FF612E;*/border-color: #FF612E;}
#arc-sidebar>ul>li>ul {background: #f8f8f8;display: none;padding: 12px 0;font-size: 12px;}
#arc-sidebar>ul>li.actived>ul{display: block;}
#arc-sidebar>ul>li>ul>li a {padding: 5px 20px;font-size: 12px;display: block;font-weight: 400;}
#arc-sidebar .product-ads{margin: 20px 0;text-align: center;background: url(https://www.passfab.com/images/products/product-banner-bg.jpg) center /cover;padding: 30px 20px;}
#arc-sidebar .product-ads .ads-title{font-size: 18px;line-height: 24px;font-weight: 700;}
#arc-sidebar .product-ads .text{margin: 5px 0 20px;font-size: 14px;}
#arc-sidebar .product-ads .btn{padding: 0;width: 90px;height: 28px;line-height: 28px;text-transform: uppercase;font-size: 12px;text-align: center;display: block;}
#arc-sidebar .product-ads .btn.bg-white{color: #eb7100;box-shadow: 0 2px 3px 0 rgba(235,113,0, .2);}
#arc-sidebar .product-ads picture{max-width: 130px;margin-top: 30px;}

#arc-cont .anchor-block{padding: 30px;border: 1px solid rgba(42,46,74,0.20);margin: 20px 0;}
#arc-cont .anchor-block ul{margin: 0;}
#arc-cont ul.list-dot>li,#arc-cont ul.list-arrow>li{position: relative;}
#arc-cont ul.list-dot.border>li:after,#arc-cont ul.list-dot.bg-gray>li:after{background-color: #EB7100;}
#arc-cont ul.list-dot>li a,#arc-cont ul.list-arrow>li a,#arc-cont .anchor-block a{color: #EB7100;}
#arc-cont ul.list-dot.bg-gray,#arc-cont ul.list-dot.border,#arc-cont ul.list-arrow.border{background: transparent;border: 1px solid rgba(42,46,74,.2);padding: 20px 30px;}
#arc-cont ul.list-arrow li{padding-left: 20px;}
#arc-cont ul.list-arrow li:before{content: '';position: absolute;width:7px;height: 7px;border-top: 2px solid #eb7100;border-right: 2px solid #eb7100;transform: rotate(45deg);top: 7px;left: 0;}
#arc-cont ul.number-border-bottom-list li{position: relative;padding-left: 34px;}
#arc-cont ul.number-border-bottom-list li span:first-child{position: absolute;left: 0;border-bottom: 2px solid rgba(235,113,0, .4);padding-bottom: 4px;font-size: 20px;line-height: 16px;text-align: center;}
#arc-cont ul.select-list li,#arc-cont ul.minus-list li{position: relative;padding-left: 30px;}
#arc-cont ul.select-list li:before,#arc-cont ul.minus-list li:before{content: '';position: absolute;width: 20px;height: 20px;left: 0;}
#arc-cont ul.select-list li:before{background: url(https://www.passfab.com/images/icon/icon-select.svg) center no-repeat;}
#arc-cont ul.minus-list li:before{background: url(https://www.passfab.com/images/icon/icon-minus.svg) center no-repeat;}

#arc-cont {background: #fff;font-size: 16px;}
#arc-cont .btn:hover{text-decoration: none;}
#arc-cont .orange-btn{color: #FFF;}
#arc-cont .flexible .cell{padding: 0 1%;}
#arc-cont .flexible.two .cell{width: 50%;}
#arc-cont .flexible.three .cell{width: 33.3333%;}
#arc-cont .flexible.four .cell{width: 25%;}
#arc-cont .flexible.five .cell{width: 20%;}
#arc-cont .flexible.six .cell{width: 16.666666%;}
#arc-cont .flexible.seven .cell{width: 14.2857%;}
#arc-cont .font-bold{font-weight: 700 !important;}
#arc-cont p {margin: 20px 0;font-weight: 400;font-size: 16px;line-height: 1.6;}
#arc-cont p:first-child {margin-top: 0;}
#arc-cont ul{display: block;margin: 20px 0;}
#arc-cont ul.bg-gray, #arc-cont .note{padding: 30px;}
#arc-cont ul li {font-weight: 400;}
#arc-cont ul li:not(:last-child){margin-bottom: 20px;}
#related-arc ul li:not(:last-child){margin-bottom: 20px;}
ul.list-style-square li{list-style-type: square;list-style-position: inside;}
#arc-cont .note{line-height: 22px;font-size: 16px;background-color: rgba(235,113,0,0.08);}
#arc-cont .note div:last-child{margin-top: 10px;}
#arc-cont picture {margin: 20px 0;max-width: 860px;}
#arc-cont a:hover {text-decoration: underline;color: #FF612E;}
#arc-cont .step{background-color: #363636;color: #fff;border-radius: 2px 0 0 2px;position: relative;height: 28px;line-height: 28px;padding: 0 6px 0 10px;display: inline-block;margin-right: 16px;}
#arc-cont .step::after{content: '';width: 0;height: 0;border-style: solid;border-width: 14px 0 14px 11px;border-color: transparent transparent transparent #363636;position: absolute;right: -11px;top:0;}
#arc-cont h2 {font-size: 32px;font-weight: 600;padding-left: 14px;margin: 50px 0 20px;border-left: 4px solid #EB7100;}
#arc-cont h3 {font-size: 24px;font-weight: 600;margin: 25px 0 15px;opacity: 0.9;position: relative;}
#arc-cont .part-h3{margin: 25px 0 15px;}
#arc-cont .part-h3 h3{margin: 0;}
#arc-cont .part-h2 h2{margin-top: 0;}
#arc-cont .part-h2 .number-h2{margin-top: 0;}
#arc-cont .part-h2{margin: 50px 0 20px;}
/*#arc-cont h3::after{content: '';background-color: #FB8756;width: 6px;height: 25px;position: absolute;left: 0;top:5px;}*/
#arc-cont h4 {font-size: 20px;font-weight: 600;margin: 25px 0 15px;opacity: 0.86;}
#arc-cont h5 {font-size: 18px;font-weight: 600;margin: 20px 0 10px;opacity: 0.86;}
#arc-cont h6 {font-size: 16px;font-weight: 600;margin: 15px 0 10px;opacity: 0.86;}
#arc-cont .download-group {margin: 30px 0;padding: 20px 0 10px;border-top: 1px dashed #efefef;border-bottom: 1px dashed #efefef;}
#arc-cont .download-group .sub {font-weight: 800;font-size: 18px;margin-bottom: 5px;}
#arc-cont .download-group p {color: #999;margin-bottom: 10px;}
#arc-cont .group-btn .tp{background-image: linear-gradient(134deg, #DB9702 0%, #EB7100 100%);font-size: 14px;}
#arc-cont .group-btn .txt{font-size: 22px;}
#arc-cont .video-wrap{margin: 20px 0;}
#arc-cont table {width: 100%;margin: 10px 0;}
#arc-cont table th{font-size: 16px;background: rgba(0,0,0,0.1);padding: 20px 1%;border: 1px solid #FFF;}
#arc-cont table td{border: 1px solid #FFF;background-color: rgba(0,0,0,0.04);padding: 20px 1%;transition: all linear 0.2s;font-weight: 400;}
#arc-cont table tr:hover td{background-color: rgba(0,0,0,0.1)}
#arc-cont table .btn{font-size: 14px;margin: 5px;}
#arc-cont .tip-orange,#arc-cont .tip-blue{font-weight: 400;}
#arc-cont .author-info p{opacity: 0.5;font-size: 14px;margin-top: 0;margin-bottom: 0;}
#arc-cont a:not(.group-btn){color: #eb7100;}
#arc-cont a:hover{text-decoration: underline;}
#arc-cont .btn:hover{filter: contrast(86%);}
#arc-cont span.bg-step{background:#2A2E4A;color: #ffffff;font-weight: 700;padding: 5px;}
#arc-cont .secure-btn:hover{filter: contrast(86%);}
#arc-cont strong{font-weight: 800;}
#arc-cont blockquote{position: relative;padding: 0 26px;margin: 20px 0;font-style: italic;}
#arc-cont blockquote.tip-orange{background: transparent;border-left: none;padding: 0 26px;}
#arc-cont blockquote:before,#arc-cont blockquote:after{content: '';position: absolute;width: 16px;height: 13px;background: url("https://www.passfab.com/images/icon/quote.svg") center no-repeat;}
#arc-cont blockquote:before{left: 0;}
#arc-cont blockquote:after{right: 0;bottom: 0;transform: rotate(180deg);}
#arc-cont .product-banner{padding: 40px 30px;background: url(https://www.passfab.com/images/products/product-banner-bg.jpg) center /cover;margin: 20px 0;}
#arc-cont .product-banner picture{max-width: 120px;margin:0 30px 0 0;}
#arc-cont .product-banner .title{font-size: 22px;line-height: 28px;margin-bottom: 20px;font-weight: 700;}
#arc-cont .product-banner .tp{border-radius: 4px;}
#arc-cont .product-banner .tp:after{top: 9px;}
#arc-cont .product-banner .txt{font-size: 18px;}
#arc-cont .product-banner li:not(:last-child){margin-bottom: 12px;}
#arc-cont .tips{padding: 20px;border: 1px solid rgba(42,46,74,.2);margin: 20px 0;}
#arc-cont .tips svg{flex: 0 0 40px;margin-right: 18px;}
#arc-cont .tips p{margin: 0;}
#arc-cont .number-h2{margin: 20px 0;}
#arc-cont .number-h2 .number{text-align: center;width: 43px;flex: 0 0 43px;}
#arc-cont .number-h2 .number span:first-child{font-size: 36px;color: #EB7100;line-height: 36px;}
#arc-cont .number-h2 .number span:last-child{font-size: 14px;opacity: 0.5;}
#arc-cont .number-h2 h2{padding-left: 20px;border-left: 0;margin: 0;}
#arc-cont .compare-block .cell{padding: 20px 30px;}
#arc-cont .compare-block .title{font-size: 20px;font-weight: 700;margin-bottom: 20px;text-align: center;}
#arc-cont .compare-block .cell:first-child{background: rgba(235,113,0,0.10);border-right: 1px solid #ffffff;}
#arc-cont .compare-block .cell:last-child{background: #F6F6F6;border-left: 1px solid #ffffff;}
#arc-cont .quote-image{display: inline-block;}
#arc-cont figure figcaption{margin-top: 10px;}
#arc-cont .quote-image p{text-align: right;margin: 10px 0 0;}
#arc-cont table{display: table;width: 100%;text-align: center;font-size: 18px;}
#arc-cont table td,#arc-cont table th{border: 1px solid #D8D8D8;padding: 20px 14px;background-repeat: no-repeat;background-position: center;}
#arc-cont table td.ok{background-image: url(https://www.passfab.com/images/icon/select-orange.svg);}
#arc-cont table td:first-child,#arc-cont table th:first-child{text-align: left;}
#arc-cont table td.close{background-image: url(https://www.passfab.com/images/icon/close-gray.svg);}
#arc-cont .table-wrap{overflow-x: auto;width: 100%;margin: 20px 0;}

#related-arc .sub,#disqus-wrap .sub{text-transform: uppercase;font-size: 18px;padding: 10px 20px;font-weight: 700;border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea;border-top: 1px solid #eaeaea;}
#related-arc ul{padding: 40px 50px;}

#disqus-wrap .bg-white,#related-arc ul{padding: 40px 50px;border: 1px solid #eaeaea;width: 100%;margin: 0;}
#related-arc .bg-white.list-dot li:after{/*width: 5px;height: 5px;border-radius: unset;top: 7px;*/color: #eb7100;}

.common-banner{padding: 100px 0;text-align: center;}
.common-banner .title{font-size: 52px;color: #FFFFFF;line-height: 56px;text-shadow: 0 5px 15px rgba(0,0,0,0.30);}
#article-banner{/*background: url("images/article-banner.png") center no-repeat;*/padding: 50px 0;text-align: left;}
#article-banner .title{font-size: 50px;line-height: 60px;}
#article-banner .sub-title{opacity: 0.6;font-size: 36px;line-height: 36px;margin-top: 20px;border-bottom: 1px solid #CCCDD3;padding-bottom: 50px;}
#article-banner .container>h1:last-child{border-bottom: 1px solid #CCCDD3;padding-bottom: 50px;}
#list-banner{background: url("https://www.passfab.com/style/images/banner-topics.jpg") left center no-repeat;background-size: cover;}

#list-cont{padding: 50px 10px;background-color: #F6F6F6;}
#list-cont .container{box-shadow: 0 0 30px 0 rgba(0,0,0,0.10);align-items: stretch;padding: 0;background-color: #FFFFFF;}
#list-cont .list-sidebar-wrap{box-shadow: 15px 0 30px 0 rgba(0,0,0,0.05);width: 20%;}
#list-cont .list-sidebar{border-radius: 8px;background-color: #FFF;font-weight: 700;position: sticky;position: -webkit-sticky;top: 0;}
#list-cont .list-sidebar .sub{font-size: 16px;background: #eee;border-left: 4px solid #FF612E;padding: 10px 25px;}
#list-cont .list-sidebar li.actived{font-size: 20px;background: #eee;border-left: 4px solid #FF612E;}
#list-cont .list-sidebar li.actived a{color: #2A2E4A;}
#list-cont .list-sidebar li.actived a:hover{transform:none!important;}
#list-cont .list-sidebar li{transition: all linear 0.2s;border-left: 4px solid transparent;}
#list-cont .list-sidebar li:hover{background: #eee;border-color: #FF612E;}
#list-cont .list-sidebar li a{display: block;padding: 10px 25px;width: 100%;}
#list-cont .list-sidebar li a:hover{transform: translateX(5px);}
#list-cont .list-sidebar li svg{float: right;width: 20px;height: 20px;display: none;}
#list-cont .list-sidebar li:hover svg{display: block;}
#list-cont .rgt{width: 76%;padding: 40px 0;}
#list-cont .rgt .item{font-size: 26px;font-weight: 700;margin-bottom: 20px;padding-left: 20px;}
#list-cont .rgt .cell{padding: 20px;border-bottom: 1px solid rgba(42,46,74,0.1);display: block;}
#list-cont .rgt .cell .tp{display: block;}
#list-cont .rgt .cell:hover{background: #F6F6F6;}
#list-cont .rgt .cell:hover .tp{transform: translateX(10px);}
#list-cont .rgt .sub{font-size: 18px;margin-bottom: 10px;font-weight: 700;}
#list-cont .rgt .desc{margin-bottom: 20px;font-size: 16px;}
#list-cont .rgt .author-info img{width: 30px;height: 30px;border-radius: 50%;border: 1px solid #FF612E;margin-right: 10px;}
#list-cont .rgt .author-info .author{margin: 0 5px;}
#list-banner .tip{max-width: 600px;margin: 0 auto;margin-top: 20px;}
#list-cont.windows-password .rgt .block{display: none;}
#list-cont.windows-password .rgt .block.sub{display: block;}
#list-cont.windows-password .rgt .ce{font-size: 16px;display: block;padding: 15px 0;border-bottom: 1px solid #efefef;}
#list-cont.windows-password .rgt dl{transition: all linear 0.2s;padding: 20px;display: block;}
#list-cont.windows-password .rgt dl:hover{background: #f6f6f6;transform: translateX(10px);}
#list-cont.windows-password .rgt dt{font-size: 18px;margin-bottom: 10px;font-weight: 700;}
#list-cont.windows-password .rgt dd{font-weight: 400;}
#list-cont.windows-password .sub{padding: 0;}

#nav-link{margin-bottom: 40px;}
#nav-link .container{padding: 0;}

#share-cont{padding-top: 20px;border-top: 1px dashed rgba(42,46,74,.2);margin-top: 20px;}
#share-cont .sub{font-size: 18px;font-weight: 700;margin-right: 20px;}
#share-cont .comment{display: block;width: 24px;height: 24px;border-radius: 12px;vertical-align: middle;text-align: center;color: #FFFFFF;cursor: pointer;}
#share-cont .comment.yes{background-color: #EB7100;margin-right: 10px;}
#share-cont .comment.no{background-color: rgba(42,46,74, .5);}
#share-cont .comment.no svg{position: relative;top: 2px;}

@media (max-width: 1370px){
    #arc-wrap{margin-left: 0;}
    #arc-sidebar:empty~.arc-rgt{margin-left: 0;}
    #arc-sidebar{display: none;}
    #arc-sidebar.actived{position: fixed;right: 0;z-index: 1;margin-top: 5px;display: block;}
    #arc-wrap .container{justify-content: flex-end;max-width: 1000px;}
    #nav-link .container{max-width: 1000px;}

    #expand-btn{background: #FF612E;padding:5px;width: 42px;height: 42px;position: fixed;display: block;right: 5px;font-size: 36px;color: #FFF;line-height: 1;text-align: center;z-index: 2;}
    #expand-btn.actived{transform: translateX(-260px);right: 0;}
    #expand-btn .arrow,#expand-btn.actived .bread{display: none;}
    #expand-btn.actived .arrow{display: block;transform:rotate(180deg);}
}

@media (max-width: 769px){
    #article-banner .title{font-size: calc(20px + 1.5vw);}
    #arc-cont h3,#article-banner .sub-title{font-size: calc(16px + 1vw);}
    #arc-wrap .container{padding: 0;}
    html textarea{width: 100%;}
    #arc-wrap .author-info{align-items:left;}
    #arc-cont {padding: 30px 15px 20px 15px;background: #fff;font-size: 14px;word-break: break-word;overflow-x: hidden;}
    #arc-cont h2{font-size: calc(16px + 1vw);}
    #arc-cont .flexible .cell{width: 100% !important;}
    #list-cont .container,#arc-wrap .author-info,#arc-cont .product-banner,.two.flexible,.three.flexible {flex-direction: column;}
    #list-cont .list-sidebar{position: static;margin-bottom: 40px;}
    #list-cont .list-sidebar-wrap,#list-cont .rgt{width: 100%;max-width: 100%;}
    #arc-cont .group-btn:not(.dev-mobile) {display: none;}
    #arc-wrap .arc-rgt{width: 100%;margin-right: 0;}
    #related-arc ul, #disqus-wrap .bg-white{padding: 10px;}
    #disqus-wrap p.tip{text-align: center;}
    #arc-cont .product-banner{align-items: center;justify-content: center;}
    #arc-cont .product-banner picture{margin-right: 0;margin-bottom: 20px;}
    #arc-cont .product-banner .title{text-align: center;}
    #arc-cont .two.flexible .cell:not(:first-child),#arc-cont .three.flexible .cell:not(:first-child){margin-top: 20px;}
}