@charset "UTF-8";
/* CSS Document */
@import url("/css/bootstrap-icons.css");
@font-face{font-family:lexend;src:url(/fonts/Lexend-Light.woff2) format("woff2"),url(/fonts/Lexend-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:lexend;src:url(/fonts/Lexend-Regular.woff2) format("woff2"),url(/fonts/Lexend-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:lexend;src:url(/fonts/Lexend-SemiBold.woff2) format("woff2"),url(/fonts/Lexend-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:lexend;src:url(/fonts/Lexend-SemiBold.woff2) format("woff2"),url(/fonts/Lexend-SemiBold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
* {margin: 0; padding: 0; border: 0; list-style: none; vertical-align: baseline}
*:focus { outline: none}
section { padding: 6rem 0;}
body,input,textarea { font: 16px/24px 'Lexend',Arial,Calibri,sans-serif; background: #fff; color: #161817; word-break: break-word; font-weight: 400; line-height: 1.5;}
body,html{overflow-x:inherit;}
.ml-10 { margin-left: 10%!important;}
.mr-10 { margin-right: 10%!important;}
.ac { text-align:center!important;}
.al {text-align: left!important;}
.bold {font-weight: bold;}
.box-radius { border-radius: 1rem;}
.box-white { background-color: #fff;}
.bg-blue-light {background:#F1F6FF;}
.text-padding { padding: 1.5rem;}
.box-border-gray {border: 1px solid #F2F3F5;}
.mtb-16 { margin-top: 1rem; margin-bottom: 1rem; line-height: 1.2;}
.flmr20 { float: left; margin-right: 20px;}
p.name { color: #161817;}
.btns { display: block;}
.btn-primary {ackground-color: #1D52D9;border: 0;}
.btn-secondary { background-color: transparent; border: 0.125rem solid #1D52D9; color: #1D52D9;box-sizing: border-box;} 
.btn-primary { background-color: #3465DE; color: #fff!important;}
.btn-secondary:hover { border-color: #3465DE;background-color: #3465DE; color: #fff!important;}
.main-topnav {padding: 0;background-color: #fff!important;box-shadow: 0 4px 8px 0 rgba(21,58,160,.1);}
.btn-border-blue { border-color: #1663F3; color: #1663F3; }
.btn-border-blue.focus,.btn-border-blue:focus,.btn-border-blue:hover {border-color: #2C72F4; background-color: #2C72F4; color: #fff;}
.btn-border-white { border-color: #fff; color: #fff; }
.btn-border-white.focus,.btn-border-white:focus,.btn-border-white:hover {opacity: 0.8;}
.btn-border-orange { border-color: #FF830D; color: #FF830D;}
.btn-border-orange.focus,.btn-border-orange:focus,.btn-border-orange:hover {border-color: #FF9632; background-color: #FF9632; color: #fff;}
.btn-fill-blue, .btn-primary {background-color: #1663F3; color: #fff!important;}
.btn-fill-blue.focus,.btn-fill-blue:focus,.btn-fill-blue:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary:hover {border-color: #2C72F4; background-color: #2C72F4; color: #fff;}
.btn-fill-white { background-color: #fff; color: #1663F3; }
.btn-fill-white.focus,.btn-fill-white:focus,.btn-fill-white:hover {opacity: 0.8;}
.btn-fill-orange { background-color: #FF830D; color: #fff;}
.btn-fill-orange.focus,.btn-fill-orange:focus,.btn-fill-orange:hover {border-color: #FF9632; background-color: #FF9632; color: #fff;}
.btn:hover { box-shadow: 0 0.4rem 0.8rem 0 rgb(0 0 0 / 15%); }
.navbar-light .navbar-nav .nav-link {color: #07273d;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{color: #07273d;}
h4 {font-size: 18px; color:#161817; }
h3.border-leftline-blue { position: relative; padding-left: 12px!important;}
h3.border-leftline-blue::before {content: ""; width: 4px; height: 100%;border-radius: 2px; background-color: #217AFF; position: absolute; left: 0;}
.company-info { clear: both;}
.company-info p { margin: 8px 0!important;}
.company-info p.name { font-size: 18px; font-weight: bold;}

.main-topnav .dropdown-menu {min-width: 52rem;top: 106%;/*display: flex;*/}
.main-topnav li:nth-child(3) .dropdown-menu, .main-topnav li:nth-child(4) .dropdown-menu { min-width: 26rem;}
.main-topnav .dropdown-menu::before {  content: ''; top: -8px; position: absolute; left: 50%;right: 50%; border-top: 16px solid #fff; border-left: 16px solid #fff; transform: rotate(45deg);}
.dropdown a.show span { border-bottom: 2px solid #161817; padding: .5rem 0;}
.main-topnav .dropdown-menu ul { padding-left: 1rem;}
.main-topnav .dropdown-menu ul li { padding: 0.75rem 0; list-style: none;}
.main-topnav .dropdown-menu ul li a { font-size: 1rem; color:#161817;font-weight: 600; text-decoration: none; line-height: 1.2;}
.main-topnav .dropdown-menu ul li a:hover {text-decoration:underline;}
.main-topnav .dropdown-menu .tpyeicon { margin-top:1rem; }
.main-topnav .dropdown-menu i { margin-left: 0.5rem;}
.hot { margin-left: 4px;}
.navbar-nav .dropdown-menu .win-block,.navbar-nav .dropdown-menu .mac-block {  display: flex;}
.navbar-nav .dropdown-menu .col-md-6:first-child {border-right: 1px solid #eef4fa;}
.main-topnav .dropdown-menu ul li span { display: block; font-size: 0.875rem; color: #77797e; font-weight: 300;}
.navbar-toggler { padding:0.25rem 0;}
@media (max-width: 1200px){
.navbar-expand-lg .navbar-nav .nav-link { padding-left:0.5rem; padding-right:0.5rem;}
}
/*-----------------------banner-----------------------*/
.banner-slide { padding: 0;}
.banner-slide .carousel-indicators { z-index: 99;}
.banner-slide .carousel-inner { z-index: 1;}
.banner-slide .carousel-inner .carousel-item { height: 42rem; }
.banner-slide .carousel-item.slide-dr {background:#DAE6FC url("../images/index/banner-dr.png") no-repeat center center; background-size: cover;}
.banner-slide .carousel-item.slide-erase {background:#DAE6FC url("../images/index/banner-erase.png") no-repeat center center; background-size: cover;}
.banner-slide .carousel-item.slide-clone {background:#DAE6FC url("../images/index/banner-clone.png") no-repeat center center; background-size: cover;}
.banner-slide .carousel-caption {top: 6rem; color: #161817;z-index: 99;}
.banner-slide h1 { font-size: 4.25rem; font-weight: 700; line-height: 1; margin-bottom: 0;}
.banner-slide p.sub-t { font-size: 1.75rem; line-height:1.2;color: #F98950; font-weight: 500;padding-bottom: 1rem;display: flex; flex-direction: row; justify-content: center;}
.banner-slide p.sub-t span.line { width: 5rem; height: 1px; border-bottom: 1px solid #F98950; padding-top: 1rem; margin: 0 0.5rem;}
.banner-slide p.des { font-size: 1.25rem; line-height: 1.5; padding: 1.5rem 0 4rem; max-width: 50rem; margin: 0 auto;}
.banner-slide .slide-dr .banner-img {position: absolute; left: 22%; bottom: 0;}
.banner-slide .slide-erase .banner-img {position: absolute; right: -12%; bottom: 0;}
.banner-slide .slide-clone .banner-img {position: absolute; right: 10%; bottom: 0;}

.banner-slide .btn { font-size: 1.25rem; font-weight: 700; text-transform: capitalize; padding: 1rem 4.5rem; margin: 0.5rem;}
.banner-slide .btn-primary { box-shadow: 0 10px 40px rgba(25,104,252,0.3); }
.banner-slide .btn-secondary { background-color: transparent; border: 0.125rem solid #1D52D9; color: #1D52D9;box-sizing: border-box; padding: 0.875rem 4.375rem;}
.banner-slide .btn-secondary:hover { border-color: #3465DE;box-shadow: 0 10px 40px rgba(25,104,252,0.3);background-color: #3465DE;}

.banner-slide .carousel-control-prev {left: 6%;}
.banner-slide .carousel-control-next { right: 6%;}
.banner-slide .carousel-control-next, .carousel-control-prev { width: 4rem; height: 4rem; border-radius: 2rem; top: 50%; bottom: 50%; background-color: rgba(74,116,225,0.2)}
.banner-slide .carousel-indicators [data-bs-target] { height: .25rem; border-radius: 2px; margin: 0 .5rem; width: 2rem; border: 0;}

main h2, main p.des { text-align: center;}
main h2 { font-size: 2.5rem; line-height: 1.5; padding-bottom: 1.5rem; margin: 0; font-weight: 600;}
main p.des { font-size: 1rem; line-height: 1.6; padding-bottom: 2.5rem; max-width: 64rem; margin: 0 auto;font-weight: 500;}
.total-fe { background: url("../images/index/img-comprehensive-data-recovery.png") no-repeat center 6rem; background-size: 52rem;}
.total-fe .texterea { margin:3rem 1rem;}
.total-fe .texterea .total, .total-fe .texterea .detial {display: flex; justify-content:flex-start; align-items: center; background-color: #fff; border-radius: 1.2rem; padding: 2rem;box-shadow: 0 0.75rem 1.5rem rgba(13,80,235,0.12); height: 8.5rem; }
.total-fe .texterea .detial { display: none; background: #1D52D9; color:#fff;line-height: 1.2; }
.total-fe .texterea .total p { padding: 0; margin: 0; line-height: 1.4;font-size: 1.125rem; font-weight: 600; margin-left: 1.25rem;color: #07273d;}
.total-fe .texterea:hover .total {display: none;}
.total-fe .texterea:hover .detial { display: block;justify-content: center; transition: all 2s ease 2s; cursor: pointer;}

.three-dr .img img { border-radius: 1rem 1rem 0 0; width: 100%;}
.three-dr .text { padding: 1.5rem; line-height: 1.5; min-height: 21rem; position: relative;}
.three-dr .text p.name { font-size: 1.375rem;font-weight: 600;line-height: 1.2; height: 3.5rem; margin-bottom: 0.75rem;}
.three-dr .text .btn { border-radius: 2rem; padding: 0.25rem 1.5rem;margin-top: 1rem; position: absolute; bottom: 1.5rem;}
.three-dr .shadow-sm { box-shadow: 0 0.25rem 0.75rem rgba(13,80,235,0.12)!important;}

.command-sec .col-md-5 { margin-bottom: 2rem;}
.command-sec .box-color { border-radius: 1rem; padding: 1rem; padding-bottom: 0; text-align: left;}
.command-sec .box-color .text { padding: 2rem; min-height: 252px;}
.command-sec .box-color .text .name { display: flex; align-items: center; font-size: 18px; font-weight: 800;}
.command-sec .box-color .text .des { text-align: left; font-size:22px; line-height: 1.5; font-weight: 600; padding-bottom: 0; }
.command-sec .box-color .text img { margin-right: 12px;}
.command-sec .box-color-1 {background-color: #EEF4FA;}
.command-sec .box-color-2 {background-color: #EBF6FE;}
.command-sec .box-color-3 {background-color: #ECF0FF;}
.command-sec .box-color-4 {background-color: #E8F7EC;}

.why-choose { background: #F5F8FF url("../images/index/map.svg") no-repeat center 20rem; background-size: 50%;}
.why-choose .carousel p { max-width: 90%; line-height: 1.8; margin: 1rem auto;}
.why-choose .carousel { overflow: hidden; text-align: center; padding-top: 2rem;}
.why-choose .carousel-control-next-icon, .why-choose .carousel-control-prev-icon { background-image: none;}
.advance { color: #1D52D9; text-align: center; padding-top: 6rem;}
.advance p.t { font-size: 1.5rem; font-weight: 700; margin-bottom: 0;}
.advance p.t span { font-size: 4rem;}
.advance p.b { font-weight: 500;}

.dr-family { background: #256BEE url("../images/index/bg-wave.svg") no-repeat 0 0; background-size: 100%;}
.dr-family h2 {color: #fff; padding-bottom: 3.5rem;}
.dr-family .box-white { padding:10%; text-align: center;}
.dr-family .box-white p.name { font-size: 2rem; font-weight: 600; padding-top: 3rem; line-height: 1.4; margin-bottom: 0;}
.dr-family .box-white p.sub {line-height: 1.5; padding: 1rem 0 1.5rem;}
.dr-family .box-white .btn { border-radius: 1.5rem; margin: 0.5rem;}
.dr-family .col-md-6:last-child .box-white { padding: 5%; text-align: left;}
.dr-family .col-md-6:last-child .box-white .pr-name { font-size: 1.5rem; font-weight: 600; padding-bottom: 1rem;color: #07273d;}
.dr-family .col-md-6:last-child .box-white .pr-name img { margin-right: 1rem;}
.dr-family .col-md-6:last-child .box-white p { margin-bottom: 0; line-height: 1.5;}
.dr-family .col-md-6:last-child .box-white a { text-decoration: none;}
.dr-family .col-md-6:last-child .box-white a:hover { text-decoration: underline;}
.dr-family .col-md-6:last-child .mtb-16 { margin: 1.6rem 0;}

.rec-articles {background-color: #F7FAFF;}
.rec-articles .box-radius { border-radius: 0.25rem; position: relative;}
.link-block { position: absolute; width: 100%; height: 100%; left:0; right:0; top:0; bottom:0;}
.rec-articles .box-radius:hover p {text-decoration: underline; transition: all 2s ease 2s;}
.rec-articles .box-border-gray { padding: 2rem; margin: 1rem 0;}
.rec-articles .box-border-gray p.name { font-size: 1.125rem; font-weight: 600;}
.rec-articles .box-border-gray p.sub { margin: 0;font-size: 0.875rem;}

.rec-articles-feature {padding: 24px; text-align: center; border-radius: 16px;}
.article-part .rec-articles-feature h3 { text-align: center;}
.article-part .rec-articles-feature p{font-size: 14px;  line-height: 1.2;}
.article-part .dot-before{   display: inline-block; width: 6px;   height: 6px;   background: #161817; border-radius: 50%; margin-right: 12px; vertical-align:middle; margin-bottom: 2px;}

.article-part .rec-article-new {text-align: center;}
.article-part .rec-article-new .text-area {border-radius: 4px; padding:20px 16px; margin: 12px 0;}
.article-part .rec-article-new .text-area p {font-size: 14px; margin: 0;}
.article-part .rec-article-new .text-area p.name {font-weight: bold; margin: 16px 0;}
.bg-gray-light {background-color: #F4F4F8;}
.article-part ul li img, .article-part ol li img {margin-top: 12px;}

.hvr-float { display: inline-block;vertical-align: middle;-webkit-transform:perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 01px rgba(0,0,0,0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {-webkit-transform: translateY(-8px);transform: translateY(-8px);}

.total-advance { background-color: #fff; padding: 3rem;}
.total-advance .texterea { text-align: center; padding: 2rem; font-size: 0.875rem; line-height: 1.4;}
.total-advance .texterea span {font-size: 1.25rem; display: block; font-weight: 600; margin-top:1.5rem;color: #07273d;padding-bottom: 0.5rem;}

.bt_recommend_pr {background: #081863 url("../images/seo-article/bg-rec.png")left bottom no-repeat; background-size: auto 100%; align-items: center; color: #fff; border-radius: 0.5rem; display: flex; padding: 2rem 2.5rem; margin-top: 2rem;}
.bt_recommend_pr .text-area { margin-left: 2.5rem; flex: 1; text-align: left;}
.bt_recommend_pr .text-area p.name { font-size: 1.6rem; color: #fff; font-weight: bold; margin-top: 0;}
.bt_recommend_pr .text-area p.des { text-align:left; padding: 0; margin-bottom: 2rem;}
.bt_recommend_pr .text-area .btns { margin: 0;}
.bt_recommend_pr .text-area .btn { background-position: 20px 14px!important;}
@media (max-width: 992px){
	.bt_recommend_pr {display: block;}
	.bt_recommend_pr .text-area { margin-left: 0;}
	.bt_recommend_pr .text-area p.name { margin-top: 1.5rem;}
	.command-sec .col-md-5 { max-width: 100%; flex: 0 0 100%;}
	.command-sec .offset-1 { margin-left: 0;}
	.command-sec .box-color .text {}
}
@media (max-width: 768px){
	.bt_recommend_pr .text-area .btns {display: block;}
}
/*-----------------------footer-----------------------*/
footer { background-color: #151B34; color: #fff; padding-top: 4rem;}
footer ul li:first-child, footer .li-share ul li { font-size: 1.375rem; font-weight: 600;margin-bottom: 1.5rem;color: #fff; height:32px; padding-top:0; display:flex; align-items:center;}
footer .other-list li { padding: .5rem 0;}
footer .other-list li a {color: #D6D6D9; text-decoration: none;font-size: 0.875rem;}
footer .other-list li a:hover,footer .footer-link a:hover { text-decoration:underline;}
footer ul li:first-child a { font-size: 1.375rem; color: #fff;}
footer .footer-link { border-top: 1px solid rgba(255,255,255,0.1); display: flex; justify-content:space-between; align-items: stretch; padding-top: 1rem; font-size: 0.75rem; opacity: 0.6;}
footer .footer-link a { color: #fff; text-decoration: none; margin-right: 1.5rem;}
footer .li-share {color:#fff; font-weight:600;}
footer .li-share ul { display:flex; flex-direction:row; align-items:center; margin-top:1rem;}
footer .li-share ul li { margin-right:1.5rem;}
footer .li-share ul li a { font-size:1.375rem; color:#fff;}
footer .li-share ul li a:hover {opacity:0.8;}
.back-top {font-size:2rem; color:#ddd; position:fixed; bottom:0.5rem; right:0.5rem; z-index:99;}
.back-top:hover {color:#008aff;}

/*-----------------products banner------------------*/
.banner-pr { color: #161817;}
.banner-pr .row, .sec-style-1 .row, .bt-total .row { display: flex; justify-content: space-between;align-items: center; flex-wrap:nowrap;}
.banner-pr .sub-t {margin: 0; font-size: 1.375rem; font-weight: 600;}
.banner-pr .sub-t span.lable-s, .banner-pr .sub-t span.lable-green, .banner-pr h1 span.lable-s  { font-size: 1rem; color: #fff; font-weight: 700; background-image: linear-gradient(90deg,#41ABF4,#4B85FE);  padding: .25rem .5rem; border-radius: .5rem .5rem .5rem 0; margin-left: .5rem; display: inline-block;}
.banner-pr h1 span.lable-s { line-height: 1.5;}
.banner-pr .sub-t span.lable-green { background:#33b67a;}
.banner-pr h1 { font-size: 3rem; line-height: 3.25rem; font-weight: 700; padding:1.5rem 0 2rem;}
.banner-pr ul { margin-left: 1.2rem;}
.banner-pr ul li  { line-height: 1.4; font-size: 1.125rem; list-style: disc outside;  padding-bottom: 0.875rem;}
.banner-pr p.dess { line-height: 1.4; font-size: 1.125rem; text-align:left; margin-bottom:1rem;}
.banner-pr .btns { display: flex;justify-content: flex-start;}
.banner-pr .btn { display: flex;  justify-content: center; align-items: center; min-width: 13.75rem; height:  3.5rem;color: #fff; font-size: 1.25rem; font-weight: 600; padding: 0; position: relative; border-radius: 1.75rem; margin-bottom: 0.8rem;}
.banner-pr .banner-buy { margin-right: 1.5rem; text-align:center;}
.banner-pr .banner-down { text-align:center;}
.mask { position: absolute; left: 0; display: block;height: 100%; background-color: #fff;opacity: 0.2; border-radius: 3.2rem;}
.btn:hover .mask {animation-name: btn-animation-one; animation-duration: 1s; border-radius: 3.2rem;}
@keyframes btn-animation-one {  from{ width: 3.2rem; opacity: 0.2; } to{ width: 100%;  opacity: 0; }}
.banner-pr .btns span { font-size: 0.75rem; }
.banner-pr .text-link { margin-top: 3rem; line-height: 1.5; padding-bottom: .5rem; display: flex; align-items: center;}
.banner-pr .text-link a { font-size: 1rem; font-weight: 600; text-decoration: underline; color: #161817;}

@media (max-width: 1600px){
.banner-slide .carousel-item { background-size: auto;}
.banner-slide .slide-erase .banner-img, .banner-slide .slide-clone .banner-img {right:0; width:30%;}
}
@media (max-width: 1200px){
.banner-slide .slide-erase .banner-img, .banner-slide .slide-clone .banner-img {right: 0; bottom: 0; max-width:50%;}
.banner-slide p.des { padding-bottom:1.5rem;}
.banner-slide .carousel-item.slide-clone { background-size: auto;}
.banner-slide .slide-clone .banner-img {right:0; width:30%;}

.total-fe .texterea .total, .total-fe .texterea .detial {padding:1.5rem;}
}
@media (max-width: 992px){
.banner-slide h1 {font-size:3rem;}
.banner-slide .carousel-indicators, .banner-slide .banner-img, .banner-slide .carousel-control-next, .carousel-control-prev {display:none;}

.total-fe .texterea { margin: 1rem 0; text-align: center;}
.total-fe .texterea .total p { margin-left: 0;}
.total-fe .texterea .total, .total-fe .texterea .detial { flex-direction: column; padding: 1rem; justify-content: center;}
.total-fe .texterea .detial { font-size: 0.875rem;}
.total-fe .mr-10 {margin-right: 0!important;}
.total-fe .ml-10 {margin-left: 0!important;}
.three-dr .text p.name { height: auto;}
.three-dr .text .btn{position: inherit; margin-top: 2rem;}
.three-dr .text { min-height: inherit; height: auto;}
	.dr-family .col-md-6 img { max-width: 100%; height: auto;}
}
@media (max-width: 768px){
.carousel-caption { right: 5%; left: 5%; padding: 0;}
.banner-slide h1 {font-size:3rem;}
.banner-slide .carousel-indicators, .banner-slide .banner-img, .banner-slide .carousel-control-next, .carousel-control-prev {display:none;}
.total-fe {background-image: none; padding-bottom: 0;}
.total-fe .offset-4 {margin-left: 0;}
.dr-family .box-white { margin-bottom: 1.5rem;}
}

/*-----------------windows data recovery pro------------------*/
.banner-drwinpro { background: url("../images/do-your-data-recovery-pro/banner-drwinpro.jpg") no-repeat 0 0; background-size: 100%; padding-bottom: 0; min-height:820px; position:relative;}
.main-pr { color:#161817;}
.main-pr h2 {font-size: 2.5rem; line-height: 3.125rem; max-width: 66%; margin: 0 auto; margin-bottom: 1.5rem; padding: 0;}
.main-pr p { padding: 0; margin: 0; color: #161817;}
.main-pr p.des { line-height: 1.5rem; max-width: 84%; color: #161817; margin-bottom:3.5rem; padding: 0;}
.box-shadow { box-shadow: 0 0 1.25rem rgba(239,239,249,1);}
.main-pr .textarea { margin: 1rem 0; padding: 3rem 2rem; background-color: #fff; border-radius: 1rem; text-align: center; font-size: 0.875rem; line-height: 1.375rem;}
.main-pr .textarea p.name {font-size: 1.25rem; line-height: 1.5rem; font-weight: 600; margin-bottom: 1rem; margin-top: 1.375rem;}
.main-pr .btn-shadow { border-radius:2rem; min-width:15rem; height:4rem; line-height:2.4rem;box-shadow:0 .4rem 1.25rem rgba(180,206,255,1); font-size:1.5rem;}
.main-pr .btns.ac { margin-bottom:2rem;}

.top-advance { padding:0; padding-bottom:2.5rem; }
.top-advance .box-shadow {box-shadow: -0.5rem -0.5rem 2rem rgba(247,249,255,0.6), 1rem 1rem 2rem rgba(237,242,252,0.6);}
.top-advance .col-md-3 { display:flex; align-items:center;}
.top-advance .font { margin-left:1.5rem; text-align:left;}
.top-advance b { display:block; font-size:1.5rem; font-weight:bold; margin-bottom:0.5rem;}

.windrpro-sec2 { padding-top:0;}
.windrpro-sec2 .sec-types { background-image: linear-gradient(to bottom,#f0f5ff,#fff); border-radius:1rem 1rem 0 0; padding:4rem 0 0;}
.windrpro-sec2 .sec-types .col-md-6:first-child { border-right:1px solid rgba(198,203,241,0.4);}
.type-list { margin:0 4rem;}
.type-list li { display:flex; font-size:0.875rem; line-height:1.5rem; margin-bottom:1.5rem;}
.windrpro-sec2 .sec-types .col-md-6:first-child .type-list li { margin-bottom:2.5rem;}
.type-list li span { margin-left:1.5rem;}
.type-list li span b { font-size:1.25rem; display:block; margin-bottom:0.875rem;}

.sec-style-1 { background:#f7faff url(../images/do-your-data-recovery-pro/bg-colorful.jpg) no-repeat 0 0; background-size:cover; display:flex; align-items:center;}
.sec-style-1 .col-md-4:first-child h2, .sec-style-1 .col-md-4:first-child p.des { max-width:100%; text-align:left;}
.sec-style-1 .textarea { margin-bottom:2.5rem;}

/*-----------------windows data recovery free------------------*/
.banner-drwinfree { background-image: linear-gradient(to bottom,#f0f5ff,#e4f3ff); position:relative; padding-bottom:3rem;}
.banner-drwinfree .btn-fill-blue { padding:1.6rem 1.6rem; height:4rem; border-radius:2rem;}
.topmedia { margin:3rem 0 0;}
.topmedia .media-list { display:flex; align-items:center; justify-content:space-between; margin:0;}
.topmedia .media-list li { list-style:none; margin:0 1rem; padding:0;}

.sec-3block { background-color:#fafbfe;}
.text-img-half {  justify-content:center; margin:3rem 0;}
.text-img-half .row {display:flex; align-items:center; justify-content:center;}
.text-img-half .text h2, .text-img-half .text p.des { text-align:left; max-width:100%;}
.text-img-half .text p.des { margin-bottom: 0;}
.text-img-half img { margin:0 4%;}

.bg-halfcolor { background: linear-gradient( to top, #f6f9ff 0%, #f6f9ff 50%, #008aff 50%, #008aff 100%);display: flex;justify-content: center;align-items: center; }
.bg-halfcolor h2, .bg-halfcolor p.des { color:#fff;}

.version-compare { background: #f6f9ff;}
.version-compare table, .version-compare table td {font-size:1.125rem; font-weight:600; color:#161817;} 
.version-compare table th { border:0; font-size:1.25rem; font-weight:bold; text-align:center; padding:0;}
.version-compare table th:frist-child { display: flex;align-items: center;}
.version-compare table .version { border-radius:1.5rem 1.5rem 0 0;padding:2.5rem 0 1.5rem; min-height:210px;}
.version-compare table .ver-free { background-image: linear-gradient(to bottom,#00b6ff,#91e3ff); }
.version-compare table .ver-pro { background-image: linear-gradient(to bottom,#008AFF,#00BEFF); }
.version-compare table .ver-tech { background-image: linear-gradient(to bottom,#5856FE,#7DA3FC); }
.version-compare table .version p { color:#fff; } 
.version-compare table .version .btn { border-radius:2rem; margin:1.2rem 0 0.5rem; width:10.5rem; min-height:4rem; font-size:1.125rem; line-height:1.2; }
.version-compare table .version .btn span { display:block; font-size:1rem; font-weight:300;}
.version-compare table .version .btn-border-white {border:2px solid #fff; line-height:4rem; padding:0;}
.version-compare table .version .btn-border-white:hover {background-color:#fff; color:#008aff;}
.version-compare table .version a.font-link {display:block;font-size:0.875rem; color:#fff;}
.version-compare table .version a.font-link:hover { text-decoration:underline;}
.version-compare table tr { display: flex;}
.version-compare table td { font-weight: 500; white-space: normal; display: flex;align-items: center;justify-content: center; background: #fff; min-height: 76px;}
.version-compare table td.br-tl{border-radius: 1rem 0 0 0;}
.version-compare table td.br-tr{border-radius: 0 1rem 0 0;}
.version-compare table td.br-bl{border-radius: 0 0 0 1rem;}
.version-compare table td.br-br{border-radius: 0 0 1rem 0;}
.version-compare table td b{margin:0 .4rem;}
.version-compare table td:first-child { display:flex; align-items: flex-start;justify-content: flex-start; }
.version-compare table td:first-child font { margin-left: 1rem;}
.version-compare table td:first-child { text-align: left; padding-left: 1.5rem;}
.version-compare table td i { font-size: 2rem;font-weight: 700;}
.version-compare table td i.bi-check-lg { color: #008AFF;}
.version-compare table td i.bi-x {color: #D8D8D8; font-size: 2.5rem;}
.flex-center { display: flex!important;align-items: center!important;}
.table-hover tr:hover td {background: #fdfdfd;}

/*-----------------windows data recovery tech------------------*/
.banner-drwintech { background:url("../images/do-your-data-recovery-technician/banner-drwintech.jpg") no-repeat center top; background-size: cover; text-align: center; color: #fff; position: relative;}
.banner-drwintech .banner-text{display: flex; justify-content: center; flex-direction: column; align-items: center;}
.banner-drwintech h1, .banner-drwintech p, .banner-drwintech .text-link a { color: #fff!important;}
.banner-drwintech .btn-fill-blue {background-color: #77BAFF; border-color: #77BAFF;}
.banner-drwintech .top-advance { position: absolute; bottom: -10rem; left: 0; right: 0; box-shadow: none; color: #161817!important;}
.banner-drwintech .top-advance .box-shadow {box-shadow: inset 0 0 1.5rem 0 rgba(210,225,255,1); }

.main-pr-windrtech .sec-style-1 { padding-top: 8rem; background: linear-gradient(to bottom,#EFF4FE,#fff);  padding-bottom: 0;}
.main-pr-windrtech .sec-style-1 .container,  .main-clonemac .sec-style-1 .container, .main-setech .sec-style-1 .container {background: url("../images/do-your-data-recovery-technician/bg-shape.png") no-repeat right bottom;}
.main-pr-windrtech .sec-style-1 .col-md-4:nth-child(2) { margin-top: 4rem;}
.main-pr-windrtech .sec-style-1 p.des { margin-bottom: 0;}

.drwintech-sec1 { padding-bottom: 0;}
.drwintech-sec1 .textarea {background-color: #F0F5FF; box-shadow: inset 0 0 1.5rem 0 rgba(210,225,255,1); }
.drwintech-sec1 .textarea .list { margin: 0 1.5rem;}
.drwintech-sec1 .textarea .list li { display: flex;align-items:flex-start; justify-content: flex-start; padding: 2rem 0;}
.drwintech-sec1 .textarea .list li .text { padding-left: 1.5rem; text-align: left;}
.drwintech-sec1 .textarea .list li p.name { margin-top: 0;}

.main-pr-windrtech .bg-halfcolor { background: linear-gradient( to top, #fff 0%, #fff 50%, #1546BF 50%, #1546BF 100%);}
/* version compare */
.main-pr .v-compare .text { background-color: #fff; padding: 10%;position: relative;box-shadow: inset 0 0 1.5rem 0 rgba(210,225,255,1); border-radius: 1rem;}
.main-pr .v-compare .text p.name { font-size:2rem; font-weight: 600; text-align: center; margin-bottom:1rem;}
.main-pr .v-compare .text p.name a { color: #161817;}
.main-pr .v-compare .text .price { margin-bottom:1rem;}
.main-pr .v-compare .text .price p { color: #FF830D; text-align: center; font-size: 2rem;}
.main-pr .v-compare .text .btns { text-align: center; margin-bottom: 2rem; min-height: 4rem;}
.main-pr .v-compare .text .btn { min-width: 3.6rem; line-height: 2rem;font-size: 1.4rem; font-weight: 600;  margin-bottom: 0.5rem; border-radius: 2rem;}
.main-pr .v-compare .text .btns .font-link { display: block;}
.main-pr .v-compare .text ul { text-align: left;}
.main-pr .v-compare .text ul li { font-size: 0.875rem; line-height: 1.4; padding: .5rem 0;display: flex;}
.main-pr .v-compare .text ul li b { margin: 0 0.25rem;}
.main-pr .v-compare .text .label { position: absolute; top: -.5rem; display: block; width: 100%; height: 2.5rem; text-align: center; color: #fff; background:url("../images/do-your-data-recovery-technician/label.png") no-repeat center 0; background-size: 309px 40px; font-size: 1.125rem; line-height: 2.5rem; font-weight: 600; left: 0; padding: 0;}
.main-pr .v-compare .box-shadow { border: 2px solid #76BAFF;box-shadow: 0 0.4rem 1.6rem #c8d8f0;}
.main-pr .v-compare .text ul li i {margin-right: 1rem; font-size: 1.125rem;line-height: 1;}
.main-pr .v-compare .text ul li i.bi-check-lg {color: #008aff;}
.main-pr .v-compare .text ul li i.bi-x {font-size: 1.5rem; color: #999;}
.main-pr .v-compare .price { text-align: center; font-size: 1.5rem;}


/*-----------------mac data recovery free------------------*/
.banner-drmacfree {background-image: linear-gradient(-44deg,rgba(246,250,252,.85),rgba(222,245,255,.85) 52%,rgba(235,239,253,.85)); position: relative; padding-bottom: 6rem;}
.banner-drmacfree .top-advance {position: absolute;left: 0;right: 0; bottom: -10rem;}
.banner-drmacfree .top-advance .box-shadow { border-radius: 4rem 0 4rem 0; box-shadow: 0 12px 16px rgba(19,68,189,0.06);}
.banner-drmacfree .top-advance b { font-size: 1.5rem;}

.main-drmacfree .sec-3block { margin-top: 5rem; background: #fff url("../images/do-your-data-recovery-for-mac-free/bg-wave.png") no-repeat bottom center; background-size: contain;}
.main-drmacfree .sec-3block .textarea { padding: 0; margin: 1rem;}
.main-drmacfree .sec-3block .text { padding:1rem 3rem 3rem;}

.main-drmacfree .sec-style-1 { background-color: #fff;}
.main-drmacfree .sec-style-1 .container {background: url("../images/do-your-data-recovery-for-mac-free/bg-shap.png") no-repeat center center; background-size: contain;}
.main-drmacfree .sec-style-1 .box-shadow {box-shadow: 0  8px 16px 12px rgba(13,80,235,0.04);}


/*-----------------mac data recovery free------------------*/
.banner-drmacpro {background:url("../images/do-your-data-recovery-for-mac-pro/banner-drmacpro.jpg")no-repeat top center; background-size: contain;padding-bottom: 3rem;}
.banner-drmacpro .top-advance { padding-bottom: 0;}
.top-advance ul { display: flex; justify-content: space-between; margin: 0;}
.top-advance ul li {list-style: none; padding-bottom: 0!important;}
.drmacpro-sec1 { padding: 0; background:#fff url("../images/do-your-data-recovery-for-mac-pro/bg-wave.png") no-repeat bottom center; background-size: contain;}
.drmacpro-sec2 { text-align: center; padding: 0;}
.drmacpro-sec2 .nav { display: flex; justify-content: space-between; flex-wrap: nowrap;}
.drmacpro-sec2 .nav-tabs .nav-link { background: #fff;border-bottom: 0;}
.drmacpro-sec2 .nav img { height: auto;}
.drmacpro-sec2 .nav span { display: block; line-height: 1rem; padding: 1rem; font-size: 1rem; font-weight: 600;}
.drmacpro-sec2 .nav button.active { border-bottom: 2px solid #3575F5;}
.drmacpro-sec2 .nav button.active span { color: #3575F5;}
.drmacpro-sec2 .tab-content { width: 70%; margin: 3rem auto; text-align: center; font-weight: 500;}
.drmacpro-sec3 { background: url("../images/do-your-data-recovery-for-mac-pro/bg-shape.png") no-repeat right center; background-size: auto;}

.ver-com-drmacpro {padding-top: 0; background: linear-gradient(to top, #d6e4ff 0%, white 50%, white 50%, white 100%)}
.ver-com-drmacpro .ver-com-head p.name { min-height: 48px; margin-top: 0;}
.ver-com-drmacpro p.price { font-size: 20px; font-weight: bold; color: #FF830D; line-height: 1.5;}
.ver-com-drmacpro p.price del { font-size: 16px; font-weight: normal; color: #888; line-height: 1.5;}
.ver-com-drmacpro p.des-s { font-size: 12px; }
.ver-com-drmacpro ul.ver-com-text { font-size: 16px; margin-top: 32px; min-height: 222px;}
.ver-com-drmacpro ul.ver-com-text li { border-bottom: 1px solid #eee; line-height: 1.2; padding: 12px 0;}
.ver-com-drmacpro ul.ver-com-text li:first-child { border-top: 1px solid #eee;}
.ver-com-drmacpro .btn { border-radius: 24px; padding-left: 32px; padding-right: 32px;}




.tech-collapse { background-color: #F7FAFF;}
.tech-collapse .card {background-color: transparent; border-radius: 0;}
.tech-collapse .card-body .list {display: block; margin: 0;}
.tech-collapse .card-body .list li { padding: 0.25rem 0; padding-left: 1rem; display: inline-block; width: 19%; position: relative; vertical-align: top;}
.tech-collapse .card-body .list li::before {content: ''; width: 0.3rem;height: 0.3rem; border-radius: 0.15rem; position: absolute; left: 0;top: 0.8rem; background: #7e7e8a;}
.tech-collapse .card #collapse2 li { width: 24%;}
.tech-collapse .card .list-no {display: flex; flex-wrap: wrap;}
.tech-collapse .card .list-no li { width: 46%; margin: 1.5rem 2%;}
.tech-collapse .card .list-no li span { font-size: 1.125rem;font-weight: 600; display: block;}

/*-----------------mac data recovery tech------------------*/
.banner-drmactech {background: #fff url("../images/do-your-data-recovery-for-mac-technician/banner-drmactech.jpg") no-repeat 0 0; padding-bottom: 0; background-size: 100% 90%; overflow: hidden;}
.banner-drmactech h1, .banner-drmactech p, .banner-drmactech .text-link a { color: #fff!important;}
.banner-drmactech .container {overflow: hidden;}
.banner-drmactech ul {display: flex; margin-left: 0;}
.banner-drmactech ul li {color: #fff; background: #4247AF;border: 1px solid #6F74CC; list-style: none; border-radius: 1rem; margin:1rem 1rem 1rem 0; padding: 1rem; font-size: 1rem;}
.banner-drmactech .btns span {color: #fff;}
.banner-drmactech .top-advance {position: static; box-shadow: none; padding-bottom: 0;}
.banner-drmactech .top-advance .box-shadow {box-shadow: 0 6px 16px rgba(19,68,196,0.06);}

.main-drmactech .sec-3block { background: url("../images/do-your-data-recovery-for-mac-technician/bg-shape.png") no-repeat center center; background-size: contain; padding-bottom: 0;}
.main-drmactech .bg-halfcolor {background: linear-gradient( to top, #f6f9ff 0%, #f6f9ff 50%, #261075 50%, #261075 100%);}

/*-----------------clone windows------------------*/
.banner-clonewin {background-image: linear-gradient(120deg,#040079,#0089E3); padding-bottom: 6rem; overflow: hidden;color: #fff;}
.banner-clonewin h1, .banner-clonewin p, .banner-clonewin .text-link a { color: #fff!important;}
.main-clonewin .sec-3block {background-image: linear-gradient(#fff,#F1F6FF); }
.main-clonewin .bg-blue {background-color:#F1F6FF!important;}
.main-clonewin .bg-blue .textarea {box-shadow: none; padding: 0; margin: 0;}
.main-clonewin .bg-halfcolor { background: linear-gradient( to top, #fff 0%, #fff 50%, #040079 50%, #040079 100%);}

/*-----------------clone mac------------------*/
.banner-clonemac{background: radial-gradient(#5761D7 0,#2D2B85 60%,#201A6C 100%);overflow: hidden;color: #fff; padding-bottom: 0;}
.banner-clonemac .container { background:url("../images/disk-clone/pic-macclone.png") no-repeat bottom center; background-size: contain; padding-bottom: 18rem; }
.banner-clonemac .sub-t {font-size:1.5rem; font-weight: 600; margin-bottom: 0.75rem;}
.banner-clonemac p.des { margin-bottom: 0;}
.banner-clonemac ul {display: flex; margin: 1rem 0 2rem;}
.banner-clonemac ul li { list-style: none; background: #4951B9; border: 1px solid #565FD5; border-radius: 0.5rem; padding: 1rem;font-size: 0.875rem; margin: 0.5rem;}
.main-clonemac .drwintech-sec1 { padding-top: 0;background-color: #f7faff; padding-bottom: 4rem;}
.main-clonemac .drwintech-sec1 .textarea, .main-clonemac .bt-total {background-image: linear-gradient(to right,#EFF3FE,#F6F9FF); border:1px solid #fff; border-radius: 1rem; box-shadow: 0 2px 24px rgba(216,220,241,1);}
.main-clonemac .bg-halfcolor {background: #fff url("../images/disk-clone/bg-wave.jpg") no-repeat top center; background-size: cover;}
.main-clonemac .bg-halfcolor .box-shadow{box-shadow: 0 0.4rem 1.6rem rgba(21,70,191,0.1);}
.main-clonemac .v-compare .text .btns { margin-bottom: 0;}

/*-----------------iphone data recovery windows------------------*/
.banner-drioswin {background: url("../images/do-your-data-recovery-for-iphone/banner-drioswin.jpg") no-repeat top center; background-size: cover;}
.dr-situation { background: url("../images/do-your-data-recovery-for-iphone/img-situations.jpg") no-repeat right center; background-size: auto 100%;}
.dr-situation .box-shadow {box-shadow: 0 2px 24px rgba(17,34,63,0.1); display: flex;justify-content: space-between;}
.dr-situation ul.list {width: 48%;  text-align: left; list-style: none;}
.dr-situation ul.list li {line-height: 1.5; padding:0.5rem 0 0.5rem 1.2rem; position: relative; margin-right: 1rem;}
.dr-situation ul.list li::before { content: '';  width: 6px;  height: 6px;  border-radius: 3px;  background: #6847e8; display: block;  position: absolute;  left: 0; top: 14px;}
.ios-sec .col-md-4:nth-child(2) {display: flex; align-items: center;}
.ios-sec .text h2, .ios-sec .text p.des {text-align: left;max-width: 100%;}
.ios-sec .text p.des { margin-bottom: 1.5rem;}
.ios-sec .text ol.list {margin-left: 1rem;}
.ios-sec .text ol.list li {;list-style-type: decimal; padding: 0.25rem;}
.tech-table p.name { font-size: 1rem; font-weight: 600; margin-bottom: 1rem;}
.tech-table ul {margin-left: 1rem;}
.tech-table ul li {font-size: 0.875rem; list-style: disc; line-height: 1.3; padding: 0.5rem 0;}
.tech-table ul.list1 { float: left;}
.tech-table ul.list-l {margin-right: 2rem;}

/*-----------------iphone data recovery mac------------------*/
.banner-driosmac { background: url("../images/do-your-data-recovery-for-iphone-mac/banner-bg.jpg") no-repeat top right; background-size: contain;overflow: hidden;}
.media-award ul { display: flex; justify-content: space-between;align-items: center; flex-wrap:nowrap; width: 90%; margin: 1.5rem auto; margin-top: 2rem;}
.main-clonemac .bt-total { padding: 0;}
.recom-pr { background: #fff; padding-top:0;}
.recom-pr .textarea {padding: 0;}
.recom-pr .text { padding: 1rem 3rem 3rem;}
.recom-pr .btns { margin: 0 auto; margin-top: 1rem;}
.recom-pr .btn{ border-radius: 1.5rem; padding: 0.5rem 1.5rem; line-height: 1; margin: 0.25rem;}

/*-----------------super eraser win------------------*/
.banner-sewin, .banner-setech { background: url("../images/super-eraser/bg-banner.png") no-repeat top center; background-size: cover; padding-bottom: 2rem;}
.banner-sewin .box-shadow, .banner-setech .box-shadow { box-shadow: 0 12px 16px rgba(19,68,189,0.06);}
.bg-wave {background: url("../images/super-eraser/bg-wave.jpg") no-repeat bottom center; background-size: 100%;  padding-bottom: 0;}
.main-se .bg-gradient-blue {background-image: linear-gradient(to bottom, #DEE9FD, #fff)!important;  padding-bottom: 0;}
.main-se .bg-gradient-blue .textarea { background-color: transparent;text-align: left; padding-top: 0; padding-bottom: 0;}
.main-se .bg-gradient-blue .textarea h2, .main-se .bg-gradient-blue .textarea p.des { text-align: left; max-width: 100%;}
.main-se .bg-gradient-blue .textarea p.des {margin-bottom: 1.5rem;}

/*-----------------super eraser win tech------------------*/
.banner-setech { background: url("../images/super-eraser-business/bg-wave.svg") no-repeat top right; background-size: contain;}
.main-setech .sec-style-1 { background: #fff;}
.main-setech .bg-gradient-blue1 {background-image: linear-gradient(to bottom, #DEE9FD, #fff)!important;}
.main-setech .bg-gradient-blue { background: #fff!important; padding-top: 0; padding-bottom: 4rem;}

/*-----------------super eraser mac-----------------*/
.banner-semac { background: url("../images/super-eraser-mac/bg-semactech.jpg") no-repeat top center; background-size: cover; padding-bottom: 2rem;}
.banner-semac p.des, .banner-semactech p.des, .banner-drwinfree p.des, .banner-prs p.des {text-align: left; max-width: 100%; margin-top: 1.5rem;}
.sec-semac { background: url("../images/super-eraser-mac/bg-wave.jpg") no-repeat bottom center; background-size: cover; }

/*-----------------super eraser mac tech------------------*/
.banner-semactech{ background: url("../images/super-eraser-business/bg-wave.svg") no-repeat top right; background-size: contain; padding-bottom: 0;}
.sec-semactech {background: url("../images/super-eraser-mac-business/bg-wave.jpg") no-repeat top center; background-size: cover;  }

/*-----------------mac clean 360------------------*/
.banner-mac360 .btn, .banner-appuninser .btn {height: 3.5rem;}
.mac360-sec { background-size: 50%;}
.mac360-sec .text-img-half {margin: 0;}
.mac360-sec ul { margin-top: 1.5rem;}
.mac360-sec ul li {display: block; margin: 0.5rem 0;}
.mac360-sec ul li .img {float: left; margin-right: 1rem;}
.mac360-sec ul li img {margin:0;}

/*-----------------pc uninstall ------------------*/
.pc-uninstall-sec .textarea { display: flex; margin: 1rem 2rem;}
.pc-uninstall-sec .textarea .text { margin-left: 2rem; text-align: left;}

/*-----------------appuninser ------------------*/
.appuninser-sec { background: #fff;}
.main-appuninser .v-compare .text {min-height: 820px;}

/*-----------------ntfs ------------------*/
.banner-ntfs { background:url(../images/mac-ntfs/banner-ntfs.jpg) no-repeat bottom center; background-size:cover; text-align:center; min-height:776px;}
.banner-ntfs h1 { font-size:3.5rem; padding-bottom:0;}
.banner-ntfs .lable-s { margin-bottom:1.5rem;}
.banner-ntfs p.des { margin-bottom:1rem;}
.banner-ntfs .list { display:flex; flex-wrap:wrap;}
.banner-ntfs .list li { width:48%; text-align:left; margin:0 1%; font-size:1rem;}
.banner-ntfs .btns { justify-content:center;}

ul.ntfs-list li {width: 48%; margin: 0.5rem 1%; float: left; text-align: left;}
ul.ntfs-list li img { margin-right: 1rem;}

.ntfs-p .textarea{ text-align:left; display:flex; }
.ntfs-p .textarea .text { margin-left:1rem;}
.ntfs-p .textarea .text p.name { margin-top:0;}
 
/*-----------------other products----------------*/
.banner-prs {background: linear-gradient(46deg, #D8E6F5 0%, #EFF7FF 100%);}
.banner-pr .list-bg { margin: 0 0 2rem; background:linear-gradient(to right, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); padding: 1rem; border-left: 2px solid #83A8F3;}
.banner-pr .list-bg li{ margin-left: 1rem;}
.banner-prs p.des { margin-bottom: 2rem; margin-top: 0;}
.main-prs .text-img-half ul.list { margin-left: 1.5rem;}
.main-prs .text-img-half ul.list li {list-style:disc outside; padding: 0.5rem 0;}

/* ---------------- public part ----------------- */
/*guide*/
.guide .slide { display:flex; align-items:center; justify-content:space-between;}
.guide .carousel-indicators { flex-direction:column; margin:0; left:0; top:0; position:relative;z-index:0;}
.guide .carousel-indicators li { height:135px; position:relative;text-indent:inherit; padding-left:4rem; opacity:1; background-color:transparent; }
.guide .carousel-indicators li::before { position:absolute; content: url(../images/do-your-data-recovery-pro/dot-stepoff.png); left:0; top:3rem;}
.guide .carousel-indicators li.active::before { position:absolute; content: url(../images/do-your-data-recovery-pro/dot-stepon.png); left:0; }
.guide .carousel-indicators::before { position:absolute; content: url(../images/do-your-data-recovery-pro/line.png); left:1.35rem; top:3rem; width:2px; height:156px;}
.guide .carousel-indicators li span { display:block;width:458px;height:135px; background:url(../images/do-your-data-recovery-pro/bg-stepoff.png) no-repeat 0 0; background-size:458px 135px; color:#161817; padding:1.5rem 1.5rem 0 2.5rem; font-size:0.875rem;}
.guide .carousel-indicators li b { font-size:1.25rem; font-weight:600; display:block; margin-bottom:0.5rem;}
.guide .carousel-indicators li.active span {background:url(../images/do-your-data-recovery-pro/bg-stepon.png) no-repeat 0 0; background-size:458px 135px; color:#fff;}
.guide .carousel-inner { width:60%; text-align:center;}

/* Award-wining */
.award { background:#fff url(../images/do-your-data-recovery-pro/bg-wave.jpg) no-repeat 0 bottom; background-size:cover;}
.award .nav-tabs { overflow: hidden; margin: 0; padding: 0;border-bottom: 1px solid #eae8ef; margin-top:4rem; display: flex; justify-content:center;}
.award ul.nav-tabs li { width: 40%; margin: 0; display: flex; justify-content:center; }
.award .nav-tabs .nav-link { border: 0; font-size: 1.5rem; font-weight: 600; padding: 0; margin: 0;color:#161817;text-align: center; background-color:transparent; line-height:2;}
.award .nav-tabs .active {color: #1663F3; border-bottom: 3px solid #1663F3;}
.award .tab-content { text-align: left; padding: 4rem;}
.award .textarea { padding:3rem;}
.award .textarea p.name { margin-bottom:0.5rem;}
.award .textarea .rate { margin-bottom:1.25rem;}
.award .textarea .rate i { color:#ffad0a; margin:0 0.125rem;}
.award .textarea p.user-says {  position: relative;}
.award .textarea p.user-says::before { position: absolute;  width: 1.625rem;  height: 1.25rem; content: url("../images/do-your-data-recovery-pro/quot-l.png"); left:-2rem;}
.award .textarea p.user-says::after { position: absolute;  width: 1.625rem;  height: 1.25rem; content: url("../images/do-your-data-recovery-pro/quot-r.png"); right:-1.5rem;}
.award .link-more { text-align:center; margin-top:2rem;}

.award #media .textarea { padding-top:0;}
/* tech specification */
.tech { padding-bottom:0;}
.tech h2 { margin-bottom:4rem;}
.tech .col-md-5 { padding:0 3rem;}
.tech .col-md-5:first-child {border-right:1px solid rgba(198,203,241,0.4);}
.tech ul.list li b { font-size:1.25rem; font-weight:600; display:block; margin-bottom:1rem;}
.tech ul.list li { margin-bottom:2rem;}
.tech ul.list li li {list-style:disc outside; margin-bottom:0.5rem; margin-left: 1.5rem;}
/* tech specification */
.tech-pillstab .row { display: flex;align-items: center;}
.tech-pillstab .nav-pills .nav-link { position: relative; background-color: #EEF3FC; color: #161817;  border-radius: 0; font-size: 1.25rem; font-weight: 600; height: 3.5rem; margin: 0.8rem 0; text-align: left; padding: 0; padding-left: 1.5rem;}
.tech-pillstab .nav-pills .active { background-color: #346CEC; color: #fff;}
.tech-pillstab .nav-pills .active span { position: absolute; right: -1.5rem; top: 0; width: 1.5rem; height: 3.5rem; background: url("../images/do-your-data-recovery-free/tech-arrow.png") no-repeat 0 0; background-size: 100%;}
.tech-pillstab .tab-content { margin-left: 2rem; border:1px solid #EAECF3; border-radius: 1rem; padding: 3rem; min-height: 380px;}
.tech-pillstab .tab-content ul { margin-left: 1.5rem;}
.tech-pillstab .tab-content ul li {margin: 1.5rem 0; list-style: disc;}
.tech-pillstab .tab-content ul li b { margin-bottom: 0;}
/* faqs */
.faqs .card { box-shadow:none; border:0; border-bottom:1px solid #eae8ef !important; border-radius:0;}
.faqs .card .collapse.show {border-bottom:1px solid #999 !important;}
.faqs .card .card-header { padding:2rem 0;}
.faqs .card .card-body { padding: 0 0 2rem 0;color:#161817;}
.faqs .card .btn-link { width:100%; display:block; text-align:left; color:#161817; font-size:1.25rem; font-weight:600; background-color:transparent;}
.faqs .accordion .card-header:after { content: "\f282";font-family: "bootstrap-icons";}
.faqs ol li, .article-part ol li {list-style-type: decimal; list-style-position: inside; padding: 0.24rem 0;}

.faqs-new {padding: 0;}
.faqs-new .card {border: 1px solid #E9F0FF!important; border-radius: 8px !important; padding: 32px; margin: 32px 0;}
.faqs-new .card .card-header { background: url("../images/purchase/ic_faq.png")no-repeat 0 4px; background-size: 24px; padding: 0; line-height: 24px; padding-left: 40px;}
.faqs-new .card .card-body {padding: 0; padding-top: 20px;}
.faqs-new .card .card-body a:hover {color: #008aff; text-decoration: underline;}
.faqs-new .card .collapse.show {border-bottom: 0!important;}

.article-part ol {margin-left: 1.5rem;}
.article-part ol li {list-style-position: outside;}
.article-part ul.list li {list-style: disc;}
.article-part .list ul.list li {list-style: circle;}
.article-part .list .list ul.list li {list-style:disc;}
.text-label-gray {background-color:#EAEFF3; padding: 2px 4px; border-radius: 4px;font-size: 90%; font-weight: bold;}
.text-label-red {padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; font-weight: bold;}
.text-label-err{ color: #a00; background-color: #faa;padding: 2px 4px; font-size: 90%; border-radius: 4px; font-weight: bold;}
.text-label-blue{ color: #4f9fcf; background-color: #E2F7FF;padding: 2px 4px; font-size: 90%; border-radius: 4px; font-weight: bold;}
.text-label-green{ color: #0a8; background-color: #E4F4F2;padding: 2px 4px; font-size: 90%; border-radius: 4px; font-weight: bold;}
.code-gray { text-align: center;background-color:#ededed; padding: 3px 6px; border-radius: 4px; font-weight: bold;}

.bt-total { border-radius:1rem; background-image: linear-gradient(to bottom,#d6e4ff,#e9f1ff); }
.bt-total .row {justify-content:flex-start;}
.bt-total .col-md-5:first-child {text-align:center;}
.bt-total .textarea { text-align:left; background-color:transparent;}
.bt-total .textarea .pr-logo { font-size:1.375rem; font-weight:600;}
.bt-total .textarea h2 { text-align:left; max-width:100%; margin:1.25rem 0 2rem;}
.bt-total .textarea .btn { border-radius:1.5rem; min-width:12rem; margin: 0.5rem 0; margin-right: 1rem;}

.public .total-advance { padding-top:0;}
/*-----------------fixed top nav------------------*/
#topnav {position: -webkit-sticky;position: sticky;top: 0;padding: 0.5rem 0;background: rgba(241,245,255,.9);box-shadow: 0 0.1rem 0.2rem 0 rgba(21,58,160,.1);backdrop-filter: blur(20px); z-index: 9;}
#topnav .navbar-brand { font-size: 1.125rem; font-weight: 600; margin-right: 3rem;}
#topnav .navbar-brand img { width: 2rem; height: 2rem; margin-right: 0.75rem;}
#topnav .navbar-nav, #topnav .nav-item {display: flex;align-items: center;}
#topnav .navbar-nav .nav-link {padding: 0 1rem;display: flex;align-items: center;}
#topnav a { color: #161817;}
#topnav p.rate {margin: 0;}
#topnav p.rate i { color: #FFC006!important; margin: .1rem;}

#topnav .btn { border-radius: 1.5rem; margin: 0 .5rem;padding: 0.5rem 2rem; color: #fff;}
#topnav .btn-border-blue { border-color: #1663F3; color: #1663F3; }
#topnav .btn-border-blue:hover { color: #fff;}
@media (max-width: 1600px) {
	.guide .carousel-inner { width:50%;}
	.guide .carousel-inner img { width:100%; height:auto;}
	
}
@media (max-width: 1200px) {
    .bt-total .offset-1 { margin-left: 0;}
     .bt-total .col-md-5 {     max-width: 50%; flex: 0 0 50%;}
}
/**review page**/

.fixed-nav { text-align:center; background-color:#f6f9fc; height:72px;}
.fixed-nav ul { padding:0; margin:0;}
.fixed-nav li { display:inline-block; list-style:none; padding:0 32px 0 56px;}
.fixed-nav li a { font-size:18px; text-decoration:none; line-height:70px; height:68px; position:relative;}
.fixed-nav li:hover { border-bottom:2px solid #217aff; box-sizing:border-box; background-color:#fff; }
.fixed-nav .rating li { padding:0; margin:0;}
.fixed-nav .rating li:hover { border-bottom: 0; background-color: transparent;}
.fixed-nav li.active { border-bottom:2px solid #217aff;}
.fixed-nav li.active a { color:#217aff;}

.item-ft, .item-ug, .item-ts, .item-re { background: url(../images/ic_feature.png) no-repeat 0 0; display:inline-block; width:28px; height:28px; position:absolute; top:-6px; left:-32px; margin-right:16px;}
.fixed-nav li.active .item-ft { background-image:url(../images/ic_feature_ac.png);}
.item-ug{ background-image:url(../images/ic_guide.png);}
.fixed-nav li.active .item-ug { background-image:url(../images/ic_guide_ac.png);}
.item-ts{ background-image:url(../images/ic_tech.png);}
.fixed-nav li.active .item-ts { background-image:url(../images/ic_tech_ac.png);}
.item-re{ background-image:url(../images/ic_review.png);}
.fixed-nav li.active .item-re { background-image:url(../images/ic_review_ac.png);}
@media (max-width: 1200px) {
  #topnav .btn { font-size: 0.875rem; margin: 0 0.25rem; padding: 0.25rem 1.25rem;}
}
@media (max-width: 992px) {
  .fixed-nav .rating, #topnav, .banner-pr .banner-img { display:none;}
	.sec-style-1 .col-md-4 {max-width: 50%; flex: 0 0 50%;}
	.banner-pr .col-md-6, .sec-style-1 .col-md-4:first-child, .text-img-half .col-md-5 {max-width: 100%; flex: 0 0 100%;}
	.top-advance .row,.sec-style-1 .row，.topmedia .media-list {flex-wrap:wrap;}
	.top-advance .col-md-3 {max-width: 50%;flex: 0 0 50%; margin: 1rem 0;}
	.type-list { margin: 0 2rem;}
	.sec-style-1 .col-md-4:first-child h2, .sec-style-1 .col-md-4:first-child p.des {text-align: center;}
	.award .tab-content { padding-left: 0; padding-right: 0;}
	.topmedia .media-list li { margin:1rem;}
	.text-img-half img { margin:1.5rem 0;}
	.tech-pillstab .nav-pills .nav-link { font-size:1rem; padding-left:0.5rem; height:auto;}
	.tech-pillstab .nav-pills .active span {background:none;}
	.guide .slide {flex-direction: column; align-items: flex-start;}
	.guide .carousel-inner {width: 100%;}
}
@media (max-width: 768px) {
  .relate-banner { height:auto;}
  .fixed-nav span { display:none;}
  .fixed-nav li { padding:0 24px;}
	.award ul.nav-tabs li { width: 50%;}
	.award .nav-tabs .nav-link { font-size: 1.35rem;}
	.offset-1,.offset-2 { margin-left: 0;}
	.bt-total img { display: none;}
	.bt-total .row {flex-wrap: wrap;}
	.bt-total .col-md-5 { max-width: 100%; flex: 0 0 100%;}
	.guide .carousel-inner img {display:none;}
	.version-compare table td {display:list-item;}
}
@media (max-width: 576px) {
  .fixed-nav li { padding:0 8px;}
  .main-seo .col-md-2 { display: none;}
  .main-pr .col-md-4, .main-pr .col-md-3 {max-width: 100%; flex: 0 0 100%; }
}
@media (max-width: 445px) {
  .fixed-nav { display:none;}
}
.main-review .banner-review h1 {margin-bottom: 1rem;}
.main-review .banner-review {padding: 4rem 0;}
.main-review .banner-review p.des {font-size: 1.25rem;}
.main-review .banner-review .btn {min-width: 10.5rem;}
.main-review .banner-review .btn:hover {color: #fff;}
.main-review ul.review_title, .main-review ul.review { margin: 0 auto; background: #fff; border-radius: 16px 16px 0 0;overflow: hidden; padding: 32px;}
.main-review ul.review_title { display: flex; align-items: center; justify-content: space-around;}
.main-review ul.review_title ul li {margin: 0;}
.main-review ul.review {border-radius: 0 0 16px 16px;}
.review_title { overflow:hidden;  border-bottom:2px solid #eee;}
ul.review_title li { vertical-align:middle; margin:0; padding:0; float:left;  list-style:none;}
ul.review_title li h2 { margin:0; line-height:3.0rem; font-weight:normal; font-size:24px; padding:0 !important;}

.rating { display:inline-block; vertical-align:middle; margin:0; overflow:hidden;}
.rating li, .rating li.half  { float:left; height: 20px; width: 20px; background: url("../images/do-your-data-recovery-pro/ic-star@2x.png") no-repeat 0 0; zoom: 1; list-style:none; padding:0 !important; background-size: 20px; margin: 0 1px;}
.rating li.half {background: url("../images/do-your-data-recovery-pro/ic-halfstar@2x.png") no-repeat 0 0; background-size: 24px;}
.rating li.off {background: url("../images/do-your-data-recovery-pro/ic-nostar@2x.png") no-repeat 0 0; background-size: 20px;}
.review_left .rating { display:block; padding:16px 0;}
ul.review { list-style:none;}
ul.review li { margin:0;}
ul.bigRating { margin: 16px 0;}
ul.bigRating li { margin:0 1px;}
ul.bigRating li:last-child { padding: 0 10px; padding-bottom:0; color: #999;background:none; width:80px;}
ul.review_title .btn { line-height:2.4; float:right; padding:0 18px; background: #2A6CFF; border-radius:6px; color:#fff; margin:6px 0;} 
ul.review_title .btn:hover {background-color: #175FFF; }
ul.review_title .btn:hover { color:#fff !important; text-decoration:none;}
.review li { float:left;}
.review span, .review em {font-size: 0.8rem;color:#999;}
.review .review_left { width:30%;}
.review .review_right { width:70%;}
.review .review_right p { margin-top: 0;}
.review .review_left, .review .review_right { padding:30px 0; }
.review_left .rating { float:none; margin-left: 0;}
.review li.hr { border-bottom:1px solid #eee; clear:both; height:1px; width:100%;}
.review li.hr { clear:both; border-bottom:1px solid #eee;}
.review li.hr:last-child { margin-bottom:30px;}

.review_title .button { display:block;}

.pagination { margin: 16px auto; text-align: center; display: block;}
.pagination li { display: inline-block; margin: 0 4px!important; list-style:none; width: 24px; height: 24px;border-radius: 4px; font-size: 16px; background: #fff;}
.pagination li.active { color:#fff; background-color: #2A6CFF;}

.comment { padding:96px 0;}
.comment form { width:100%; margin: 0 auto;}
.comment form ul li, .form-group { display: flex;align-items: center; justify-content: flex-start;}
span.label { width: 14%; background-color: transparent; position: inherit;color: #07273d; margin-right: 2rem;}
form li.first, li.second { border: none; list-style: none; margin-bottom: 16px; width: 100%;}
form li.second { vertical-align: top;}
input[type="text"], form textarea { width: 85%; padding: 0.8em; color: #333; font-size: 16px; outline: none; background: #F5F8F9; font-weight: 500; border: 1px solid #d6e1e4; border-radius: 0;}
form textarea { resize: none; height: 140px;}
.login-01 input[type="submit"], .login-01 [type="button"], [type="reset"], [type="submit"] {  font-size: 17px; font-weight: 300; color: #fff; cursor: pointer; outline: none; padding: 10px 10px; width: 25%; border: 2px solid #007bff; margin-left: 15%; background: #007bff; border-radius:0; margin-top:24px;}

.form-control { display: inline-block;}
@media (max-width: 768px) {
	span.label { display:block; width:100%;}
	input[type="text"], form textarea { width:100%;}
}
.add_reivew { border-top:1px solid #e7e7ef;}
.add_reivew h1 { margin-top: 6rem;padding-bottom: 0; color:#07273d;}

@media (max-width: 1200px) {
  .hot-so .text-area { min-height:384px;}
}
@media (max-width: 992px) {
    .main-index h2 { font-size:40px; line-height:1.2;}
    .main-index .sub-t { font-size:20px;}
    .media-logos .span2 {max-width: 33.33%;flex: 0 0 33.33%;}
    .rslides_tabs { left: 44%; bottom: 56px;}
    .medias .textarea .qute-l {left: 6%;}
    .medias .textarea .qute-r {right: 6%;}
    .hot-so .text-area { min-height:366px;}
    .why .span3 .line { display:none;}
}
@media (max-width: 768px) {
    .banner-focus .textarea, .banner-index-new p.des {width: 100%;}
    .banner-focus .no1, .banner-focus .no2, .banner-focus .no3 {background-position: center bottom; min-height: 1000px;}
    .hot-so .text-area { min-height:inherit;}
    .media-logos .span2, .hot-pr .span4 {max-width: 50%;flex: 0 0 50%;}
    .hot-new .span6 {max-width: 100%; flex: 0 0 100%; float: none;} 
	.banner-focus .rslides_tabs { display:none;}
}
@media (max-width: 576px) {
  .news .span4, .hot-so .span4, .hot-pr .span4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  .hot-so .text-area { min-height:inherit; height:auto; padding:48px 32px;}
  .why .span3 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin:15px 0;}
}
@media (max-width: 445px) {
  .why { height:auto; background-position: center bottom;}
  .why .span3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}
/*-----------------
----------------------------------fixed top nav------------------*/
.banner-seoindex { background: #0438A5 url("../images/resource/banner-seoindex.jpg") no-repeat bottom center; background-size: cover; padding: 6rem 0; text-align: center;}
.banner-seoindex h1 { font-size: 3rem; font-weight: 700; color: #fff; margin-bottom: 1.5rem;}
.banner-seoindex p.des { margin: 0 auto; max-width: 80%; padding: 0; color: #fff;}
.sol-list .text {position: relative; min-height: 360px; margin: 1rem 0;}
.sol-list .text .box-shadow { margin: 0 0.85rem; padding: 2.5rem 1.5rem;background-color: #fff; border-radius: 1rem; position: absolute; top: 9rem; box-shadow: 0 0 1rem rgba(0,0,0,0.16);}
.sol-list .text p { margin: 0;}
.sol-list .text p.name {font-size: 1.125rem;font-weight: 600; line-height: 1.2rem; margin-bottom: 1.5rem;}
.sol-list .text p.name::before {content: "";width: 6px; height: 16px;background-color: #477CE6;border-radius: 3px; display: inline-block; margin-right: 12px;}
.sol-list .text .link-block {z-index: 2;}
.sol-list .text .btn {padding: 0.5rem 1.5rem; border-radius: 1.5rem; margin-top: 1.5rem;}

.banner-seopr {background: #161D4D;}
.banner-seopr img { margin-top: 3rem;}
@media (max-width: 1440px) {
    .sol-list .text .box-shadow { top: 6rem;}
}

/***------------------download page------------------***/
.banner-seoindex .row { margin-top: 2rem;}
.banner-seoindex .text {text-align: left; display: flex; margin: 1.5rem 0 0; }
.banner-seoindex .text p {color: #fff; font-size: 0.875rem; margin-left: 1.5rem;}
.main-down h2 { font-size:2rem; margin: 3rem auto;text-align: center;}
.main-down #topnav .navbar-nav .nav-link { padding: 1rem 2rem;}
.main-down .pr-des {text-align: left; color: #fff; border-radius: 1.5rem; padding: 3rem; padding-right: 200px;}
.main-down .pr-des p {color: #fff; font-size: 0.875rem;}
.main-down .pr-des p.name {font-size: 1.5rem; margin-bottom: 1.5rem; font-weight: 600;}
.main-down .pr-dr {background: #43A9F4 url("../images/download/img-datarecovery.png") no-repeat right bottom; background-size: 246px;}
.main-down .pr-drm {background: #64BFE2 url("../images/download/img-datarecovery-mac.png") no-repeat right bottom; background-size: 246px;}
.main-down .pr-ios {background: #9C9AFF url("../images/download/img-iosrecovery.png") no-repeat right bottom; background-size: 246px;}
.main-down .pr-ios-mac {background: #9ACCC7 url("../images/download/img-iosrecovery-mac.png") no-repeat right bottom; background-size: 246px;}
.main-down .pr-clone {background: #43A9F4 url("../images/download/img-diskclone.png") no-repeat right bottom; background-size: 246px;}
.main-down .pr-clone-mac {background: #64BFE2 url("../images/download/img-diskclone-mac.png") no-repeat right bottom; background-size: 246px;}
.main-down .pr-erase {background: #43A9F4 url("../images/download/img-dataeraser.png") no-repeat right bottom; background-size: 246px;}
.main-down .pr-erase-mac {background: #64BFE2 url("../images/download/img-dataeraser-mac.png") no-repeat right bottom; background-size: 246px;}
.main-down .pr-uninstall {background: #43A9F4 url("../images/download/img-uninstall.png") no-repeat right bottom; background-size: 246px;}
.main-down .pr-uninstall-mac {background: #64BFE2 url("../images/download/img-uninstall-mac.png") no-repeat right bottom; background-size: 246px;}
.main-down .pr-macclean {background: #43A9F4 url("../images/download/img-macclean.png") no-repeat right bottom; background-size: 246px;}
.main-down .pr-startmenu {background: #64BFE2 url("../images/download/img-startmenu.png") no-repeat right bottom; background-size: 246px;}
.main-down .pr-switchmanager {background: #9C9AFF url("../images/download/img-ntfs.png") no-repeat right bottom; background-size: 246px;}
.main-down .pr-ntfs {background: #43A9F4 url("../images/download/img-macclean.png") no-repeat right bottom; background-size: 246px;}
.main-down .pr-duplicate {background: #9ACCC7 url("../images/download/img-duplicateviewer.png") no-repeat right bottom; background-size: 246px;}
.main-down .row { align-items: center; margin: 2rem 0;}
.main-down .col-md-5 {padding-left: 4%;}
.main-down .col-md-7 {left: -4%;}
.main-down .col-md-7 .textarea {display: flex; padding: 4rem 2rem; margin: 0;}
.main-down .col-md-7 .ver { text-align: left; width:30%; margin: 0; margin-right: 4%;}
.main-down .col-md-7 .ver li { padding: 0.25rem 0;}
.main-down .col-md-7 .down {width: 66%; display: flex; margin: 0; align-items: center; justify-content: space-around;}
.main-down .col-md-7 .down span { font-size: 1.125rem; font-weight: 600; line-height: 1.4; display: block;}
.main-down .col-md-7 .down .btn { border-radius: 1.5rem; margin-top: 1rem;} 
.main-down .media-award { background: #fff; padding-top: 0;}

.dl_product_list { overflow:hidden;}
.dl_product_list h3 { font-weight:400;}
.dl_product_list li { background:#f9f9f9; vertical-align:middle; margin:16px 0; border-radius: 16px;}
.dl_product_list li:last-child { border-bottom:0;}
.dl_product_list ul { overflow:hidden; padding:16px 0 32px;}
.dl_product_list ul li { border-bottom:none; float:left; width:21%; margin:0 2%; list-style:none;}
.dl_product_list ul li:nth-child(1) { width:10%; text-align:center;}
.dl_product_list ul li:nth-child(2) { width:35%;}
.dl_product_list ul li:nth-child(3) { width:25%; color:#666; font-size:0.8rem;}
.dl_product_list ul li:nth-child(4) { width:14%;}
.dl_product_list .win, .dl_product_list .mac { background: url(/images/icon-oswin.png) no-repeat center 0; text-align:center; padding-top:40px;}
.dl_product_list .mac { background: url(/images/icon-osmac.png) no-repeat center 0;}
.dl_product_list ul li:last-child p { margin:0;}
.dl_product_list ul h3 { margin-top:0;}
.dl_product_list p a { color:#217aff; text-decoration:none;}


/*---------------------------------------------
-----------------seo article-----------------*/
.main-seo { padding:0;}
.main-seo .crumb { font-size:14px;}
.main-seo a {color: #008aff;}
.main-seo a:hover { text-decoration: none; color: #008aff;}
.main-seo .crumbs { text-align: left; margin-bottom: 3rem;}

.banner-article { background-color: #091B88; color: #fff; padding:4rem 0 2rem; text-align: center;position: relative;}
.banner-article .col-md-8 { margin-top: 0; margin-bottom: 0; background-color: transparent;}
.fb { margin: 0; padding: 0;}
.fb li { list-style: none;}
.banner-article p { font-size: 0.875rem; color: rgba(255,255,255,0.8); margin: 0; padding: 4px 0;}
.banner-article .bold, .main-seo strong，.main-seo b {color: #161817; font-weight: bold;}
.banner-article a { color: #fff; font-weight: bold; }
.main-seo a:hover { text-decoration:underline;}
.banner-article h1 { padding: 0; font-size: 3.5rem; line-height: 1.2; color:#fff; margin-bottom:2rem;}
.banner-article .sub-t { padding:0; font-size: 1.125rem; max-width: 80%; margin: 0 auto; margin-bottom:3rem;}
.banner-article .article-sub { display:flex; align-items:center; justify-content:space-between;}
.banner-article .dropdown-content { display: none; position: absolute; background-color: #fff;border-radius: 0.5rem; min-width: 240px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 0.5rem 1rem; z-index: 99; text-align: left;}
.banner-article .dropdown-content p { margin:0.5rem 0;}
.banner-article .dropdown-content p a {font-size: 0.875rem;line-height: 1; font-weight: normal; color:#161817;}
.banner-article .dropdown-content p a:hover { color:#3575f5; }
.banner-article .dropdown:hover .dropdown-content { display: block;}
.banner-article .btn { padding: 0.75rem 1.5rem; border-radius: 1.5rem;}
.banner-article .btn:hover {text-decoration: none;}

.banner-article-new { background: #10273E; padding: 2rem 0; text-align: left;}
.banner-article-new h1 { font-size: 2rem; margin: 1rem 0 1.5rem;}
.banner-article-new p { padding: 0;}
.banner-article-new p.crumb a { font-weight: 600;}
.banner-article-new p.crumb a:hover { color: #fff;}
.banner-article-new p.des { text-align: left; padding-bottom: 0; margin-bottom: 1.5rem; margin-left: 0;}
.banner-article-new .btns { margin-bottom: 2.5rem;}
.banner-article-new p.post img { margin-right: 0.5rem;}



/*article leftsider nav */
.article-leftsidernav{position: relative;position: sticky;border-left: 0;top: 0; z-index: 999;height: 0px;overflow: visible;}
.article-leftsidernav .box_all{position: absolute;left: -300px;top: 2rem;z-index: 998;background: #fff; box-shadow:0 0 1rem rgba(0,0,0,0.1);width: 240px !important;transition: 400ms; border-radius: 0 1rem 1rem 0;}
.article-leftsidernav .box_all.show{left: 0;}
.article-leftsidernav .box_all.current{position: fixed;  top: 0px;}
.article-leftsidernav .box_all.fixed{opacity: 0;visibility: hidden;}
.article-leftsidernav .box_all.show .button{left: -50px;}
.article-leftsidernav .box_all .button{background:#fff;padding: 1rem 1.25rem; display: block;border-radius: 0 50% 50% 0;position: absolute;left: 300px;top: 0px;cursor: pointer;transition: 400ms;  text-align: center;}
.article-leftsidernav .box_all .button i {color: #161817; font-size: 1.5rem; font-weight: bold;}
.article-leftsidernav .box_all .arrow{position: absolute;padding: 0.75rem;text-align: center;right: 0.25rem;top: 0.75rem;color: #161817;cursor: pointer; font-size: 1.25rem; font-weight: bold;}
.article-leftsidernav .box_all .box{padding: 1.6rem 0 0 0;}
.article-leftsidernav .box_all .box .t{font-size: 20px;line-height: 24px;font-weight: bold;margin-bottom: 10px; margin-left: 1rem;}
.article-leftsidernav .box_all .box .list{padding-left: 22px;margin-bottom: 18px;position: relative;overflow: hidden; margin-right:0.5rem;}
.article-leftsidernav .box_all .box .list ul { margin:0;}
.article-leftsidernav .box_all .box .list:before,.article-leftsidernav .box_all .box .list .line{content: '';border-left: 2px solid #EBEBEB;width: 0px;height: 100%;position: absolute;left: .5rem;top: .5rem;z-index: 1;margin: 0;}
.article-leftsidernav .box_all .box .list .line{border-left: 2px solid #0072ff;transition: 300ms;}
.article-leftsidernav .box_all .box .list ul li{font-size: 0.875rem;line-height: 1.4;padding: .4rem .5rem; cursor: pointer;}
.article-leftsidernav .box_all .box .list ul li.current{background:#F4F4F8;color: #0072ff;font-weight: bold;}
.article-leftsidernav .box_all .box .list ul li:hover{color: #0072ff;font-weight: bold;;}
.article-leftsidernav .box_all .box .link{font-size: 18px;line-height: 22px;font-weight: bold;position: relative;border-top: 1px solid #E5E5E5;padding: 14px 0 14px 32px;cursor: pointer;;}
.article-leftsidernav .box_all .box .link img{position: absolute;left: 4px;top: 13px;}
.article-leftsidernav .box_all .share {margin: 0; display:flex; align-items:center; justify-content:space-around;}
.article-leftsidernav .box_all .share li{ width:33.33%;background: #ECECF3;text-align: center;line-height: 35px;font-size: 18px;cursor: pointer;}
.article-leftsidernav .box_all .share li.b2{background: #F4F4F8;}
.article-leftsidernav .box_all .share li.share_facebook{color: #3C5998;}
.article-leftsidernav .box_all .share li.share_twitter{color: #1DA1F2;}
.article-leftsidernav .box_all .share li.share_linkedin{color: #0077B5;}
.article-leftsidernav .box_all .share li.share_reddit{color: #FF4500;}
.article-leftsidernav .box_all .share li.share_reddit i::before {font-weight: bold;}

.banner-author {background: #10273E;}
.banner-author .author-name { display:flex; align-items:center; justify-content:center; font-size:1.5rem; font-weight:600;}
.banner-author .author-name img {margin-right:1rem; height:6rem;}
.banner-author p.des { margin-top:2rem;}
.author-sec { padding:4rem;}
.author-sec p.name { font-size:1.5rem; font-weight:600;}
.author-sec p.name i {color:#6236ff; margin-right:1.5rem; margin-left:0.5rem;}
.author-sec .textarea {background-color: #fff; box-shadow: 0 0 1.5rem 0 rgba(0,0,0,.05); padding: 2rem; padding-left:3.5rem; position: relative; border-radius:1rem;}
.author-sec .textarea:before { content: '';  width: 0.25rem;  height:2rem; display: inline-block; position: absolute; left: 1.5rem; top: 50%; margin-top: -1rem;background-color: #6236ff;}

@media(max-width:992px){
	.article-leftsidernav{display: none;}
	/*download*/
  .dl_product_list .btn-down { padding: 8px 16px; margin:0; min-width:inherit; font-size:16px;}
}
@media(max-width:768px){
	/*download*/
   .dl_product_list ul{ padding:32px;}
   .dl_product_list ul li { width:100% !important; float:none; text-align:center; margin:16px 0;}
}
/*article part*/
.article-part { background-color: #F5F8FF; padding:0; color:#161817; text-align:left;}
.article-part img {max-width:100%; height:auto;}
.article-part .col-md-8, .article-part .col-md-9, .article-two-column .text-part, .article-two-column .author, .article-two-column .related, .article-two-column .rightside { padding: 1.5rem 2.5rem; box-shadow: 0 2px 4px rgba(3,27,78,0.05); margin-top:2rem; background-color:#fff; border-radius:1rem;}
.article-part .col-md-8:last-child, .article-part .col-md-9:last-child, .article-part .col-md-10:last-child {margin-bottom:2rem;}
.article-two-column .col-md-8 {padding: 0; box-shadow: none; background-color: transparent;}
.article-two-column .text-part { margin-top: 0; padding-top: 0.5rem;}
.article-two-column .related {margin-bottom: 2rem;}
.article-part h2, .article-part h3 { color: #161817; text-align:left; padding:0; margin:2.5rem 0 1.5rem; font-weight:700;}
.article-part h2 { font-size:1.5rem; line-height: 1.6; margin: 3.125rem 0 1rem;}
.article-part h3 {font-size:1.25rem; margin:1.5rem 0;} 
.article-part p { line-height:1.9; padding:0; margin:1.7rem 0; font-size: 1rem;}
.article-part a,.article-part a:hover {color:#3575f5;}
.article-two-column .rightside {padding: 1.5rem; padding-top: 0.5rem;}
.article-two-column .rightside p.name{font-size: 1rem; line-height: 1.25;font-weight: 700;position: relative;padding-left: 1rem; margin-bottom: 1rem;}
.article-two-column .rightside p.name:before { content: '';background: #3575F5;width: 4px; height: 20px;position: absolute;left: 0px;top: 0px;}
.article-two-column .rightside .list { border-top: 1px solid #F4F4F4; padding: 0; margin: 0; margin-top: 0.5rem; padding-top: 1rem;}
.article-two-column .rightside li {  font-size: 0.875rem;  line-height: 1.125rem;  margin-bottom: 1.25rem; list-style: none!important;position: relative; margin-left: 0!important; padding-left: 1.25rem;}
.article-two-column .rightside li a {  display: block;color: #54545B;}
.article-two-column .rightside li :before { position: absolute; top: 6px;width: 6px; height: 6px;clip-path: polygon(0 0,100% 0,0 100%,0 0);transform: rotate(135deg); background: #54545B;overflow: hidden;content: ""; display: inline-block;  left: 0;border-radius: 0;}
.article-part i.bi-caret-right-fill {font-size:0.75rem; margin-right:0.25rem;}
.article-part i.bi::before {vertical-align:0;}

.article-part .recom-article { display: flex; justify-content: space-between; margin: 20px 0 36px 0; position: relative; background: #f2f8ff; padding: 2rem;}
.article-part .recom-article .img img { max-width: inherit;box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);}
.article-part .recom-article .text { margin-left: 2rem;}
.article-part .recom-article .t {font-size: 1.5rem; font-weight: 600; margin-top: 0; line-height: 1.2; margin-bottom: 1rem;}
.article-part .recom-article .d { margin: 0; line-height: 1.2;}
.article-part .text-part section {padding: 0;}
.article-part .text-part section .bg-gray {padding: 24px 16px!important; border-radius: 8px; font-size: 14px; background-color: #f5f5f5!important; margin: 12px 0;}
.article-part .text-part section .bg-gray p {margin: 0; font-size: 14px; line-height: 1.6;}
.article-part .text-part section .bg-gray p.name {margin-bottom: 12px; font-size: 16px; font-weight: bold;}
.article-part .text-part section .bg-gray p.name a {color:#161817;}
@media (max-width: 576px) {
    .article-part .recom-article { display: block;}
    .article-part .recom-article .text {margin-left: 0;}
}

.article-part .border-bt { border-bottom: 1px solid #161817; line-height:2;}
.article-part .border-bt a:hover { text-decoration: none; color: #217aff;}
.article-part .border-bt a { color: #161817;}

.article-part p.bg-gray { text-align: center; padding: 0; line-height: 1; font-size: 0; background-color:#f6f9fc !important;}
.article-part p.borderdashfilled { border: 1px dashed #4298ff; background-color: #f0f6ff; padding: 0.875rem; border-radius: 0.5rem; margin:1.5rem 0;}
.article-part p.bordergrayfilled, .bordergrayfilled {border: 1px solid #e5e5e5; background: #f7f7f7;padding: 0.875rem; border-radius: 0.5rem; margin:1.5rem 0;}

.article-part .p_blue, .article-part .p_gray, .article-part .p_border { background-color:#e9f2ff; padding:1rem; font-weight:600;}
.article-part .p_gray { background-color: #F8F8FA;}
.article-part .p_border { background-color: #fff; border:1px solid #D8D8D8; border-radius:0.75rem;}
.article-part .author { display: flex; padding:1.5rem 0;}
.article-two-column .author { padding: 2.5rem;}
.article-part .author img { width: 3rem; height: 3rem;}
.article-part .author .text-info { margin-left: 2rem; color: #161817!important;}
.article-part .author .text-info p { margin: 0;}
.article-part .author .text-info p.name { font-size: 1.125rem;font-weight: 500; margin-bottom: 1rem;}
.article-part .author .text-info p.name span {font-weight: 600; }

span.span-bg-black,span.span-bg-blue,span.span-bg-red, span.span-bg-gray {color: #fff; border-radius: 0.25rem; padding: 0.25rem;}
span.span-bg-black a, span.span-bg-blue a, span.span-bg-red a, span.span-bg-gray a {color: #fff;}
span.span-bg-black { background-color: #161817; }
span.span-bg-gray { background-color: #ddd; color:#161817;}
span.span-bg-blue { background-color: #1DA1F2; }
span.span-bg-red { background-color: #FF6551; }
span.span-bb-blue { border-bottom: 2px solid #3575f5; padding-bottom: .2rem;}

.pt0 { padding-top:0 !important;}
.pb0 { padding-bottom:0 !important;}
.pb40 { padding-bottom:40px !important;}
.main-seo .date { color: #9c9b9b; padding:0; font-style: italic;}
.main-seo .par-style1, .main-seo .par-bgblue { padding: 1.5rem; background-color: #f6f9fc; border-left: 4px solid #217AFF; box-shadow: 0 2px 8px rgba(0,0,0,0.1); margin:1.5rem 0;}
.main-seo ul.border-left4 {border-left: 4px solid #217AFF; padding-left: 32px; margin-left: 0!important;}
.main-seo .par-bgblue { border:0;}

/*list*/
.article-part ul {margin-left:0.5rem;}
.article-part ul li, .article-part ol li { list-style:none; line-height: 1.9; margin: 0.75rem 0;}
.article-part ul.list li { list-style:disc outside; margin-left:1rem;}
.article-part ol li {list-style-type: decimal!important; list-style-position: outside;}
.article-part ol ul li {list-style:disc outside!important; list-style-position: outside;}

.article-part ul.list-triangle { padding-left:1rem; position:relative; margin-left:0;}
.article-part ul.list-triangle::before { position:absolute; content:''; width:4px; height:100%; background-color:#217AFF; border-radius:2px; left:0;}
.article-part ul.list-triangle li { position: relative; padding-left:1.25rem; line-height: 1.5;}
.article-part ul.list-triangle li:before { position: absolute; top: .4rem; left:0; width: 0.5rem; height: 0.5rem; border-bottom: 2px solid #217AFF; border-right: 2px solid #217AFF; content: "";  transform: rotate(-45deg); display: block; }
.article-part ul.list-triangle ul { margin-left: 1.5rem; margin-bottom: 1rem;}
.article-part ul.list-triangle ul li { padding-left: 0;}
.article-part ul.list-triangle ul li::before{content: none;}

.article-part ul.list-tool li, .article-part ul.list-error li, .article-part ul.list-question li, .article-part ul.list-infor li, .article-part ul.list-ok li{list-style: none; margin-left:0; padding-left:2rem;}
.article-part ul.list-tool li { background: url("../images/seo-article/ic_list_tool@2x.png") no-repeat 0 4px; background-size: 1rem; }
.article-part ul.list-infor li { background: url("../images/seo-article/ic_list_infor@2x.png") no-repeat 0 4px; background-size: 1rem; }
.article-part ul.list-question li { background: url("../images/seo-article/ic_list_question@2x.png") no-repeat 0 4px; background-size: 1rem; }
.article-part ul.list-error li { background: url("../images/seo-article/ic_list_error@2x.png") no-repeat 0 4px; background-size: 1rem; }
.article-part ul.list-ok li { background: url("../images/seo-article/ic_list_ok@2x.png") no-repeat 0 4px; background-size: 1rem; }

/*pagescroller*/
.fixleftnav {max-width:240px;}
.fixleftnav .fl_l { width:240px;background-color: #fff; margin-top: 2rem; border-radius: 1rem;padding: 0.875rem; box-shadow: 0 2px 4px rgb(3 27 78 / 5%); margin-left: 0;}
.fixleftnav .fl_l li {margin: 0!important; display: block;}
.fixleftnav .fl_l li a { font-size: 0.875rem; display: block; padding: 0.75rem 0.5rem;text-decoration: none;}
.fixleftnav .fl_l li.active a { background: #EEF7FF; color: #217aff; font-weight: 600;}
.fixleftnav .fl_l li a:hover {color: #217aff; text-decoration: none; }

/*button style*/
.article-part .btns { margin:1rem 0; display:flex;}
.article-part .btn { border-radius: 2rem; margin:0.5rem 0; margin-right:1rem; min-width:220px;}
.article-part .btn:hover {text-decoration:none;}
.article-part .btn-win {background:#217aff url("../images/store/ic_win@2x.png") no-repeat 24px 10px; padding-left: 56px; background-size: 20px 20px;}
.article-part .btn-mac {background:#217aff url("../images/store/ic_mac@2x.png") no-repeat 24px 10px; padding-left: 56px;background-size: 20px 20px;}
.article-part .btns_style1 {border: 1px solid #8BBBFF; border-radius: 8px; padding: 24px; display: flex; align-items: center; justify-content: space-between; box-shadow:0 2px 8px rgb(3 27 78 / 5%); width: 100%; }
.article-part .btns_style1 .btn_prn {display: flex; align-items: center;}
.article-part .btns_style1 .btn_prn img {margin-right: 12px;}
.article-part .btns_style1 li {margin: 0;}
.article-part .btns_style1 li .btn_text p {margin: 0; line-height: 1.4; font-size: 16px;}
.article-part .btns_style1 li .btn_text .pr_name {font-weight: bold; margin: 0 0 8px; font-size: 18px;}
.article-part .btns_style1 li .btn-secondary {border-radius: .8rem; background-color: #1663F3; border: 0; color: #fff; margin: 0; min-width:200px;}
.article-part .btns_style1 li.btn_buy, .article-part .btns_style1 li.btn_down {text-align: center; padding: 0 12px;}
.article-part .btns_style1 li.btn_buy p, .article-part .btns_style1 li.btn_down p {font-size: 13px; margin: 0; margin-bottom: 8px;}
.article-part .btns_style1 li .btn {vertical-align: middle;}
.article-part .btns_style1 li .btn img { padding: 0; margin: 0; margin-right: 8px; text-align: center;}



/*table*/
.seo-table-1 {border-collapse: collapse;width: 100%;margin: 20px 0 36px 0;}
.seo-table-1 tr:nth-child(odd) {background-color: #F8F8F8;}
.seo-table-1 th { font-size: 18px; background-color: #EDEDED; border: 1px solid #EAEAEA !important; border-bottom: none !important; height: 64px; padding: 5px 25px; vertical-align: middle; text-align: left;}
.seo-table-1 tr td { border: 1px solid #EAEAEA !important; border-bottom: none !important; border-top: none !important; padding: 13px 25px !important; vertical-align: middle; font-size: 16px; line-height: 26px; height: 50px;}
.seo-table-1 tr:last-child td { border-bottom: 1px solid #EAEAEA !important;}
/*recommend*/
.module_box {padding:2rem; border-radius:1rem; background:#ebf4ff url("../images/seo-article/bg_modulebox.png") no-repeat left top; margin: 1.5rem 0; background-size:cover;}
.module_box .word { margin-left: 30%;}
.module_box .word h3 { margin: 0; margin-bottom: 1.25rem; font-size: 1.25rem;}
.module_box .word ul.list { margin: 0;}
.module_box .word ul.list li { list-style: none; position:relative; padding-left:1.2rem; margin-left: 0;}
.module_box .word ul.list li::before { content:''; position:absolute; width:6px; height:6px; border-radius:3px; background-color:#3575f5;top:12px; left:2px; }
.module_box .word .btn {font-size: 0.875rem;font-weight: 500; text-align: left; min-width: inherit; height: auto;padding: 0.7rem 2rem; padding-left: 3.5rem; border-radius: 2.5rem; line-height: 1.1; background-position: 24px 8px!important;}
.module_box .word .btn span {display: block; font-size: 1rem; font-weight: 600;}
.module_box .word .btns {margin-bottom: 0;}

/* relateed products */
.relate-pr { padding:0 0 1.5rem; border-top: 1px solid #ECECEC;overflow: hidden; margin: 1.5rem 0; text-align:left;}
.relate-pr h3 { text-align: center;}
.relate-pr .pr-content .pr-icon { text-align: center; height: 102px; background:url("../images/seo-article/colorbg2@2x.png") no-repeat 0 bottom; background-size: 100%;}
.relate-pr .col-md-4:nth-child(2n) .pr-content .pr-icon  {background:url("../images/seo-article/colorbg1@2x.png") no-repeat 0 bottom; background-size: 100%;}
.relate-pr .pr-content .text { border:1px solid #ECECEC; border-top: 0; border-radius: 0 0 16px 16px; padding: 20px;}
.relate-pr .pr-content .text p.name { font-size: 18px; font-weight: bold; margin: 0; padding: 0; line-height: 1.2;}
.relate-pr .pr-content .text p.name a  { color: #161817;}
.relate-pr .pr-content .text p.name a:hover { text-decoration: none;}
.relate-pr .pr-content .text p.des { font-size: 14px; line-height: 1.2; padding: 16px 0 24px; color: #54545b; text-align:left;}
.relate-pr .pr-content .btn {background-color: #217aff; color: #fff; padding: 8px 0; margin: 0; min-width: 142px; font-size: 16px; border: 0;text-decoration: none; transition: all .5s ease-in-out .1s; }
.relate-pr .pr-content .btn:hover { background-color: #1067E8;}

.btns-down { border:1px solid #ddd; border-radius:0.5rem; padding:1rem; overflow:hidden; margin:1.5rem 0; display:flex; align-items:center; justify-content:space-around;}
.btns-down img { width:64px; height:64px;}
.btns-down .text { margin:0 1.5rem;}
.btns-down .title { font-size:1.125rem; line-height:1.2; padding:0; font-weight:600;}
.btns-down p { padding:0; margin:1rem 0;}
.btns-down .btns { margin:0;}
.btns-down .btn { min-width:168px; padding-left:40px; background-position: 12px 12px; margin:6px 4px;}

/*q&a*/
.article-part .accordion .card-header { padding:0 0 1rem 0;}
.article-part .accordion .btn-link { font-size:1rem;}

/*related article list*/
.article-part p.related-title { font-size: 1.125rem; margin: 0.5rem 0 1rem;} 
.article-part ul.article_list { margin:0; margin-left:1rem;}
.article-part ul.article_list li { list-style:disc outside;}

/*table*/
.seo-table { border:1px solid #ddd; border-radius: 8px; overflow: hidden; }
.seo-table .col-md-6 { border-right:1px solid #ddd; padding:0;}
.seo-table .col-md-6:last-child{ border: 0;}
.seo-table .col-md-6 p.name { font-size: 18px; background-color: #f3f4f6; padding: 16px 24px; border-bottom: 1px solid #ddd; margin:0;}
.seo-table .col-md-6 .list { margin: 12px; padding-left: 16px; margin-bottom: 24px;}
.seo-table .col-md-6 .list li { padding: 6px 0; line-height: 1.2; font-size: 16px;}

.seo_table1{ border-collapse: collapse; width: 100%; margin: 20px 0 36px 0;border: 0; border-radius: 8px; }
.seo_table1 tr:nth-child(odd) { background-color: #F8F8F8;}
.seo_table1 th {  font-size: 18px; background-color: #EDEDED; border: 1px solid #EAEAEA !important; border-bottom: none !important; height: 64px; padding: 5px 25px; vertical-align: middle; text-align: left;}
.seo_table1 tr td {  border: 1px solid #EAEAEA !important; border-bottom: none !important; border-top: none !important; padding: 13px 25px !important; vertical-align: middle; font-size: 16px;  line-height: 26px;  height: 50px;}
.seo_table_aligntop tr td {  vertical-align: top;}
.seo_table_aligntop tr th {  height: 48px;}
.seo_table1 tr:last-child td { border-bottom: 1px solid #EAEAEA !important;}

.seo_table_fontsmaller th, .seo_table_fontsmaller tr td {font-size: 14px!important; padding: 4px 8px!important; line-height: 1.2;}
.seo_table_fontsmaller tr td p {font-size: 14px; margin: 4px 0;}
table td .img-l { display: flex; flex-direction: row; align-items: flex-start; line-height: 1.4;}
table td .img-l img { margin-right: 8px; margin-top: -4px;}
table td ul.list { margin: 0;}
table td ul.list li { line-height: 1.4;}

/*seo article index*/
.totla-article { margin:2rem 0; border-radius:1rem; padding:1.5rem; }
.totla-article .row  {display:flex; align-items:center;}
.totla-article ul {border-left:1px solid #ddd; padding-left:1.5rem; margin:0;}
.totla-article ul li { width:24%;display:inline-block; padding:0.5rem 0;}
.totla-article .col-md-2 {text-align:center;}
.totla-article .col-md-2 a {font-size:1.5rem; color:#07273d;}

.main-seo .recommend-article  { padding: 0; padding-top:6rem;}
.main-seo .recommend-article .textarea { padding-bottom:1rem; text-align:center;}
.main-seo .recommend-article p { margin:1.5rem;}
.main-seo .recommend-article h2 { padding: 0;}
.main-seo .recommend-article p.des { max-width: 80%; margin: 16px auto;}

/* pagenation */
.main-seo .article-lis2 { margin: 24px 0; padding: 40px; background: #fff; border-radius: 16px;}
.main-seo .article-list ul li { float: left; width: 46%; margin: 0 2%; }
.main-seo .article-list ul { margin-bottom: 32px; overflow: hidden;}
.main-seo .article-list li {border-bottom: 1px dashed #d2d2d2; padding: 16px 0; list-style: none;}
.main-seo .article-list li p { margin:0;}
.main-seo .article-list li .list-title { font-size:18px; width: 96%; display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0; line-height: 2;}
.main-seo .article-list li .list-title a:hover { color: #008aff; text-decoration: none; border-bottom: 1px solid #008aff;}
.main-seo .article-list li .list-des { font-size: 14px; color:#54545b; width: 96%; display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0;}
.page { text-align: center; line-height: 2; ;}
.page span a { background-color:#F5F6FA; color:#161817; padding: 4px 10px; margin: 0 2px; border-radius: 2px;}
.page span a:hover { text-decoration: none;}
.page span span a {background-color:#3469ED;}

/*pad index*/
.boxmodel h3 {background-color: #f6f9fc; border-left: 4px solid #217aff; padding: 0.5rem 1rem; font-size:1rem;}
.boxmodel ul.list {margin-left:0.5rem;}
.boxmodel ul.list li { background: url(../images/seo-article/ic_ar_grayr.png) no-repeat 0 12px; list-style:none; padding:4px 0 4px 16px;}
.boxmodel ul.list li {background-position: 0 10px;}
.boxmodel ul li a {color:#41424e;}
.main-seo .pad {padding:3rem 0;}
.main-seo .pad h2 {text-align:left; font-size:1.5rem; margin:2rem 0 1.5rem; padding:0;}

/*table*/
.table {table-layout: fixed; color: #161817;}
.table-bordered th, .table-bordered td { overflow: hidden; white-space:normal; vertical-align: middle;}
.main-seo .table-bordered { border:1px solid #ddd; font-size: 1rem!important;width: 100%; max-width: 100%; box-sizing: border-box;}
.main-seo .table-bordered p { font-size: 1rem;}
.main-seo .table-bordered h4 { font-size: 1rem;}
.main-seo .table-bordered tr th {  color: #fff; background-color: #256bc2; line-height: 1.2; vertical-align: middle;}
.main-seo .table-bordered tr th a { color: #fff;}
.table-bordered td, .table-bordered th {border: 1px solid #ddd;padding: 8px;}
.table-bordered td.img-text {border:0; border-top: 1px solid #ddd;}
.table-bordered th tbody tr:nth-child(2n) { background-color: #f9f9f9;}
.article-part .table .img-text {display: flex; align-items: flex-start;}
.article-part .table .img-text img { margin-right: 0.6rem;}


@media (max-width: 1600px) {
	.module_box .btns { display: block;}
	.article-part .col-md-8,.banner-article .col-md-8 {max-width: 880px; flex: 0 0 880px; margin: 0 auto; margin-top: 2rem;}
    .article-two-column .col-md-8, .banner-article-new .col-md-10{ max-width: 74%; flex: 0 0 74%; margin-left: 0;}
    .article-two-column .col-md-2 {max-width: 26%; flex: 0 0 26%;}
}
@media (max-width: 1200px) {
    .main-seo img { max-width: 100%;} 
	.module_box {background:#ebf4ff;}
	.module_box .word { margin-left:0;}
	.article-part .col-md-3 { display:none;}
	.article-part .col-md-9 { max-width: 100%; flex: 0 0 100%;}
}
@media (max-width: 992px) {
    .main-seo .col-md-8 { max-width: 100%; flex:0 0 100%;} 
	.main-seo .offset-2 { margin-left:0;}
}
.topimage { background: url(../images/index/bg_hot_solution.jpg) no-repeat center center; background-size: cover; height: 104px; padding:24px 0; color:#fff;}
.topimage h1 { font-size: 24px;color: #fff;margin: 0; line-height:50px;}
.topimage p { margin-bottom:0; margin-top:12px;}



/*-----------------------------------------------------
affiliate
-----------------------------------------------------*/
.banner-blue { background:#091B88;color:#fff;}
.banner-blue h1{color:#fff;}
.banner-blue p.des { max-width:100%; color:#fff; text-align:left;}
.sec-about ul li { background-color: #EBF2FF; margin: 12px 0; padding: 12px 24px; list-style: none; display: block; border-radius: 16px; font-weight: bold;}
.sec-about ul li span { font-weight: normal; display: block; padding-bottom: 8px;}
.sec-joinstep span { display: block; font-size: 20px;}
.sec-statement .textarea { padding: 56px; text-align: left; line-height: 1.5;}
.sec-statement .textarea p {margin:1rem 0;}
.sec-statement .textarea .btns { text-align: center; }
/*-----------------------------------------------------
support page
-----------------------------------------------------*/
.com-prlist .textarea {display: flex;align-items: center;justify-content: space-around;background: #f9f9f9;}
.com-prlist .pr-infor {text-align: left; margin-left: 2rem;}
.com-contact h3 { font-size: 1.25rem; margin-bottom: 1.5rem;}
.com-contact ul.list li { padding: 0.75rem 0;}
.com-contact .share li { list-style:none; float:left;}
.com-contact a.fb, .com-contact a.twitter, .com-contact.com-contact a.google, a.email { display: block; width:36px; height:36px; float:left; background:url(../images/icon_share_footer.png) no-repeat 0 0; margin-right:10px; margin-bottom:28px;} 
.com-contact a.fb:hover { background-position:0px -38px;}
.com-contact a.twitter { background-position:-38px 0px;}
.com-contact a.twitter:hover { background-position:-38px -38px;}
.com-contact a.google {  background-position:-76px 0px;}
.com-contact a.google:hover { background-position:-76px -38px;}
.com-contact a.email {background-position:-150px 0; margin-right:0;}
.com-contact a.email:hover { background-position:-150px -50px;}

.support-sec1 .textarea { padding: 0;}
.support-sec1 .textarea .text { padding: 1.5rem 2rem;}
.support-sec1 ul, .main-sup .sec-3block ul { margin-left: 16px;}
.support-sec1 ul li, .main-sup .sec-3block ul li{text-align: left; list-style:disc outside; margin: 0.5rem 0;}
.support-sec1 ul li a, .main-sup .sec-3block a {color: #161817;}
.support-sec1 ul li:last-child { list-style: none;}
.support-sec1 ul li:last-child a { color: #2A6CFF;}
.main-sup .bg-blue-light p.name { margin-bottom: 0; line-height: 1.2;}
.main-sup .bg-blue-light a {color: #161817; font-size: 1rem;}

.faq-sec ul.list { width: 100%; display: flex;flex-wrap:wrap; flex-direction: row;}
.faq-sec ul.list li { width: 31.33%; line-height: 1.4;list-style:disc outside; margin: 6px 0; margin-left: 2%; padding-right: 24px;}
.faq-sec1 ul {margin-bottom: 0;}
.faq-sec1 ul li a {color: #2E8AFF!important;}
.faq-sec1 .textarea {text-align: left;}
.faq-sec1 .textarea p.name { margin: 12px 0 24px;}
.faq-sec ul li a:hover, .faq-sec1 ul li a:hover{color: #2E8AFF!important; text-decoration: underline;}


.main-buy .banner-pr { text-align: center; }
.main-buy .banner-pr .row {align-items:baseline;}
.main-buy .banner-pr p {color: #fff;}
.main-buy .banner-pr p.des { text-align:center;}
.main-buy .banner-pr h1 { font-size: 2.5rem;}
.main-buy .banner-pr a { color: #fff;}
.main-buy .banner-pr a:hover { opacity: 0.8;}
.main-buy .banner-pr .textarea, .main-buy .banner-pr .textarea p { color:#161817;}
.main-buy .buy-prlist {display: flex;align-items: center;justify-content: space-around; background-color: #fff; border-radius: 1rem; padding: 2.5rem; margin: 2rem 0;}
.main-buy .buy-prlist p {color: #161817;}
.main-buy .buy-prlist p.name { font-size: 1.125rem; font-weight: 600; text-align: left;}
.main-buy .buy-prlist p.name span { display: block;font-weight: 300;}
.main-buy .buy-prlist .btn { margin: 0;}
.main-buy .buy-prlist p.price, .main-buy .banner-pr .textarea .ver-name { font-size: 1.5rem; font-weight: 600;}
.main-buy .buy-prlist p.price del, .main-buy .banner-pr .textarea .price del { font-size:1rem; font-weight:500; color:#999; margin-left: 0.5rem;}
.main-buy .banner-pr .textarea .price p {font-size: 2rem; font-weight: 600; color: #FA6401; margin-top: 1rem;}
.main-buy .banner-pr .textarea .price  p sup { font-size: 1rem; font-weight: 500;}
.main-buy .banner-pr .textarea .btns { text-align: center; margin-top: 1rem;justify-content: center;}
.main-buy .banner-pr .textarea ul { margin-bottom: 0; margin-top: 1rem;}
.main-buy .banner-pr .textarea ul li { font-size: 1rem; text-align: left;}
.main-buy .banner-pr .col-md-4:last-child .textarea {position: relative;}
.label {position: absolute; background-color: #217aff;z-index: 9;left: 168px; border-radius: 8px; padding: 0.2rem 1rem;}
.main-buy .banner-pr .textarea .ver-name a{color: #161817;}

/*-----------------------------------------------------
product purchase&upgrade page
-----------------------------------------------------*/
.main-install .sec-thanks, .main-uninstall .sec-recom, .banner-download { background:#091B88; text-align: center; padding: 64px 0;}

.banner-purchase {background: #fff url("../images/purchase/banner- purchase.jpg") no-repeat center top; background-size: contain; padding-top: 3rem;}
.list-ver li { display: inline-block;}
.banner-purchase .list-ver {margin: 0;}
.banner-purchase .list-ver li { list-style: none;}
.banner-purchase .list-ver li:nth-child(2) { padding: 0 40px;}
.banner-purchase h1 {margin-bottom: 0;}
.banner-purchase h1 span {font-size: 22px; font-weight: 400;}
.banner-purchase .row {align-items:flex-end;}

.banner-purchase .textarea {border:1px solid #E9F0FF; text-align: center; margin: 0;}
.banner-purchase .textarea .ver-name {font-size: 24px; font-weight: bold; padding-bottom: 16px;}
.banner-purchase .textarea .des {font-size: 18px;font-weight: 400; margin: 0; max-width: inherit;}
.banner-purchase .textarea .price {font-size: 48px;font-weight: bold; line-height: 1.2; padding: 32px 0;}
.main-buy .banner-purchase .textarea p.price del { font-size: 24px; font-weight: 300; color: #161817; line-height: 1.2;}
.banner-purchase .textarea .btns {margin: 0!important; padding-bottom: 12px;}
.banner-purchase .textarea .btn {min-width: 90%; margin: 0 auto; height: 3.2rem;}
.banner-purchase .textarea .list {margin: 0;}
.banner-purchase .textarea .list li { background: url("../images/purchase/ic_ok.png") no-repeat 0 2px; background-size: 16px; list-style: none; padding-left: 32px; color: #5B5D5C; font-size: 18px; font-weight: 500;}
.banner-purchase .col-md-4:last-child {display: flex; flex-direction: row; justify-content: center;}
.banner-purchase .best-value { border: 4px solid #136ADD; padding-top: 96px; position: relative; }
.banner-purchase .label-best { position: absolute; z-index: 1; top: -11px;}
.banner-purchase .link{ margin: 24px 0;}
.banner-purchase .link a {color: #008aff; text-decoration: underline;}

@media(max-width:992px){
    .banner-purchase .col-md-4 {max-width: 100%; flex: 0 0 100%;}
    .banner-purchase .row {flex-wrap: wrap;}
    .banner-purchase .textarea {margin: 24px 0;}
    .banner-purchase .col-md-4:last-child {display: block;}
    .banner-purchase .label-best {top: 13px; text-align: center; margin: 0 auto; left: 38%;}
}

.banner-purchase .tooltip {font-family: 'Lexend', Arial, Calibri, sans-serif;}
.tooltip.show{opacity:.9;}
.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem; }


/*-----------------------------------------------------
install &uninstall page
-----------------------------------------------------*/
.main-install .sec-thanks h1 a { color: #fff; text-decoration: none; font-size: 64px;}
.main-install .sec-thanks h1 span { display: block; font-size: 48px;margin-bottom: 48px;}
.main-install .sec-thanks h1.bigger { font-size: 64px; margin-top: 0;}
.main-install .sec-thanks p { color: #fff; font-size: 18px;}
.main-install .sec-thanks .textarea p { color: #444; font-size: 16px;}
.main-install .sec-thanks p.big { font-size: 24px;}
.main-install .sec-thanks p.des { font-size: 1.25rem;padding: 0; margin-bottom: 1.5rem;}
.main-install .sec-thanks p.des a:hover {color: #fff; font-size: 1.25rem;}
.main-install .sec-recom p.name { font-size: 22px; color: #121213; line-height: 1.2; padding-bottom: 24px; height: 78px;}
.main-install .sec-recom p.des { padding: 24px 0;}
.main-install .sec-recom .price del { font-size: 18px; color: #999;}
.main-install .sec-thanks .btns { margin-bottom:1rem;}
.main-install .sec-thanks .btn-fill-blue { padding: 1rem 2rem; padding-right: 4rem; background-image:url("../images/icon_down.png"); background-repeat: no-repeat; background-position: 90% 16px; background-size: 1.5rem; border-radius:2rem;}
.main-install .bg-blue-light .btn-border-blue { text-align:center; background:#fff; min-width:168px; font-weight:500;}
.main-install .bg-blue-light .btn span {font-size:1.5rem; font-weight:600;}
.main-install .bg-blue-light .btn:hover { color:#1663F3;}
.main-install .sec-thanks h1.small {font-size:1.25rem;}
.main-install .sec-thanks .textarea {position:relative;}
.main-install .sec-thanks .textarea h3 { font-size:1.125rem; margin-top:1rem;}
.main-install .textarea p.des {max-width:100%;font-size:1rem; margin:1rem 0; margin-top: 2rem;font-weight: 400;padding: 0;}

.percent_50, .percent_77, .percent_34, .percent_29, .percent_63, .percent_37, .percent_25, .percent_free { position:absolute; right:10px; top:12px; background:url("../images/pic-50off.png") no-repeat; width:81px; height:80px;z-index: 1;}
.percent_77 { background:url("../images/pic-77off.png") no-repeat;}
.percent_34 { background:url("../images/pic-34off.png") no-repeat;}
.percent_29 { background:url("../images/pic-29off.png") no-repeat;}
.percent_63 { background:url("../images/pic-63off.png") no-repeat;}
.percent_37 { background:url("../images/pic-37off.png") no-repeat;}
.percent_25 { background:url("../images/pic-25off.png") no-repeat;}
.percent_free { background:url("../images/pic-free.png") no-repeat;}

/*-----------------------------------------------------
download pages
-----------------------------------------------------*/
.banner-download { padding-bottom: 0;}

.main-down h2 {text-align: center;}
.main-down .box { float: left;}
.main-down .text { float: left;text-align: left; padding-left: 32px;} 
.main-down .text p.name { font-size: 20px; color: #121213;}
.main-down .text p.name a { text-decoration: none;}
.main-down .text p.name a:hover {text-decoration: underline;}
.main-down .text p.des { font-size: 16px; line-height: 1.4; padding: 8px 0 24px;}
.main-down p.ver { font-size: 16px; margin-right: 24px;}
.main-down .ver { vertical-align: middle; display: inline; }
.main-down .ver .btn { margin: 0; padding: 8px 0;}

/*===============bundle====================*/
.bundle {  overflow:hidden;}
.bundle .save_pro li { height: 400px;}
.bundle .save_pro .item { border: solid 1px #217aff; background:#fff; text-align: center;}
.bundle .save_pro .totalpro .sale { position:absolute; right:0; top:0;}
.bundle .save_pro .totalpro .sale img { border-radius: 0 16px 0 0;}
.n_title { text-align:center;}
.save_pro {padding:10px 0 20px 0;}
.save_pro ul { list-style:none;}
.save_pro ul li { display:inline-block; width:28%; margin:0 1%; min-height:350px; padding:24px; }
.save_pro .item { float:left; border-radius:16px; border:solid 1px #e5e5e5; margin-right:1%; position:relative; z-index:1;}
.save_pro .item .img {text-align:center; padding:10px 0; display:block; position:relative;}
.save_pro .item .img img { text-align:center; float:none;}
.save_pro .item .add { display:block; width:36px; height:36px; background:url(../images/savepro-icon.png) no-repeat 0 0; position:absolute; top:41%; left:-33px; z-index:2;}
.save_pro .item h3 { font-weight:normal; font-size:1.2rem; text-align:center;}
.save_pro .item h3 a { text-decoration: none; color:#217aff; }
.save_pro .item h3 a:hover { text-decoration: underline;}
.save_pro .item p {line-height:1.3em;}
.save_pro .item p span {color:#f26522 !important;}
.save_pro .item .price { padding-bottom:10px; text-align:center; padding-top:0;}
.save_pro .item .price big { color:#FA6401; font-weight: bold;}

.save_pro .totalpro { background:#45474d; color:#fff; border:solid 1px #45474d; position:relative; z-index:1; width:38%; border-radius: 16px;}
.save_pro .totalpro .total { display:block; width:36px; height:36px; background:url(../images/savepro-icon.png) no-repeat 0 -42px; position:absolute; top:41%; left:-33px; z-index:2;}
.save_pro .totalpro .imgbox {text-align:center; padding:25px 0;}
.save_pro .totalpro .imgbox .img {display:inline; margin:0 -20px;}
.save_pro .totalpro .price { padding:0 10px; font-size:1.2rem; text-align:center; color:#f1f1f1;}
.save_pro .totalpro .price big {display:block; font-size:1.6rem; color:#f75a50; padding:0;}
.save_pro .totalpro .btns {text-align:center; margin-top: 1rem; overflow:hidden;}
.save_pro .totalpro .btn {float:none; margin:0; border-radius: 2rem; padding: 0.6rem 2rem;}
.save_pro .totalpro .btn:hover { text-decoration:none;}
/*store page*/
.conts .textarea {position:relative; padding:2.5rem; text-align: center;}

.conts .oslabel {height:32px; width: 40px; position: absolute; top: 0; right: 0;} 
.conts .os-label-w { height:32px; width: 40px; background: url("../images/store/lable_win@2x.png") no-repeat center center; background-size: 100%; position: absolute; top: 0; right: 0;}
.conts .os-label-m { height:32px; width: 40px; background: url("../images/store/lable_mac@2x.png") no-repeat center center; background-size: 100%; position: absolute; top: 0; right: 0;}
.conts .textarea p.name { font-weight:600; line-height: 1.2;margin-top:0;margin-bottom: 1rem; }
.conts .name a, .conts a:hover { color:#161817; font-size:1rem; }
.conts a:hover{ text-decoration:underline;}
.conts .license { font-size: 0.75rem; color: #3469ED; font-weight:600; background-color: #e7f4ff; padding: 0.25rem 0.75rem; border-radius: 0.5rem;}

.conts .textarea .des {font-size: 13px; line-height: 1.2; }
.conts .textarea .box {text-align: left; display:flex; align-items:center; margin:1rem 0;}
.conts .textarea .box img {float: left; position: absolute; left: 1rem; height: 128px; z-index: 1;}
.conts .textarea .box .feature { float: left; background-color: #f6f6f6; border-radius: 8px; margin-top: 6px; padding: 12px; padding-left: 100px;}
.conts .textarea .box .feature .list-des { padding-top: 12px;}
.conts .textarea .box .feature .list-des li { float: none; width: auto; text-align: left; background: url("../images/special-offer/ic_ok.png") no-repeat 0 4px; font-size: 13px; padding: 1px 0; padding-left: 24px; }
.conts .textarea .price p {font-size: 1.75rem; display: block; margin: 1.5rem 0;}
.conts .textarea .price del { font-size: 1rem; color: #999; padding-left: 8px;}
.conts .textarea .btn { margin: 0; margin-bottom: 8px; border-radius:1.5rem;}
.conts .textarea .btn:hover {color:#fff; text-decoration:none;}
.vwin, .vmac {display: inline-block; vertical-align: middle; margin-right: 12px; width: 20px; height: 20px; background: url("../images/store/ic_win@2x.png") no-repeat 0 0; background-size: cover;}
.vmac {background: url("../images/store/ic_mac@2x.png") no-repeat 0 0; background-size: cover;}
.conts .textarea .text-link { display: block; line-height: 1.5;  color: #3469ED; font-size:1rem;}
.conts .textarea .text-link:hover { text-decoration: underline; font-size:1rem;}

.sec-4block p.name {font-size: 1.25rem;padding: 0; margin: 1.5rem 0 1rem;}

/*errorpage*/
.errorpage { text-align: center;}
.errorpage h1 { margin-top: 2rem;}

.campaign_entrance { position: fixed; bottom: -7px; z-index: 999; background: #4F2911; height: 200px; width: 100%; text-align: center;}
.campaign {position: relative; height: auto;}
.close { position: absolute; top: 24px; right: 24px; cursor: pointer; z-index:100;opacity: 1;}
.campaign_entrance a { display: block; height: 100%; position: absolute; left: 0; top: 0px; z-index: 100; width: 100%;}
.campaign_entrance .bg { height: 200px; width: auto;}


/*cookies policy*/
.user_popup {position:fixed; width:100%; line-height:26px; text-align:center; padding:8px; left:0; bottom:0; box-shadow: 0 -2px 16px rgba(20,34,180,.1);font-size:14px;z-index:998; color: #333; backdrop-filter:blur(10px);background-color: rgba(255,255,255,0.8); }
.user_popup a { color:#008AFF;}
.user_popup a:hover {text-decoration:underline;}
.user_popup .user_button { background: transparent; color: #000; border:2px solid #000;display:inline-block;width:96px;margin-left:24px; cursor:pointer; border-radius: 0;}
.user_popup .user_button:hover {border: 2px solid #000; text-decoration: none; transition: background .3s,border-color .3s,color .3s;}


@media (max-width: 992px) {
	.save-pro .item .add {left:-22px;}
	.save-pro .totalpro .total {left:-22px;}
	.article-part .col-md-3 { display:none;}
}
@media (max-width: 768px) {
	.save_pro ul li, .save_pro .totalpro {float:none; width: 100%; min-height:inherit; height:auto; margin:0 0 10px 0;}
	.save_pro .item .add, .save_pro .totalpro .total { top:auto; top:-23px; left:50%; margin-left:-18px;}
	.save-pro .item:first-child {margin-left:0;}
	.save-pro .item .add {top:20%;}
	.save-pro .totalpro { overflow:hidden;}
	.save-pro .totalpro .total { top:-8%; left:47%; }
}
@media (max-width: 576px) {
	.save-pro .item {float:none; -ms-flex: 0 0 100%; flex: 0 0 100%;  max-width: 100%; height:auto; padding:20px; margin:0 0 10px 0;}
	.save-pro .item .add {top:auto; top:-23px; left:50%; margin-left:-18px;}
	.save-pro .totalpro {float:none; clear:both;}
}