@charset"utf-8"; .article { padding-top: 0; color: #051a29; font-weight: 400; font-size: 1.125rem; line-height: 1.5 } @media (min-width: 992px) { .article .container { width: 900px; margin: 0 auto } } .article-bg { background: url("../img/article-bg.jpg.webp") no-repeat bottom center; margin-bottom: 30px } .article .article-heading { padding: 60px 0 20px } .artcile-content { max-width: 900px; margin: 10px auto } .article-heading { text-align: center; font-size: 2.4rem; color: #222 } .article-meta { display: flex; align-items: flex-start; padding-bottom: 2rem } .article-meta .article-portrait { width: 50px; height: 50px } .article-meta .article-portrait img { width: 50px; height: 50px; max-width: 50px; border-radius: 50% } .article-info { flex: 1; padding-left: 1rem } .article-author { margin-top: -3px; font-size: 1.125rem; font-weight: 500; color: #495057 } .article-author a:hover { color: #435bfd } .article-category { font-size: 0.875rem; color: #6c757d } .article a { color: #0071d1; transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s } .article a:hover { text-decoration: underline } .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 { position: relative } .article h1 a, .article h2 a { color: inherit } .app-title, .article h2 { padding: 8px 65px 12px; margin: 20px 0 10px; counter-increment: nav-order; font-size: 1.65rem; font-weight: bold; position: relative } .app-title::before, .article h2::before { position: absolute; left: 0; top: 6px; width: 40px; height: 40px; line-height: 38px; text-align: center; color: #0071d1; border: 2px solid #0071d1; border-radius: 50%; content: counter(nav-order) } .article h2.sec-url { min-height: auto; line-height: 2; padding: 5px 20px 5px 65px; margin-bottom: 30px } .article h2.sec-url::before { color: #fff; border: 2px solid #fff; left: 10px; top: 11px } .app-title i, .article h2 i { display: none } .article-content h3 span { display: inline-block; padding: 5px 8px 10px; margin-right: 10px; background-color: #333; border-radius: 4px; font-size: 19px; color: #FFF; line-height: 1; vertical-align: middle } .article .com-list { list-style: none; padding-left: 0 } .article-red-banner { margin-bottom: 30px; padding-top: 80px; background: #e32b2c; background: -moz-linear-gradient(top, #e32b2c 0%, #bf1621 100%); background: -webkit-linear-gradient(top, #e32b2c 0%, #bf1621 100%); background: linear-gradient(to bottom, #e32b2c 0%, #bf1621 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e32b2c', endColorstr='#bf1621', GradientType=0); color: #FFF } .article-red-banner .wrap { background: url("../img/splash.png") left top repeat } .article-red-banner .container { max-width: 970px; min-width: 320px } .article-red-banner .articles-product-info { display: table; width: 100%; height: 500px; vertical-align: middle } .article-red-banner h1 { font-size: 60px; line-height: 106%; text-align: center } .article-red-banner .product-info { width: 66.66666667%; margin: 40px auto 20px; padding: 10px 15px; border-radius: 5px; background-color: rgba(0, 0, 0, 0.4) } .article-red-banner .title-area { margin-bottom: 0; text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: 2pt; color: rgb(255, 229, 67); line-height: 1.5 } .article-red-banner .product-name { font-size: 18px } .article-red-banner .rating-stars { height: 20px } .article-red-banner .rating-area { font-size: 14px; color: #e2e2e2 } .article-red-banner .button-container { display: block; margin-right: -15px; padding-top: 16px; text-align: right; vertical-align: middle } .article-red-banner .rating { color: #fff } .article-red-banner .btn-prodcut { padding: 6px 10px; vertical-align: middle; font-size: 12px; border-radius: 4px; color: #FFF; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); border-top: solid #1e9abd 1px; border-right: solid #298ec0 1px; border-bottom: solid #0c79b0 1px; border-left: solid #298ec0 1px; background: #41b7d8; background: -moz-linear-gradient(top, #41b7d8 0%, #008bd1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #41b7d8), color-stop(100%, #008bd1)); background: -webkit-linear-gradient(top, #41b7d8 0%, #008bd1 100%); background: -o-linear-gradient(top, #41b7d8 0%, #008bd1 100%); background: -ms-linear-gradient(top, #41b7d8 0%, #008bd1 100%); background: linear-gradient(to bottom, #41b7d8 0%, #008bd1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#41b7d8', endColorstr='#008bd1', GradientType=0) } .flex { display: flex; flex-wrap: wrap; width: 100% } .article .step, .article .stepblue, .article .stepblue2, .article .stepblue3 { display: inline-block; vertical-align: top; width: 42px; height: 42px; line-height: 42px; margin-right: 12px; margin-top: 20px !important; margin-bottom: 0 !important; border: 1px solid #09c; border-radius: 50%; text-align: center; font-size: 26px; font-weight: 400; font-style: italic; color: #09c; padding-left: 0; padding-right: 4px } .article .step+h2, .article .step+h3, .article .step+h4, .article .step+p, .article .stepblue+h2, .article .stepblue+h3, .article .stepblue+h4, .article .stepblue+p, .article .stepblue2+h2, .article .stepblue2+h3, .article .stepblue2+h4, .article .stepblue2+p, .article .stepblue3+h2, .article .stepblue3+h3, .article .stepblue3+h4, .article .stepblue3+p { display: inline-block; vertical-align: top; margin-top: 20px; margin-bottom: 0; padding-top: 6px; padding-bottom: 6px; width: -webkit-calc(100% - 60px); width: calc(100% - 60px) } .article .stepblue { width: 52px; height: 52px; line-height: 52px; margin-right: 13px; font-size: 36px } .article .stepblue+h2, .article .stepblue+h3, .article .stepblue+h4, .article .stepblue+p { padding-top: 11px; padding-bottom: 11px; width: -webkit-calc(100% - 70px); width: calc(100% - 70px) } .article h3 { font-size: 20px; margin: 15px 0; padding-top: 20px } .article h4, .article h5, .article h6 { font-size: 18px; margin-top: 30px; margin-bottom: 10px } .article h2, .article h3, .article h4, .article h5, .article h6 { clear: both } .article p { text-align: justify } .article img { max-width: 100%; margin-left: auto; margin-right: auto; height: auto } .article .list-lines ul { padding: 15px 0 } .article .list-lines ul li { text-align: justify; float: left; width: 47%; margin-left: 3%; padding: 8px 0 } .article ul { list-style-type: disc; padding: 15px 30px } .article ul:after, .article ul:before { display: table; content: " " } .article ul:after { clear: both } .article ul#subheader-list { margin-top: 0; margin-bottom: 0 } .article ol { padding-left: 30px } .article li { text-align: justify; padding: 5px 0 } .article iframe { -webkit-transform-origin: left top; -moz-transform-origin: left top; transform-origin: left top; border: 0; margin-top: 20px } .article blockquote { background: #f4f5f7 url("../img/quto-icon1.gif") 8px 14px no-repeat; border: 1px dashed #f4f5f7; padding: 20px 20px 0 48px; margin: 5px 0 } .article blockquote .quote-name, .article blockquote .quotename { display: block; color: #999; text-align: right; padding: 5px 10% 0 0 } .article blockquote .quote-name img, .article blockquote .quotename img { vertical-align: middle; padding-right: 5px } .article blockquote .quote-name, .article blockquote .quotename { display: block; color: #999; text-align: right; padding: 5px 10% 0 0 } .article blockquote.tips { background-color: transparent; border-left: 3px solid #4f7177; font-size: 1em; font-style: normal; font-weight: 100; letter-spacing: normal; line-height: 1.6; margin: 1.2rem 0; overflow: hidden; padding: 0.6rem 1.2rem; text-transform: none } .article .align-center, .article .aligncenter, .review .align-center, .review .aligncenter, .review img { display: block; margin: 30px auto } .article .align-left, .article .alignleft, .article .float_left, .article .img_float_left, .review .align-left, .review .alignleft, .review .float_left, .review .img_float_left { float: left; margin-right: 20px; margin-bottom: 0 } .article .boxClear, .article .clear, .article .clear_text, .review .boxClear, .review .clear, .review .clear_text { clear: both } .article .file-format { margin-top: 40px; margin-bottom: 40px; overflow: hidden } .article .file-format img { width: 131px; height: 167px; float: left; margin: 0 30px 0 0 } .article .file-format ul { list-style-type: none; padding-left: 0; float: left; padding-top: 20px } .article .file-format ul li { line-height: 32px } .article .order { padding-left: 60px; padding-top: 10px; padding-bottom: 10px; min-height: 50px; position: relative } .article .order::before { counter-increment: order; content: counter(order); position: absolute; left: 0; top: 0; width: 50px; height: 50px; line-height: 50px; border: 1px solid #09c; border-radius: 50%; text-align: center; font-size: 36px; font-weight: 400; font-style: italic; color: #09c; padding-right: 4px } .article .sub-order { line-height: 42px; padding-left: 58px; position: relative } .article .sub-order::before { counter-increment: sub-order; content: counter(sub-order, lower-roman); position: absolute; left: 4px; top: 0; width: 42px; height: 42px; border: 1px solid #09c; border-radius: 50%; text-align: center; font-size: 26px; font-weight: 400; font-style: italic; color: #09c; padding-right: 2px } .article .sub-order~.sub-order { margin-top: 30px } .article .new-sub-order { counter-reset: sub-order } .article .icon-list { list-style-type: none; padding-left: 7px } .article .icon-list img { float: left; margin-right: 14px; width: 37px; height: 37px } .article .icon-list h2, .article .icon-list h3, .article .icon-list h4, .article .icon-list h5, .article .icon-list h6 { margin-top: 0; margin-left: 51px } .article .icon-list p { margin-top: 0; margin-left: 51px } .article .mark, .article .prtitleb, .article .prtitleg { margin-bottom: 10px; padding-left: 65px; padding-top: 11px; padding-bottom: 11px; min-height: 50px; position: relative } .article .mark::before, .article .prtitleb::before, .article .prtitleg::before { content: ''; position: absolute; left: 0; top: 0; width: 50px; height: 50px; line-height: 50px; border: 1px solid #000; border-radius: 50%; background: url("../img/star-icon.svg") center 46% no-repeat; background-size: 26px auto } .article a.button_download, .article a.download, .article a.download-button, .article a.download_button_new { display: inline-block; background: #1d9610 url("../com/img/article/download.svg?dba8") 54px 18px/32px auto no-repeat; color: #fff; font-size: 30px; height: 65px; padding: 20px 60px 15px 100px; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; margin-top: 18px } .article a.button_download:hover, .article a.download-button:hover, .article a.download:hover, .article a.download_button_new:hover { background-color: #197f0e; color: #fff } .article a.download-small { display: inline-block; background: #1d9610 url("../com/img/article/download.svg?dba8") 30px 15px/24px auto no-repeat; color: #fff; font-size: 20px; padding: 13px 30px 10px 65px; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; margin-top: 18px } .article a.download-small:hover { background-color: #197f0e } .article p .button_download, .article p .download, .article p .download-button, .article p .download-small, .article p .download_button_new { margin-top: 0 } .article .order-nav, .article .ordered-nav, .article .pr, .article .pr4, .article .pr5 { margin-bottom: 30px; counter-reset: nav-order; overflow: hidden } .article .order-nav a, .article .ordered-nav a, .article .pr a, .article .pr4 a, .article .pr5 a { float: left; clear: left; padding: 9px 0; counter-increment: nav-order } .article .order-nav a::before, .article .ordered-nav a::before, .article .pr a::before, .article .pr4 a::before, .article .pr5 a::before { content: counter(nav-order); display: inline-block; vertical-align: top; width: 28px; height: 28px; line-height: 28px; margin-right: 12px; border: 1px solid #09c; border-radius: 50%; text-align: center; color: #09c } .article .order-nav a:hover::before, .article .ordered-nav a:hover::before, .article .pr a:hover::before, .article .pr4 a:hover::before, .article .pr5 a:hover::before { color: #fff; background: #09c } .article .list-nav, .article .pr2 { margin-bottom: 30px; overflow: hidden } .article .list-nav a, .article .pr2 a { float: left; clear: left; padding: 9px 0 } .article .list-nav a::before, .article .pr2 a::before { content: ''; display: inline-block; vertical-align: top; width: 7px; height: 7px; margin-top: 11px; margin-right: 14px; border: 1px solid #09c; border-radius: 50%; color: #09c } .article .list-nav a:hover::before, .article .pr2 a:hover::before { color: #fff; background: #09c } .article .grid-nav, .article .pr3, .article .table-nav { margin-bottom: 30px; overflow: hidden; border: 1px solid #09c; border-radius: 5px } .article .grid-nav a, .article .pr3 a, .article .table-nav a { width: 50%; float: left; padding: 5px 10px; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-color: #09c; border-style: solid; border-width: 0 } .article .grid-nav a:nth-child(odd), .article .pr3 a:nth-child(odd), .article .table-nav a:nth-child(odd) { border-right-width: 1px } .article .grid-nav a:nth-child(n+3), .article .pr3 a:nth-child(n+3), .article .table-nav a:nth-child(n+3) { border-top-width: 1px } .article .grid-nav a:hover, .article .pr3 a:hover, .article .table-nav a:hover { background: #09c; color: #fff; text-decoration: none } .article .chart_table, .article .table, .article .table2 { width: 100%; margin: 18px auto; border: 0; font-size: 15px; line-height: 20px } .article .chart_table th, .article .table th, .article .table2 th { padding: 12px; border-right: 2px solid #fff } .article .chart_table td, .article .table td, .article .table2 td { padding: 12px; background-color: #fff; text-align: center; border-right: 2px solid #fff } .article .chart_table th, .article .chart_table tr:nth-child(odd) td, .article .table th, .article .table tr:nth-child(odd) td, .article .table2 th, .article .table2 tr:nth-child(odd) td { background-color: #f7f7f7 } .article .chart_table img, .article .table img, .article .table2 img { margin: 0 } .article .chart_table td span, .article .table td span, .article .table2 td span { text-decoration: line-through; color: #999 } .article .chart_table .supported, .article .table .supported, .article .table2 .supported { background-position: center; background-repeat: no-repeat; background-image: url("../img/sucess-icon.svg") } .article .chart_table .unsupported, .article .table .unsupported, .article .table2 .unsupported { background-position: center; background-repeat: no-repeat; background-image: url("../com/img/article/unsupported.svg?508c") } .posted { background: #fafbff; border: 0; padding: 30px 35px; overflow: hidden; margin-top: 30px !important; margin-bottom: 20px !important } .posted a { color: #0071d1; transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s } .posted-portrait { position: relative; float: left; width: 55px; height: 55px; border-radius: 50%; overflow: hidden; margin-right: 10px; vertical-align: top } .posted-info { padding-top: 0; margin-left: 94px } .posted-info .link-inherit a { display: inline-block; margin-right: 4px; width: 24px; height: 25px } .posted-info .link-inherit a img { width: 24px } .posted .post-categories, .posted p { padding: 0; margin: 0 } .posted-portrait img { display: block; width: 100% } .posted-portrait img::before { content: ''; position: absolute; width: 100%; height: 100%; background: url("../com/img/article/author.svg?08ca") no-repeat; background-size: 100% 100% } p.tip { line-height: 30px; color: #333 } p.author-details { color: #21b0ec; border-left: 0; font-size: 14px } p.author-details span { display: inline-block; vertical-align: top } p.author-details span:first-child { font-weight: 700; margin-right: 10px; width: 80px } p.author-details span:last-child { width: auto; width: calc(100% - 90px) } #content_right, .aside { text-align: left; margin-top: 20px; margin-right: 30px; width: 240px } #content_right ul, .aside ul { padding-left: 20px } .gg-back, .gg-giveway { display: block; margin-top: 30px } .launch { margin-top: 10px } .video-container { padding: 0; font-size: 0; height: auto } .video-container iframe { position: static; height: 355px } .left_sidebar .rating-share-section { display: none } .content .wrapper { padding-bottom: 0 } img.alignright { display: block; float: right; margin-left: 15px; padding-top: 13px } .title h1 { padding: 45px 0 0; font-size: 36px; font-weight: bold; line-height: 1.3 } .download-content .mac-blue-two-line, .download-content .win-blue-two-line { border: solid 2px #435bfd; border-radius: 4px; background: #435bfd; color: #fff } .download-content .mac-blue-two-line { background: 0; color: #435bfd; box-shadow: none } .download-content .mac-blue-two-line .btn { color: inherit } .download-content .mac-blue-two-line:hover, .download-content .win-blue-two-line:hover { background: #2c3db0; border: solid 2px #2c3db0; color: #fff !important } .download-content { position: relative; width: 100%; overflow: hidden } .download-content .btn { position: relative; display: block; height: 20px; top: 10px; line-height: 20px; font-size: 14px; text-align: left; padding: 0; color: #fff; left: 28px; margin: 0; width: calc(100% - 28px); text-decoration: none; transition: none; -o-transition: none; -moz-transition: none; -webkit-transition: none } .download-content .plantform { position: relative; display: block; top: 10px; font-size: 12px; text-align: left; color: #fff; left: 30px; margin: 0; width: calc(100% - 30px); text-decoration: none } .download-content .secure-down { position: relative; display: block; max-width: 318px; width: 90%; font-size: 12px; text-align: center; color: #777; line-height: 22px; vertical-align: middle; margin-top: 5px; margin-bottom: 5px } .download-content .secure-down::before { content: ''; display: inline-block; width: 18px; height: 22px; vertical-align: middle; margin-right: 2px; background: url("../img/secure-down.svg") left 2px/14px auto no-repeat } .download-content .slogan { width: 100%; color: #000; overflow: hidden; text-align: center; font-size: 20px; font-weight: 400; margin: 10px 0; padding-top: 0 } .download-content .items { width: 100%; overflow: hidden; display: flex; justify-content: center; margin-bottom: 10px } .download-content .mac-blue, .download-content .win-blue { width: 194px; height: 44px; border: 2px solid #4c75ff; border-radius: 22px; color: #4c75ff; display: inline-block; text-align: center; vertical-align: middle; line-height: 40px; margin: 0 10px; box-shadow: 0 0 13px rgba(139, 165, 255, .54); font-size: 16px; text-decoration: none !important } .download-content .mac-blue::after, .download-content .win-blue::after { content: ''; position: relative; display: inline-block; width: 24px; height: 44px; margin-top: -7px; margin-left: 10px; vertical-align: middle; text-decoration: none !important } .download-content .mac-blue:hover, .download-content .win-blue:hover { color: #fff; background: #4c75ff; text-decoration: none !important } .download-content .mac-blue-two-line, .download-content .win-blue-two-line { display: inline-block; position: relative; width: 236px; height: 62px; background: #435bfd; border-radius: 4px; color: #fff; text-decoration: none; margin: 0 10px } .download-content .mac-blue-two-line::after, .download-content .win-blue-two-line::after { content: ''; position: absolute; width: 36px; height: 36px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 15px } .download-content .mac-blue-two-line:hover, .download-content .win-blue-two-line:hover { text-decoration: none !important } .download-content .win-blue::after { background: url("../img/down-win-icon.svg") center center/22px auto no-repeat } .download-content .win-blue:hover::after { background: url("../img/down-win-icon2.svg") center center/22px auto no-repeat } .download-content .mac-blue::after { background: url("../img/down-mac-icon.svg") center center/24px auto no-repeat } .download-content .mac-blue:hover::after { background: url("../img/down-mac-icon2.svg") center center/22px auto no-repeat } .download-content .win-blue-two-line::after { background: url("../img/down-win-t-icon.svg") center center/32px auto no-repeat } .download-content .mac-blue-two-line::after { background: url("../img/down-mac-t-icon-2.png") center center/32px auto no-repeat } .download-content .mac-blue-two-line:hover::after { background: url("../img/down-mac-t-icon.png") center center/32px auto no-repeat } .download-content .mac-blue-two-line { background: 0; color: #435bfd; box-shadow: none } .download-content .mac-blue-two-line .plantform { color: #435bfd } .download-content .mac-blue-two-line:hover .plantform { color: #FFF } .app-image { margin-top: 24px; margin-bottom: 24px } .download-box .download-box__txt, .download-box h4 { font-size: 22px; margin-top: 10px; padding: 0 !important; margin-bottom: 13px; font-family: inherit } .download-box ul { margin-top: 20px } .download-box ul li:after { display: none !important } .download-box ul li img { max-width: 100%; vertical-align: middle; width: auto } table .btn_full_white { font-size: 14px; line-height: 1.2em; padding: 8px 20px; box-shadow: none; margin-top: 5px } table .btn_full_white.win:after { content: '\e916' } table .btn_full_white.mac:after { content: '\e909' } table .btn_full_white:after { font-size: 14px; line-height: 1.2em; font-family: 'globalIconfont'; font-weight: normal; vertical-align: middle; display: inline-block; margin-left: 12px } .navIcon { display: none } .side-nav-collapsable { position: fixed; left: 0; top: 310px; z-index: 999 } .side-nav-collapsable .side-nav-collapsable-link { width: 200px; height: auto; border: 1px solid #0071d1; padding: 10px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); background: #fff; transition: all ease-in-out 0.2s; z-index: 21; color: #3f4e59; margin: 0 } .side-nav-collapsable .icon-show { display: block; background: url("../img/icon-collapsable-show.png.webp") left top no-repeat; width: 200px; height: 30px; text-indent: -9999px } .side-nav-collapsable .icon-hide { display: none; background: url("../img/icon-collapsable-hide.png.webp") left top no-repeat; width: 46px; height: 30px; text-indent: -9999px } .side-nav-collapsable.hides .icon-hide, .side-nav-collapsable.show .side-nav-collapsable-link { display: block !important } .side-nav-collapsable.hides .icon-show, .side-nav-collapsable.hides .side-nav-collapsable-link { display: none !important } .side-nav-collapsable.closed:after { background-image: url("data:image/svg+xml,%3C%3Fxmlversion='1.0'%3F%3E%3Csvgxmlns='http://www.w3.org/2000/svg'xmlns:xlink='http://www.w3.org/1999/xlink'version='1.1'viewBox='00172172'width='100px'height='100px'%3E%3Cgfill='none'fill-rule='nonzero'stroke='none'stroke-width='1'stroke-linecap='butt'stroke-linejoin='miter'stroke-miterlimit='10'stroke-dasharray=''stroke-dashoffset='0'font-family='none'font-weight='none'font-size='none'text-anchor='none'style='mix-blend-mode:normal'%3E%3Cpathd='M0,172v-172h172v172z'fill='none'/%3E%3Cgfill='%23ffffff'%3E%3Cgid='surface1'%3E%3Cpathd='M0,25.8v17.2h172v-17.2zM0,77.4v17.2h172v-17.2zM0,129v17.2h172v-17.2z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") } .side-nav-collapsable.closed { width: 40px; height: 40px; color: #fff; background: #0071d1 } .side-nav-collapsable.closed dl { display: none } .side-nav-collapsable dt { font-size: 18px; margin-bottom: 10px; display: inline-block; line-height: 1.2em; border-bottom: 1px solid #0071d1; padding-bottom: 5px; width: 100%; font-weight: 700 } .side-nav-collapsable dt a { color: #0071d1 } .side-nav-collapsable .expand { margin-bottom: 5px; font-size: 14px } .side-nav-collapsable .expand span { border-radius: 50%; background: #0071d1; color: #FFF; width: 16px; height: 16px; display: inline-block; text-align: center; line-height: 16px; margin-left: 4px; cursor: pointer; font-size: 16px } .side-nav-collapsable .expand span:hover { background: #313c48 } .side-nav-collapsable .cont { display: none } .side-nav-collapsable dd { font-size: 16px; font-weight: bold; line-height: 1.2em; margin-bottom: 8px; padding-bottom: 8px; margin-left: 0; text-align: left } .side-nav-collapsable dd.android, .side-nav-collapsable dd.ios, .side-nav-collapsable dd.mac, .side-nav-collapsable dd.windows { height: 2px; position: relative; border-bottom: 1px dashed #85a3bf; margin: 20px 0 !important } .side-nav-collapsable dd.android span, .side-nav-collapsable dd.ios span, .side-nav-collapsable dd.mac span, .side-nav-collapsable dd.windows span { display: block; width: 90px; height: 40px; margin-left: auto; margin-right: auto; text-indent: -9999px; background-color: #fff; position: absolute; left: 22%; top: -10px } .side-nav-collapsable dd.windows span { background: url("../img/win-mac-icon.png.webp") #FFF 20px -8px no-repeat; width: 140px; transform: scale(0.7); left: 10% } .side-nav-collapsable dd.mac span { background: url("../img/win-mac-icon.png.webp") #FFF -50px -8px no-repeat; transform: scale(0.7) } .side-nav-collapsable dd.android span { transform: scale(0.7); background: url("../img/win-mac-icon.png.webp") #FFF 20px -60px no-repeat } .side-nav-collapsable dd.ios span { transform: scale(0.7); background: url("../img/win-mac-icon.png.webp") #FFF 20px -126px no-repeat } .side-nav-collapsable dd.link { padding-bottom: 1px; margin-bottom: 8px; font-weight: none } .side-nav-collapsable dd a { font-size: 13px; color: #3f4e59; text-decoration: none; transition: all 0.5s linear } .side-nav-collapsable dd a:hover { color: #0071d1; text-decoration: none !important } .side-nav-collapsable .cont dd a { display: block; padding-left: 10px } .navigation-app { height: 2px; position: relative; border-bottom: 1px dashed #85a3bf; margin: 20px 0 !important } .navigation-app span { background-color: #edf6ff; position: absolute; left: 50%; width: 200px; margin-left: -100px; top: -15px; text-align: center; font-size: 20px; font-weight: 500; display: block; color: #333; font-weight: bold } .nof { float: none !important } .navigation-app span.win-mac-icon { background-position: center -3px; background-image: url("../img/win-mac-icon.png.webp"); background-repeat: no-repeat; height: 40px; background-size: 70px 130px } .navigation-app span.android-icon { background-position: 75px -42px; background-image: url("../img/win-mac-icon.png.webp"); background-repeat: no-repeat; height: 40px; background-size: 70px 130px } .navigation-app span.ios-icon { background-position: 75px -90px; background-image: url("../img/win-mac-icon.png.webp"); background-repeat: no-repeat; height: 40px; background-size: 70px 130px } .side-nav-collapsable p { height: 0; padding: 0; margin: 0 } #article-nav-drop .center-slider { margin-top: 40px; margin-bottom: 30px; padding: 0 40px; max-height: 160px; text-align: center } .h4-heading>span { display: inline-block; padding: 0 0.3rem; min-width: 2rem; text-align: center; color: #50e3c2; line-height: 2rem; background-color: #09283e } .center-slider .product-title { margin-top: 10px; font-size: 14px; border: none; text-decoration: none } .slick-loading .slick-list { background: #fff url("../img/ajax-loader.gif.webp") center center no-repeat } .slick-next, .slick-prev { font-size: 0; line-height: 0; position: absolute; top: 40%; z-index: 90; display: block; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; box-shadow: 0 8px 12px 0 rgba(25, 24, 24, 0.06); border-radius: 78px; width: 48px; height: 48px; transition: transform 0.3s } .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { transform: translate(0%, -50%) scale(1.2); color: transparent; outline: none; background: transparent } .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before { opacity: 1 } .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: 0.25 } .slick-next:before, .slick-prev:before { font-size: 20px; line-height: 1; opacity: 0.75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-prev { left: 2px } [dir='rtl'] .slick-prev { right: 19px; left: auto } .slick-next { right: 4px } [dir='rtl'] .slick-next { right: auto; left: 19px } .slick-next:after, .slick-prev:after { border-bottom: 2px solid #000; border-right: 2px solid #000; content: ''; height: 8px; position: relative; transform: rotate(130deg); transition: all 0.3s ease; width: 8px; z-index: 10; display: inline-block; top: 2px; left: 2px } .slick-prev:after { right: 0 } .slick-next:after { left: -2px; transform: rotate(-45deg) } .no-background { margin-top: 34px; background: none !important } #disqus_thread { margin-top: 20px; margin-bottom: 40px } .article .alignright { float: right; padding: 0; margin: 10px 30px } .article .divider, .review .divider { border-bottom: 1px dotted #b5b5b5; margin-top: 40px; margin-bottom: 20px } .posted-info.no-link a:nth-child(n+4) { display: none } ul.post-categories { display: inline-block } .post-categories li { list-style: none } .post-categories li:nth-child(n+2) { display: none } .main-content.content-screen { margin-right: 0; max-width: initial; width: 100% } .main.article-ii .rating-dark-sml i, .main.article-ii .rating-golden-sml i, .main.article-ii .rating-light-sml i, .main.article-ii .rating-orange-sml i, .main.article-ii .rating-video-editor i, .main.article-ii .rating-yellow-sml i { width: 21px; height: 30px; background-size: 16px auto; background-position: 2px 7px } .main.article-ii .left { padding: 60px 30px 60px 10px; width: 65% } .main.article-ii .right { width: 35%; margin-top: 0 } .main.article-ii .right img { margin-top: -62px } .main.article-ii h1 { margin-top: 60px; color: #FFF; font-size: 30px } .main.article-ii .rating { color: #FFF } .main.article-ii .left .dec { font-size: 16px } .box-row { padding: 20px 0; margin-bottom: 30px; border-bottom: 1px solid #eee; position: relative } .box-row .text { width: calc(100% - 120px); float: left } .box-row .icon-wrapper { width: 150px; height: 150px; margin-right: 20px } .box-row .text .desc-main { display: none } .box-row .text ul { margin: 20px 0 } .box-row .text .title { font-size: 20px; line-height: 1.2; margin-top: 0; margin-bottom: 8px; color: #09287d } .box-row .text .action { margin-top: 16px; text-align: center } .box-row .text .description { font-size: 16px } .box-row .text .description p { margin-bottom: 12px; font-size: 16px } .box-row .text .mac-blue-two-line p, .box-row .text .win-blue-two-line p { margin-bottom: 0; font-size: 12px } .box-row .text .download-content .btn { font-size: 16px } .box-row .text .download-content .secure-down { font-size: 12px } .box-row .text.hidden .description { height: 84px; overflow: hidden; display: block } .box-row .text.visible .description { height: auto } .box-row .icon-wrapper { float: left; margin-right: 20px; width: 80px; height: 80px } .box-row .icon-wrapper img { width: 100%; max-height: 150px; object-fit: contain } .button-new { font-size: 16px; color: #da523e; padding: 8px 14px; border-radius: 4px; background-color: #FFF; border: 1px solid #da523e; display: block; margin: 20px auto } .text.hidden .button-new::after { content: 'Show Details' } .text.visible .button-new::after { content: 'Hide Details' } .button-new-bg.large, .button-new.large { font-size: 16px } .button-new-bg-gray:hover, .button-new:hover { text-decoration: none } .breadcrumb-new { padding: 1rem 0; font-size: 0.85rem; color: #272e62; background-color: #f4f5ff } blockquote { background-color: transparent; border-left: 3px solid #4f7177; font-size: 1em; font-style: normal; font-weight: 100; letter-spacing: normal; line-height: 1.6; margin: 1.2rem 0; overflow: hidden; padding: 0.6rem 1.2rem; text-transform: none } .breadcrumb-new a { color: #272e62; text-decoration: none; background-color: transparent } .articles-related { padding-bottom: 15px } .articles-related .title { margin-top: 0; padding: 15px 0; margin-bottom: 30px; border-bottom: 2px solid #0071d1; font-size: 18px; text-transform: uppercase } .related-section { padding: 20px 40px; cursor: pointer; border-radius: 5px } .related-section:hover { background: rgba(153, 153, 153, .1) } .related-section img { display: block; border-radius: 6px; width: 100%; height: auto; margin-bottom: 10px } .articles-related .entry-title { margin-top: 20px } .articles-related .entry-featured { padding-bottom: 0 } .articles-related .entry-featured .entry-thumb { display: block; width: 340px; height: 225px; overflow: hidden } .articles-related .entry-title a { margin-bottom: 6px; font-size: 16px; color: #337ab7; font-weight: normal } .articles-related .entry-title a:hover { text-decoration: none } .articles-related .entry-meta { margin: 0; font-size: 12px; color: #404040 } #article-nav-drop, .article-nav-drop { position: relative; width: 100%; padding: 10px; margin-bottom: 1em; background: #edf6ff; border: 1px solid #AAA; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, .05) } #article-nav-drop .article-nav-drop__container { display: table; width: 100% } #article-nav-drop .article-nav-drop__title { display: table-cell; margin: 0; padding: 0; letter-spacing: unset; text-align: left; vertical-align: middle; line-height: 1.45; font-size: 20px; font-weight: 500; color: #3a3a3a; cursor: default } #article-nav-drop .article-nav-drop__title:after, #article-nav-drop .article-nav-drop__title:before { display: none } #article-nav-drop .article-nav-drop__title-toggle { display: table-cell; text-align: left; vertical-align: middle } #article-nav-drop .article-nav-drop__toggle-btn { float: right; display: inline-block; margin-bottom: 0; margin-left: 10px; padding: 1px 5px; font-size: 12px; line-height: 1.5; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 3px; transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; background-color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%); background-repeat: repeat-x; border-color: #ccc; text-decoration: none; text-shadow: none; color: #444; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) } #article-nav-drop .article-nav-drop__toggle-btn-icon { display: inline-block; width: 22px; height: 22px; background: url("../img/art-menu.svg") left top no-repeat; background-size: contain } #article-nav-drop .article-nav-drop__list { margin: 0; padding: 10px 0 0; background: 0; counter-reset: item; counter-reset: navListCount; list-style: none; line-height: 1.6; overflow: hidden; z-index: 1; border: none } #article-nav-drop .article-nav-drop__list li { padding: 0; margin-bottom: 5px; line-height: 1.6; font-size: 17px; float: none; width: 100%; margin-left: 0 } #article-nav-drop .article-nav-drop__list li .list-title { display: inline-block; width: 100%; margin: 10px 0; padding: 0; text-align: center; font-size: 20px; color: #a5a0a0; font-weight: 700 } #article-nav-drop .article-nav-drop__list li .list-title:after, #article-nav-drop .article-nav-drop__list li .list-title:before { display: inline-block; width: 50%; margin: 0 2% 0 -55%; content: ""; vertical-align: middle; border-bottom: 2px dotted #a5a0a0 } #article-nav-drop .article-nav-drop__list li .list-title:after { margin: 0 -55% 0 2% } #article-nav-drop .article-nav-drop__list li:after { display: none } #article-nav-drop .article-nav-drop__list li a { color: #444; text-shadow: none; counter-increment: navListCount; background-color: transparent; transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out } #article-nav-drop .article-nav-drop__list li a:before { content: counter(navListCount)'. ' } #article-nav-drop .article-nav-drop__list li a span { font-weight: 700; margin-left: 10px } #article-nav-drop .article-nav-drop__slider ul { list-style-type: none; margin: 0; padding: 0; text-align: center; max-width: 80%; display: inline-block; vertical-align: middle } #article-nav-drop .article-nav-drop__slider ul li { display: inline-block; cursor: pointer; text-align: center; position: relative; overflow: visible; transition: all 0.3s; padding: 30px 0 0; z-index: 1000 } #article-nav-drop .article-nav-drop__slider ul li:after { display: none } #article-nav-drop .article-nav-drop__slider ul li .product-icon { margin-bottom: 10px } #article-nav-drop .article-nav-drop__slider ul li img { max-width: 100%; vertical-align: middle; display: inline-block } #article-nav-drop .article-nav-drop__slider .product-title { font-size: 15px; color: #191818; line-height: 22px; width: 170px; margin: auto; font-family: inherit; font-weight: 400; margin: 0 } #article-nav-drop .article-nav-drop__slider .product-cta { background: #3cbded; padding: 0 10px; color: #fff; text-transform: uppercase; display: inline-block; margin: 10px auto 0; font-size: 12px; line-height: 26px; letter-spacing: 1px; font-weight: 600; opacity: 0; transition: 0.2s opacity; left: 24px; bottom: 0; display: none } .sec-url { counter-increment: points; display: inline-block; font-size: 25px; letter-spacing: 0.03em; touch-action: none; font-weight: 900; text-align: center; border-radius: 0; line-height: 2.4em; min-height: 2.5em; padding: 0 1.2em; text-rendering: optimizeLegibility; color: #fff; background-color: #688bff; margin: 20px 0 } .sec-url i { display: inline-block; width: initial; height: initial; font-family: inherit; font-size: inherit; color: inherit; background: 0; font-style: inherit; font-family: Raleway, Arial, Helvetica, sans-serif; font-size: 28px } .sec-url i:before { display: inline-block; content: counter(points)"." } .sec-url:after { content: ''; margin-left: 10px; width: 35px; height: 35px; display: inline-block; background-image: url("../img/art-icon.svg"); background-size: cover; top: 5px; position: relative; background-repeat: no-repeat } #article-nav-drop::after, #article-nav-drop::before, .box-row::after, .box-row::before, .related-section::after, .related-section::before { display: table; content: " " } #article-nav-drop::after, .box-row::after, .related-section::after { clear: both } .content { text-align: center; margin-top: 80px } .post-template-default .content .title { position: relative; overflow: hidden; height: 278px; width: 100%; padding-top: 40px; background: url("../img/article/title-bg.jpg.webp?e7bb") #272a39 center center no-repeat; background-size: cover } .update-at { font-size: 12px; line-height: 20px; color: #fff } .article-review-sitesphp .custom-main-content .article .article-body h2 { position: relative; counter-increment: points; display: inline-block; font-size: 25px; font-weight: 900; text-align: center; vertical-align: middle; transition: transform 0.3s, border 0.3s, background 0.3s, box-shadow 0.3s, opacity 0.3s, color 0.3s; color: #fff; background-color: #328dda; margin: 30px 29px 15px 0; text-decoration: none; border: 0; padding: 5px 15px 10px } .article-review-sitesphp .custom-main-content .article .article-body h2 a { text-decoration: none; color: #fff } .article-review-sitesphp .custom-main-content .article .article-body h2:before { display: none } .article-review-sitesphp .custom-main-content .article .article-body h2:after { content: ''; margin-left: 10px; width: 35px; height: 35px; display: inline-block; background-image: url("../img/art-icon.svg"); background-size: cover; top: 5px; position: relative; background-repeat: no-repeat } .article-review-sitesphp .custom-main-content .article .article-body h2 i { display: inline-block; background: 0; font-style: inherit; font-size: 28px } .article-review-sitesphp .custom-main-content .article .article-body h2 i:before { display: inline-block; content: counter(points)"." } .custom-main-content .article .article-body p:not(.btn, .plantform) { font-size: 16px; margin: 15px 0; line-height: 1.8 } .line-title-left { padding: 10px; font-style: italic; background: url("../img/tip-icon.webp") 5px 12px no-repeat; background-size: 30px 30px; padding: 15px 0 15px 52px } .contrast-box { display: flex; width: 100%; margin: 35px 0 25px } .contrast-box .support-div { padding-right: 5%; flex: 1 } .contrast-box .oppose-div { padding-left: 5%; flex: 1 } .contrast-box .oppose-div ul, .contrast-box .support-div ul { padding-left: 0 } .contrast-box .oppose-div ul li, .contrast-box .support-div ul li { position: relative; padding-left: 50px; margin-top: 15px; list-style-type: none; text-align: initial } .contrast-box .support-div ul li::before { background: url("../img/com-icon.webp") no-repeat; background-position: 0 -50px; content: ''; position: absolute; width: 30px; height: 50px; left: 0; top: 7px } .contrast-box .oppose-div ul li::before { background: url("../img/com-icon.webp") no-repeat; background-position: 0 0; content: ''; position: absolute; width: 30px; height: 50px; left: 0; top: 7px } .criterias { display: flex; width: 100%; flex-direction: row } .criterias .item { flex: 1; color: #666; padding-left: 3% } .criterias .item:first-child { padding-left: 0 } .criterias .item .title { color: #0071d1; font-size: 18px; margin-bottom: 5px } .criterias .item .rating-stars i { background-size: 16px auto; width: 24px } .criterias .item .info { line-height: 1.5; margin-top: 5px } .criterias .item .img { text-align: center; margin-bottom: 15px } .criterias .item .img img { max-width: 100% } @media (max-width: 1000px) { .article .container { width: 96% } } @media(max-width:1340px) { .main-content { width: 100% } } @media(max-width:1200px) { .content .wrapper { width: 100% } } @media(max-width:768px) { .wrapper { width: 100% } .side-nav-collapsable { display: none; } .article .article-heading { font-size: 34px; text-align: left } .article-red-banner h1 { font-size: 36px } .article-red-banner .product-info { width: 90% } .article { font-size: 16px } .content .wrapper { padding-top: 0 } .title h1 { padding: 0; font-size: 24px } .article h3 { font-size: 18px } .article-content h3 span { font-size: 16px } .article .com-list li { padding: 0 10px } .article .alignright { max-width: 100%; text-align: center; margin: 0 } .article .align-left, .article .alignleft, .article .float_left, .article .img_float_left, .review .align-left, .review .alignleft, .review .float_left, .review .img_float_left { display: block; float: none; margin-left: auto; margin-right: auto } .article a.button_download, .article a.download, .article a.download-button, .article a.download_button_new { font-size: 20px; padding: 15px 40px 10px 80px; background-position: 35px 11px; height: 55px } .article .grid-nav a, .article .pr3 a, .article .table-nav a { width: 100% } .article .grid-nav a:nth-child(odd), .article .pr3 a:nth-child(odd), .article .table-nav a:nth-child(odd) { border-right: 0 } .article .grid-nav a:nth-child(n+2), .article .pr3 a:nth-child(n+2), .article .table-nav a:nth-child(n+2) { border-top-width: 1px } .content .wrapper { padding-top: 30px; padding-bottom: 40px } .main-content { width: 100%; float: none; padding-left: 0; padding-right: 0; max-width: 100%; font-size: 16px } .author { text-align: center } .author-head { float: none; margin-left: auto; margin-right: auto } .author-info { margin-left: 0; text-align: left } #content_right, .aside { display: none } .main-content>h1 { text-align: center } .share-to { text-align: center } .article_list { padding-right: 0 } .left_img { position: relative; float: none; width: 100%; padding-top: 60% } .left_img a { position: absolute; width: 100%; left: 0; top: 0 } .right_info { float: none; width: auto; margin-left: 0 } .wp-pagenavi .first, .wp-pagenavi .last, .wp-pagenavi .page { display: none } .nav li { text-align: left } .nav li:nth-last-child(n+3) { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIyNyIgdmlld0JveD0iMCAwIDE1IDI3Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS1taXRlcmxpbWl0OjEwfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTS44LjVsMTMgMTMtMTIuOSAxMyIvPjwvc3ZnPg==") center right/10px auto no-repeat } .nav-popup:not(.search) { position: fixed; top: 50px !important; left: 0 !important; bottom: 0; overflow-y: auto; width: 100% } .nav-popup:not(.search) li { height: 80px; margin: 0 15px; font-size: 24px; color: #7b7b7b; background-size: 12px auto } .nav-popup:not(.search) li a { padding-top: 25px; padding-bottom: 25px } .nav-popup:not(.search) .trangle { display: none } .article .chart_table, .article .table, .article .table2 { table-layout: fixed } .article .chart_table td, .article .chart_table th, .article .table td, .article .table th, .article .table2 td, .article .table2 th { padding: 12px 5px } .article h2 { text-align: left; font-size: 22px; padding-top: 10px } .article .com-list li { padding: 0 10px } .navwin-tabs { width: 100% } .start-screen-recording-big { max-width: 100%; font-size: 26px } .navwin { display: none } .start-video-downloader { margin: 30px auto 50px } .start-video-downloader .apower-powerby { margin-top: 10px } .download-content .items { display: inherit } .download-content .mac-blue-two-line, .download-content .win-blue-two-line { display: block; margin: 20px auto 0; max-width: 100% } .download-content .secure-down { margin: 10px auto; max-width: 100% } .main-content { overflow-x: hidden } .content { margin-top: 80px; padding-top: 0 } .content .wrapper { padding-bottom: 0 } .alignleft { float: left; margin: 10px 10px 12px 0 } #article-nav-drop .center-slider { padding: 0 15px; max-height: initial } #article-nav-drop .center-slider .article img { width: 80% } .main .left .download { margin-top: 40px } .main.article-ii .right img { margin-top: 0 } .box-row { padding: 20px 0 } .box-row .icon-wrapper, .box-row .text { float: none; margin: 0 } .box-row .text { width: 100% } .box-row .icon-wrapper { margin-bottom: 20px; margin-right: 0 } .review .posted { padding-left: 0 } .review .posted .posted-info { margin-left: 12px } .main.article-ii .left, .main.article-ii .right { width: 100% } .review img { display: block; max-width: 100%; height: auto } .posted { padding: 40px 15px } .posted-portrait { float: none; margin: 0 auto } .posted-info { margin-left: 0 } .related-section { padding: 20px } .articles-related .entry-title { margin-top: 10px } .contrast-box { display: block } .contrast-box .support-div { padding-right: 0; width: 100% } .criterias { display: block } .criterias .item { padding-left: 0; width: 100% } .articles-related .entry-featured .entry-thumb { width: 300px; height: 200px } } @media only screen and (max-width:600px) { .article .summary { display: none } .download-content .mac-blue, .download-content .win-blue { margin-bottom: 20px } } @media only screen and (max-width:480px) { .download-content .items { display: block; text-align: center } }