@import url("https://cdn-node.diskpart.com/file/amtcstatic/2/eht.css");
@-webkit-keyframes specialOfferLoop {
  0% {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
  }
  to {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
  }
}
@keyframes specialOfferLoop {
  0% {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
  }
  to {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
  }
}
html {
  font-size: 62.5%;
  font-family: 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body,
dd,
div,
dl,
form,
html,
input,
ol,
p,
ul {
  margin: 0;
  padding: 0;
}
body {
  box-sizing: border-box;
  width: 100%;
  background-color: #fff;
  top: 0 !important;
}
dl,
ol,
ul {
  list-style: none;
}
img {
  max-width: 100%;
  max-height: 100%;
  border: 0;
}
input {
  outline: 0;
}
em,
h1,
h2,
h4,
h6,
i {
  font-weight: 400;
  font-style: normal;
}
b,
strong {
  font-weight: bolder;
}
#banner.banner-index a.font-size16,
.carousel.index h2,
.carousel.index h4,
h1 {
  color: #fff;
}
h2 {
  color: #1a1a1a;
  text-align: center;
  word-spacing: normal;
  font-size: 34px;
  font-size: 3.4rem;
}
h4 {
  color: #333;
  font-size: 20px;
  font-size: 2rem;
}
input::-webkit-input-placeholder {
  color: #999;
}
input:-moz-placeholder,
input::-moz-placeholder {
  color: #999;
}
input:-ms-input-placeholder {
  color: #999;
}
.del {
  text-decoration: line-through !important;
}
.clearfix:after {
  clear: both;
  display: table;
  content: "";
}
.inline-block {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  word-spacing: normal;
}
.table-cell {
  display: table-cell;
}
#info h3,
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
#info .close,
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.remove-bottom {
  margin-bottom: 0 !important;
}
.remove-all,
.remove-right {
  margin-right: 0 !important;
}
.remove-all {
  margin-bottom: 0 !important;
}
.remove-bg {
  background-image: none !important;
}
.empty-justify {
  display: inline-block !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  height: 0 !important;
  border: 0 !important;
}
.font-size14 {
  color: #666;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2rem;
}
.font-size16 {
  font-size: 16px;
  font-size: 1.6rem;
}
.font-size18 {
  font-size: 18px;
  font-size: 1.8rem;
}
.font-size20 {
  font-size: 20px;
  font-size: 2rem;
}
.font-size26 {
  font-size: 26px;
  font-size: 2.6rem;
}
a {
  text-decoration: none;
}
a.link {
  color: #2280e1;
}
.tec-editio p a,
a.link-yellow {
  color: #fffc03;
}
#banner.banner-index a.font-size16:hover,
.tec-editio p a:hover,
a.link-active:hover,
a.link-yellow:hover,
a.link:active,
a.link:hover {
  text-decoration: underline;
}
.link-yellow.arrow::after,
.link.arrow::after {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(/images/icon/icon-small.png) no-repeat 2px -122px;
  content: '';
  vertical-align: middle;
}
.link-yellow.arrow::after {
  background-position: -43px -74px;
}
.bg-gray {
  background: #f0f1f2 !important;
}
.bg-base {
  background: #fff !important;
}
.container h2 {
  padding-bottom: 2%;
}
#infoBox {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10000;
  display: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
#info {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10001;
  margin: -95px 0 0 -13%;
  width: 26%;
  height: 190px;
  border: 1px solid #bbb;
  background-color: #fff;
}
#info h3 {
  margin: 0;
  padding: 0 5%;
  height: 34px;
  border-bottom: 1px solid #eee;
  background-color: #f8f8f8;
  font-size: 18px;
  line-height: 34px;
}
#info h3.warning {
  color: #b35c5a;
}
#info h3.success {
  color: green;
}
#info .close {
  position: absolute;
  top: 0;
  right: 8px;
  z-index: 3449;
  width: 34px;
  height: 34px;
  color: #2d2c3b;
  font-size: 34px;
  line-height: 30px;
  cursor: pointer;
}
#info .close:hover {
  color: #6a6974;
  font-weight: 400;
}
#info .msg,
.icon-free::after {
  font-size: 14px;
  font-size: 1.4rem;
}
#info .msg {
  padding: 2.5% 5%;
  color: #666;
  line-height: 1.5;
}
#info button {
  position: absolute;
  right: 5%;
  bottom: 10%;
  padding: 3px 6px;
  width: 20%;
  border: 0;
  border-radius: 2px;
  background-color: #2d8cec;
  color: #fff;
  line-height: 1.8;
}
.devider {
  display: block;
  margin: 2% 0;
  width: 100%;
  border-bottom: 1px solid #d9dfe5;
}
.center-block {
  margin: 0 auto;
  max-width: 1190px;
}
.container {
  box-sizing: border-box;
  padding: 5.8% 0;
  width: 100%;
  font-size: 0;
}
@media screen and (max-width: 1190px) {
  .center-block {
    margin-right: auto;
    margin-left: auto;
    width: 96%;
  }
}
.head-wrapper {
  height: 94px;
  background: #1a1c1e;
}
a.icon-b {
  left: -4px;
}
a.icon-b,
a.icon-buy,
a.icon-try,
a.icon-y {
  position: relative;
  display: inline-block;
  padding: 0 !important;
  width: 32px;
  height: 20px;
  background: url(/public/images/header/top.png) no-repeat left -222px;
  vertical-align: middle;
  opacity: 0;
  transition: opacity 0.3s;
}
a.icon-y {
  left: -4px;
}
a.icon-buy,
a.icon-try {
  left: -2px;
  border-radius: 2px;
  background-image: none;
  color: #fff !important;
  text-align: center;
  font-size: 12px;
  line-height: 20px !important;
}
a.icon-buy {
  background-color: #faa344;
}
a.icon-try {
  background-color: #2280e1;
}
a.icon-b {
  background-position-y: -254px;
}
a.icon-b:hover,
a.icon-y:hover {
  background-position-x: -42px;
}
#banner,
.banner {
  background-color: #25394e;
  background-position: center center;
  background-size: cover;
  -moz-background-size: cover;
}
#banner .container,
.banner .container {
  padding: 7% 0;
  text-align: center;
}
.table-content {
  background-color: #fff;
}
#banner h1,
.banner h1 {
  color: #fff;
  font-size: 48px;
  font-size: 4.8rem;
}
.banner h1 {
  margin-bottom: 4%;
}
@media only screen and (min-width: 1190px) {
  :root #banner li,
  :root .banner li,
  _::-webkit-full-page-media,
  _:future {
    letter-spacing: 1.4px;
  }
}
#banner li,
.banner li {
  letter-spacing: normal;
  font-weight: lighter;
  font-family: 'Segoe UI Light', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  #banner li,
  .banner li {
    font-weight: 400;
    font-family: 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  #banner h1,
  .banner h1 {
    font-size: 4rem;
  }
  h2 {
    font-size: 3rem;
  }
}
#banner.banner-index .container {
  padding: 9% 0;
}
#banner.banner-index {
  background-image: url(/images/index/banner.jpg);
}
#banner.banner-index .download-blue {
  margin-top: 0;
  margin-bottom: 3%;
}
.icon-hook li {
  margin-bottom: 1%;
  padding-left: 14px;
  background: url(/images/icon/icon-hook.png) no-repeat left 6px;
  color: rgba(255, 255, 255, 0.7);
  text-align: left;
  line-height: 20px;
}
.icon-hook li:last-child {
  margin-bottom: 0;
}
#banner p,
.banner p {
  color: rgba(255, 255, 255, 0.7);
  font-weight: lighter;
  line-height: 1.4;
}
.download-blue {
  color: #fff;
}
.download-blue,
.download-gray {
  display: inline-block;
  box-sizing: border-box;
  margin-top: 3%;
  width: 19%;
  border: 1px solid transparent;
  border-radius: 2px;
  vertical-align: top;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  line-height: 2.5;
  cursor: pointer;
  transition: all 0.3s;
}
.download-green,
.download-orange {
  border: 1px solid transparent;
  color: #fff;
}
.download-green,
.download-orange,
.download-white {
  display: inline-block;
  box-sizing: border-box;
  margin-top: 3%;
  width: 19%;
  border-radius: 2px;
  vertical-align: top;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  line-height: 2.5;
  cursor: pointer;
  transition: all 0.3s;
}
.download-gray {
  border-color: #ccc;
  background-color: #fff;
  color: #666;
}
.download-gray:hover {
  color: #fff;
}
.download-blue:hover,
.download-gray:hover {
  border-color: #1472d3;
  background: #1472d3;
}
.download-blue {
  border-color: #2280e1;
  background: #2280e1;
}
.download-green {
  border-color: #5dc560;
  background: #5dc560;
}
.download-green:hover {
  border-color: #44bb48;
  background: #44bb48;
}
.download-white {
  border: 1px solid #acacac;
  background: rgba(255, 255, 255, 0.02);
  color: #fff;
}
.download-white:hover {
  border-color: #4294e9;
  background: #4294e9;
  color: #fff;
}
.download-orange {
  background: #faa345;
}
.download-orange:hover {
  background: #f69429;
}
.carousel.index .msg p,
.more {
  font-size: 16px;
  font-size: 1.6rem;
}
.more {
  display: inline-block;
  min-width: 140px;
  padding: 0 15px;
  border: 1px solid #2280e1;
  border-radius: 2px;
  color: #2280e1;
  vertical-align: top;
  text-align: center;
  line-height: 2.4;
  transition: all 0.3s;
}
.more,
.more-block,
.product-comparison ul li {
  box-sizing: border-box;
}
.more-block,
.more::after {
  transition: all 0.3s;
}
.more-block {
  display: block;
  margin: 0 auto;
  width: 50%;
  border: 1px solid #aab3be;
  border-radius: 2px;
  color: #aab3be;
  text-align: center;
  line-height: 2.4;
}
.more-index {
  line-height: 2.5;
}
.more-white {
  border-color: #fff;
  color: #fff;
}
.more::after {
  display: inline-block;
  margin-left: 2px;
  width: 13px;
  height: 20px;
  background: url(/images/icon/icon-small.png) no-repeat 2px -120px;
  content: "";
  vertical-align: middle;
}
.more:hover {
  border-color: #2280e1;
  background-color: #2280e1;
  color: #fff;
}
.more-white::after,
.more:hover::after {
  background-position-x: -20px;
}
.buy.buy-orange {
  border-color: #faa345;
  background-color: #faa345;
  color: #fff;
}
.buy.buy-orange:hover {
  border-color: #f69429;
  background-color: #f69429;
}
.link-yellow::after {
  margin-left: 2px;
  width: 12px;
  height: 20px;
  background: url(/images/icon/icon-small.png) no-repeat -45px -72px;
  content: "";
}
@media only screen and (max-width: 768px) {
  .icon-hook li {
    line-height: 1.4;
    background-position-y: 7px;
  }
}
.product-comparison,
.product-comparison.bg-gray ul li {
  background-color: #fff;
}
.product-comparison h2 {
  padding-bottom: 3%;
}
.product-comparison .title,
.product-comparison ul p {
  color: #666;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 26px;
}
.product-comparison ul {
  text-align: center;
  word-spacing: -3px;
  font-size: 0;
}
.product-comparison ul li {
  display: inline-block;
  margin-right: 4%;
  margin-bottom: 3%;
  padding: 2.5%;
  width: 26.9%;
  border: 1px solid #ebf0f5;
  vertical-align: top;
  word-spacing: normal;
}
.product-comparison ul li::before {
  display: inline-block;
  width: 120px;
  height: 100px;
  background-repeat: no-repeat;
  content: "";
  vertical-align: top;
}
.product-comparison h4 {
  margin-top: 6%;
}
.product-comparison ul p {
  margin-top: 6%;
  line-height: 1.85;
}
.product-comparison .more-bg {
  margin: 9% auto;
}
.product-comparison.index ul li {
  margin-right: 8%;
  width: 40%;
}
.product-comparison.index ul li::before {
  background-image: url(/images/icon/index-icon.png);
  background-position: 14px 10px;
}
.product-comparison.index ul .eq2::before {
  background-position-y: -106px;
}
.product-comparison.index ul .eq3::before {
  background-position: 0 -218px;
}
.product-comparison.index ul .eq4::before {
  background-position-y: -336px;
}
.slide-arrow {
  margin: 4% auto 0;
  width: 40px;
  height: 30px;
  background: url(/images/icon/icon-small.png) no-repeat 2px -262px;
  cursor: pointer;
}
.main-product {
  word-spacing: -4px;
}
.main-product .txt {
  width: 64%;
  color: #666;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1.4rem;
}
.main-product h4 {
  margin-bottom: 2%;
  padding-bottom: 2%;
  word-spacing: normal;
  line-height: 1.5;
}
.main-product p {
  margin-bottom: 4%;
  line-height: 26px;
}
.main-product dl dt {
  margin-bottom: 2%;
  color: #333;
  font-size: 20px;
  font-size: 2rem;
}
.main-product dl dd {
  padding-left: 12px;
  background: url(/images/icon/icon-hook.png) no-repeat left 11px;
  line-height: 30px;
}
.main-product .pic {
  margin-right: 2%;
  width: 34%;
  vertical-align: middle;
}
.main-product .pic img {
  display: block;
  margin: 0 auto;
}
.main-product .pic p {
  margin-top: 4%;
  color: #333;
  text-align: center;
}
.main-product .download-blue,
.special-offers ul li {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
}
.main-product .download-blue {
  margin-right: 2%;
  width: 27.8%;
  font-size: 16px;
  font-size: 1.6rem;
}
.main-product .more-bg {
  display: inline-block;
  margin-top: 4.9%;
  width: 27.8%;
  vertical-align: top;
}
.main-product.index .icon-hook li {
  color: #666;
}
.main-product.index .txt {
  width: 56%;
}
.main-product.index .download-blue,
.main-product.index .more-bg {
  margin-top: 5%;
}
.carousel.index {
  background: url(/images/index/bg-index.jpg) no-repeat center center;
  background-size: cover;
  text-align: center;
  -moz-background-size: cover;
}
.carousel.index h4 {
  margin-bottom: 3%;
}
#review ul li,
.carousel.index h4 img,
.carousel.index h4 span,
.link-yellow::after,
.product-feature .txt-msg dl {
  display: inline-block;
  vertical-align: middle;
}
.carousel.index h4 img {
  margin-right: 2%;
}
.carousel.index h4 span i {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}
.carousel.index .msg p {
  padding: 0 10%;
  min-height: 104px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 400;
  line-height: 26px;
}
.carousel .container {
  padding-bottom: 3.8%;
  height: auto;
}
.carousel .title {
  margin-bottom: 2%;
  padding: 0 3%;
}
.carousel .msg,
.carousel .title,
.special-offers ul {
  text-align: center;
}
#banner .sale > form,
.carousel .msg p {
  margin-bottom: 2%;
}
.carousel .more-white {
  margin-top: 3%;
  min-width: 160px;
}
.carousel.index .swiper-container {
  padding-bottom: 1%;
}
.carousel .slick-next,
.carousel .slick-prev {
  background-image: url(/images/icon/icon-small.png);
  background-size: auto;
  -moz-background-size: auto;
}
.carousel .slick-next {
  background-position: -71px -307px;
}
.carousel .slick-prev {
  background-position: 1px -307px;
}
.carousel .slick-next:hover,
.carousel .slick-prev:hover {
  background-position-y: -357px;
}
.carousel .swiper-pagination-bullet {
  width: 20px;
  height: 3px;
  border-radius: 10px;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 0;
}
.special-offers ul li {
  margin-right: 6%;
  padding: 2% 1%;
  width: 44.5%;
  border: 1px solid #ebf0f5;
  word-spacing: -4px;
  font-size: 0;
}
.special-offers ul li:last-child {
  margin-right: auto;
}
.special-offers.bg-gray ul li {
  border-color: #ebf0f5;
  background-color: #fff;
}
.special-offers a.link.arrow {
  float: right;
  display: block;
  margin-top: 2%;
  width: 100%;
  height: auto;
  color: #2f97f7;
  text-align: right;
  word-spacing: normal;
}
.special-offers h4 {
  margin-bottom: 6%;
  padding-bottom: 4%;
  border-bottom: 1px solid #ebf0f5;
  word-spacing: normal;
}
.special-offers .msg,
.special-offers .pic {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  word-spacing: normal;
}
.special-offers .pic {
  padding-right: 2%;
  width: 40%;
}
.special-offers .pic img {
  margin: 0 auto;
}
.special-offers .msg {
  position: relative;
  padding-left: 2%;
  width: 60%;
  text-align: left;
}
.special-offers .msg .font-size14 {
  margin-bottom: 2%;
  padding-bottom: 0;
  height: 144px;
}
.special-offers .msg strong {
  color: #ff250e;
  text-align: left;
  font-size: 24px;
  font-size: 2.4rem;
}
.special-offers .msg del {
  margin-left: 4px;
  color: #bcbfc3;
  font-size: 14px;
  font-size: 1.4rem;
}
.special-offers .msg .price {
  display: inline-block;
  margin-bottom: 4%;
}
.special-offers .msg .buy {
  position: absolute;
  right: 0;
  left: auto;
  width: 45%;
}
.service_wrapper {
  overflow: hidden;
  background-size: cover;
  -moz-background-size: cover;
  background: url(/vendor/static/bgf331b5d9.jpg) no-repeat center center;
}
.service_wrapper .service h2 {
  padding-bottom: 2%;
  color: #fff;
  text-align: left;
  font-weight: 400;
  font-size: 34px;
  font-size: 3.4rem;
}
.service_wrapper .service p {
  padding-left: 14px;
  background: url(/images/icon/ic-hook-gray.png) no-repeat 0 10px;
  color: rgba(255, 255, 255, 0.9);
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.125;
}
.service_wrapper .service p.txt {
  padding-bottom: 3%;
  padding-left: 0;
  background-image: none;
}
.resource h2 {
  padding-bottom: 1.5%;
  color: #fff;
}
.main-nav-menu,
.resource .container {
  text-align: center;
}
.product-feature dl h4 {
  margin-bottom: 2%;
  color: #fff;
}
.product-feature .title {
  margin-bottom: 5%;
  color: #fff;
  text-align: center;
}
.product-feature .txt-msg {
  margin-bottom: 4%;
  padding-bottom: 4%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: center;
}
.product-feature .txt-msg dl {
  margin-left: 5%;
  width: 80%;
}
.product-feature .txt-msg dt {
  margin-bottom: 2%;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
}
.product-feature .txt-msg dd {
  padding-left: 8px;
  background: url(/images/icon/dot-white.png) no-repeat left 11px;
  color: #fff;
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 26px;
}
.product-feature .txt-msg::before {
  display: inline-block;
  width: 150px;
  height: 120px;
  background-image: url(/images/icon/icon-features.png);
  background-repeat: no-repeat;
  content: "";
  vertical-align: middle;
  background-position-x: left;
}
.product-feature .txt-msg a.link.arrow {
  display: block;
  margin-top: 2%;
}
.main-nav-menu {
  position: relative;
  z-index: 10;
}
.guarantee ul li,
.main-nav-menu li {
  box-sizing: border-box;
}
.main-nav-menu li {
  display: inline-block;
  margin-right: 4%;
  width: 20%;
  border: 1px solid #ccc;
  border-radius: 20px;
  background: #fff;
  color: #333;
  vertical-align: top;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.9;
  cursor: pointer;
  transition: all 0.3s;
}
#banner.banner-index a.link,
#banner.banner-index a.link:hover {
  position: relative;
  text-decoration: none;
  line-height: 34px;
}
#banner.banner-index .link i {
  position: relative;
  margin-left: -7px;
  vertical-align: baseline;
  font-weight: 400;
  font-size: 20px;
  font-size: 2rem;
  line-height: 22px;
  opacity: 0;
}
#banner.banner-index .link:hover i {
  display: inline-block;
  margin-left: 0;
  opacity: 1;
  transition: all 0.7s;
  filter: alpha(opacity=100);
}
.main-nav-menu li.two {
  margin-right: 0;
}
.main-nav-menu li.active,
.main-nav-menu li:hover {
  border-color: #2280e1;
  background: #2280e1;
  color: #fff;
}
.main-menu-content {
  margin-top: 3%;
}
.guarantee ul {
  display: table;
  margin: 0 auto;
  word-spacing: -3px;
  font-size: 0;
}
.guarantee ul li {
  display: table-cell;
  padding: 2% 1%;
  width: 33%;
  border: 1px solid #ebf0f4;
  background-color: #fff;
}
.guarantee ul li.line {
  top: 0;
  padding: 0;
  width: 2%;
  height: 90px;
  border: 0;
}
.guarantee.bg-gray ul li.line {
  background-color: #f0f1f2;
}
.guarantee ul li.center::before,
.guarantee ul li.left::before,
.guarantee ul li.right::before {
  display: block;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  background: url(/images/icon/icon.png) no-repeat;
  content: "";
}
.guarantee ul li.center::before {
  background-position-y: -80px;
}
.guarantee ul li.right::before {
  background-position-y: -160px;
}
.guarantee ul li > p {
  padding-top: 5%;
  color: #666;
  word-spacing: 1px;
  font-size: 14px;
  font-size: 1.4rem;
}
.guarantee ul li,
.reviews-text {
  text-align: center;
}
.reviews-text a.more {
  margin: 0 2%;
  width: 15%;
}
.reviews-text a.more:last-child {
  margin-left: 4%;
}
.reviews-text.index a.more:last-child {
  margin-left: 0;
}
.upgrade-server-wrapper {
  background: url(/images/professional/bg3.jpg) no-repeat center center;
  background-size: cover;
  -moz-background-size: cover;
}
.upgrade-server-wrapper .container {
  box-sizing: border-box;
  padding-left: 19%;
}
.upgrade-server-wrapper p {
  padding-left: 15px;
  background: url(/images/icon/ic-hook-gray.png) no-repeat 0 10px;
  color: rgba(255, 255, 255, 0.7);
  text-align: left;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.875;
}
.line {
  position: relative;
  top: -20px;
  z-index: 1;
  width: 100%;
  height: 0;
  border-top: 1px solid #b1b6bf;
}
.table-comparison h2 {
  padding-bottom: 3%;
}
.table-comparison .title {
  margin-bottom: 4%;
  color: #666;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.85;
}
.table-comparison ul {
  position: relative;
  right: 0;
  left: 0;
  z-index: 99;
  margin-right: auto;
  margin-left: auto;
  width: auto;
  border: 1px solid #ebf0f5;
  border-right: none;
  background: #fff;
  font-size: 0;
}
.table-comparison .bg-color ul,
.table-comparison ul,
.table-comparison ul li {
  box-sizing: border-box;
}
.table-comparison .bg-color ul {
  background: #eaf4fc;
}
.table-comparison ul li {
  display: inline-block;
  width: 20%;
  border-right: 1px solid #ebf0f5;
  vertical-align: top;
  text-align: center;
}
.table-comparison .bg-color ol li:last-child,
.table-comparison ul li:last-child {
  border-right: none;
}
.table-comparison .bg-color ul li {
  border-color: #fff;
}
.table-comparison ul .eq1 {
  position: relative;
  width: 40%;
  color: #333;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  line-height: 270px;
}
.table-comparison .eq1 .free-select {
  position: absolute;
  top: 10%;
  left: 0;
  width: 100%;
}
.table-comparison .bg h4 {
  padding: 20px 5%;
  color: #fff;
  text-align: center;
}
.table-comparison .bg > p {
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
}
.table-comparison .bg > p.discount {
  margin-top: -1%;
  padding-bottom: 5%;
  font-size: 14px;
  font-size: 1.4rem;
}
.table-comparison .bg p span {
  font-size: 30px;
  font-size: 3rem;
}
.table-comparison .bg p .del {
  margin-left: 2px;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: line-through;
  font-size: 14px;
  font-size: 1.4rem;
}
.table-comparison .bg-blue {
  background-color: #2280e1;
}
.table-comparison .bg-orange {
  background-color: #faa345;
  padding-bottom: 10px;
}
.table-comparison .download-blue {
  margin: 0 auto;
  width: 84%;
  border: 0;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
}
.table-comparison .buy {
  display: block;
  margin: 0 auto;
  width: 84%;
}
.table-comparison p.free {
  margin: 14% auto;
  color: #666;
  text-align: center;
  line-height: 19px;
}
.table-comparison .select {
  position: relative;
  margin: 20px auto;
  width: 33%;
  height: 25px;
  border: 1px solid #e6e6e6;
  text-indent: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 25px;
  cursor: pointer;
}
.table-comparison .select::after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 20px;
  height: 25px;
  background: #e6e6e6 url(/images/icon/ic-down.png) no-repeat center center;
  content: "";
}
.table-comparison .options {
  display: none;
  margin-left: -1px;
  width: 100%;
  border: 1px solid #e6e6e6;
}
.table-comparison .options span {
  display: block;
  width: 100%;
  background-color: #fff;
}
.table-comparison .options span:hover {
  background-color: #e6e6e6;
}
.table-comparison .table {
  position: relative;
  box-sizing: border-box;
  width: 1190px;
}
.table-comparison .table-content li:first-child span {
  display: inline-block;
  margin-bottom: 5px;
  padding-left: 8px;
  min-width: 51%;
  background: url(/images/icon/dot-gray.png) no-repeat left 6px;
  line-height: 1.2;
}
.tec-editio {
  background: url(/public/images/tec-editio.jpg) no-repeat center center;
  background-size: cover;
  -moz-background-size: cover;
}
.tec-editio h2 {
  color: #fff;
}
.tec-editio p {
  margin: 0 auto;
  width: 70%;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.43;
}
#review .container {
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  width: 90%;
}
#review ul {
  float: left;
  box-sizing: border-box;
  margin-right: 10%;
  width: 45%;
}
#review ul:last-child {
  margin-right: 0;
}
#banner .sale > p.discount,
#review .text {
  box-sizing: border-box;
}
#review .text {
  position: relative;
  margin-left: -55px;
  padding: 5% 5% 2% 14%;
  width: 410px;
  height: 217px;
  background: url(/images/bg-icon/review-text-bg.png) no-repeat center center;
}
#review .text h4 {
  margin-bottom: 2%;
  color: #000;
  text-align: left;
  font-weight: 400;
  font-size: 22px;
  font-size: 2.2rem;
}
#review .text p {
  color: #5c5d5e;
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.57;
}
#review .font-size14 {
  color: #4294e9;
  vertical-align: middle;
}
#review .font-size14:hover {
  text-decoration: underline;
  color: #fff;
}
#review .btn {
  position: absolute;
  bottom: 5%;
  width: 80%;
  text-align: left;
}
#review .btn span {
  float: right;
  display: block;
  margin-right: 10px;
  width: 22px;
  height: 22px;
  border-radius: 2px;
  background: #e7e7e7 url(/images/icon/icon-small.png) no-repeat -10px -141px;
  cursor: pointer;
}
#review .btn .right {
  background-position-x: -43px;
}
#review .btn .right.show {
  background-position-x: -25px;
}
#review .btn .left.show {
  background-position-x: 6px;
}
#review .btn .show {
  background-color: #4294e9;
}
#banner .free-select input + label,
#review .text p,
#review ul li img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#review .text p,
#review ul li img {
  display: none;
}
#review ul li .active {
  display: block;
}
#banner .sale {
  margin-top: 1.5%;
}
#banner .sale > p {
  margin-bottom: 2%;
  color: #fff;
}
#banner .sale > p.discount {
  margin-left: 1%;
  width: 20%;
}
#banner .sale > p > span {
  color: #fffc03;
  font-size: 34px;
  font-size: 3.4rem;
}
#banner .sale > p > span.del,
#banner .sale > p > span.savePrice {
  color: rgba(255, 255, 255, 0.7);
  font-size: 18px;
  font-size: 1.8rem;
}
#banner .sale > span.del {
  margin-left: 1%;
  color: rgba(255, 255, 255, 0.7);
}
.table-comparison .free-select {
  margin: 30px auto;
  text-align: center;
}
.free-select input {
  display: none;
}
.free-select input + label {
  color: #666;
  vertical-align: bottom;
  font-size: 14px;
  font-size: 1.4rem;
  cursor: pointer;
}
#banner .free-select input + label {
  color: #fff;
}
.free-select input:checked + label::before {
  display: inline-block;
  margin-top: -6px;
  margin-right: 4px;
  width: 18px;
  height: 18px;
  background: url(/images/icon/icon-small.png) no-repeat -46px -5px;
  content: "";
  vertical-align: bottom;
}
#banner .free-select input:checked + label::before {
  background-position-y: -44px;
}
.free-select input:not(:checked) + label::before {
  display: inline-block;
  margin-top: -6px;
  margin-right: 4px;
  width: 18px;
  height: 18px;
  background: url(/images/icon/icon-small.png) no-repeat 0 -5px;
  content: "";
  vertical-align: bottom;
}
.eq1 .free-select input:checked + label::before,
.eq1 .free-select input:not(:checked) + label::before {
  vertical-align: baseline;
}
#banner .free-select input:not(:checked) + label::before {
  background-position-y: -44px;
}
.free-select input:checked + label:hover::before {
  background-position-x: -69px;
}
.free-select input:not(:checked) + label:hover::before {
  background-position-x: -23px;
}
.tips-icon {
  position: relative;
  display: inline-block;
  margin-left: 4px;
  width: 13px;
  height: 15px;
  background: url(/images/icon/icon-small.png) no-repeat 0 -75px;
  vertical-align: middle;
}
#banner .tips-icon p,
.tips-icon p {
  position: absolute;
  display: none;
  padding: 5px;
  width: 250px;
  border: solid 1px #ffc995;
  border-radius: 2px;
  background-color: #fff1d1;
  color: #666;
  font-size: 12px;
  font-size: 1.2rem;
  bottom: -20px;
  left: 20px;
}
.tips-icon p {
  bottom: 20px;
  left: -210px;
}
#banner .free-select .tips-icon p,
.free-select .tips-icon p {
  position: absolute;
  top: -102.5px;
  right: 0;
  bottom: 0;
  left: 31px;
  display: none;
  box-sizing: border-box;
  padding: 15px;
  width: 430px;
  height: 220px;
  border: solid 1px #081b2f;
  border-radius: 3px;
  background-color: #0f2944;
  color: #fff;
  text-align: left !important;
  word-spacing: normal;
  letter-spacing: normal;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4 !important;
}
[data-productname=PA_Tech] .free-select .tips-icon p {
  top: -27.5px;
  height: 70px;
}
[data-productname=PA_Tech_p70] .free-select .tips-icon p {
  top: -47.5px;
  height: 110px;
}
#banner .free-select .tips-icon.bottom p,
.free-select .tips-icon.bottom p {
  top: 31px;
  left: -207.5px;
}
#banner .free-select .tips-icon.top p,
.free-select .tips-icon.top p {
  top: -235px;
  left: -207.5px;
}
#banner .free-select .tips-icon.left p,
.free-select .tips-icon.left p {
  left: -445px;
}
.free-select .tips-icon p::before {
  position: absolute;
  top: 50%;
  left: -30px;
  display: inline-block;
  margin-top: -15px;
  margin-bottom: 0;
  width: auto !important;
  border: 15px solid transparent;
  content: "";
  border-right-color: #0f2944;
}
.free-select .tips-icon.bottom p::before {
  top: -30px;
  left: 50%;
  margin-top: 0;
  margin-left: -15px;
  border-right-color: transparent;
  border-bottom-color: #0f2944;
}
.free-select .tips-icon.top p::before {
  top: 218px;
  left: 50%;
  margin-top: 0;
  margin-left: -15px;
  border-right-color: transparent;
  border-top-color: #0f2944;
}
.free-select .tips-icon.left p::before {
  top: 50%;
  right: -30px;
  left: auto;
  margin-top: -15px;
  border-right-color: transparent;
  border-left-color: #0f2944;
}
.free-select .tips-icon p span {
  display: inline-block !important;
  margin-bottom: 15px;
  padding: 0 !important;
  width: 100%;
}
.free-select .tips-icon p span:last-child,
.lj-dropdown-menu > .lj-cell > dl:last-child {
  margin-bottom: 0;
}
.tips-icon:hover {
  background-position-x: -22px;
}
#banner .tips-icon:hover p,
.tips-icon:hover dl,
.tips-icon:hover p {
  z-index: 1000;
  display: block;
}
.table-comparison h6 {
  background: #f6f7f7;
  color: #333;
  text-align: left;
  text-indent: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 55px;
}
.table-comparison ol {
  visibility: visible;
  border-bottom: 1px solid #ebf0f5;
}
.table-comparison ol li {
  display: inline-block;
  box-sizing: border-box;
  padding: 20px 8px;
  width: 20%;
  color: #333;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
}
.table-comparison ol li:nth-child(1) {
  width: 40%;
}
.table-comparison .bg-color ol li {
  border-right: 1px solid #fff;
}
.message-text p,
.table-comparison ol .hook,
.table-comparison ol .nohook,
.table-comparison ol .txt {
  text-align: center;
}
.table-comparison ol .hook::before {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/images/icon/icon-small.png) no-repeat left -98px;
  content: "";
  vertical-align: middle;
  text-align: center;
}
#banner .addscroll::after,
.table-comparison ol .hook::after,
.table-comparison ol .nohook::after,
.table-comparison ol .txt::after {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
  opacity: 0;
}
.table-comparison ol .nohook::before {
  display: inline-block;
  width: 16px;
  height: 3px;
  border-radius: 1px;
  background: #bdbdbd;
  content: "";
  vertical-align: middle;
}
.table-comparison ol .hook span {
  display: block;
  margin-top: 20%;
}
.table-comparison ol .tips-icon p {
  bottom: 20px;
  left: 10px;
  width: 310px;
}
.table-comparison ol .tips-right p {
  left: -314px;
}
.table-comparison ol .txt span {
  display: inline-block;
  height: auto;
  vertical-align: middle;
}
.table-comparison dl {
  margin-top: 2%;
}
.table-comparison dl dt {
  margin-bottom: 1%;
  font-size: 20px;
  font-size: 2rem;
}
.compare-tips dd,
.table-comparison dl dd {
  margin-bottom: 1%;
  padding-left: 8px;
  background: url(/images/icon/dot-gray.png) no-repeat left 9px;
  color: #666;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
}
.table-comparison dl b {
  font-weight: 600;
}
#tool {
  position: fixed;
  right: 0;
  bottom: 50px;
  z-index: 1;
  cursor: pointer;
}
.return-top {
  display: none;
  border-radius: 2px;
  background: url(/public/images/footer/footer_share.png) no-repeat -10px -10px;
}
.return-top:hover {
  background-position-x: -80px;
}
.return-top {
  width: 60px;
  height: 60px;
}
.purchase-guarantee,
.resource {
  background-size: cover;
  -moz-background-size: cover;
}
.purchase-guarantee {
  background: url(/images/download-lite/bg.jpg) no-repeat center top;
}
.purchase-guarantee .icon-hook li {
  background-position-y: 5px;
}
.purchase-guarantee h2,
.purchase-guarantee li {
  color: #fff;
  text-align: left;
}
.purchase-guarantee .container {
  box-sizing: border-box;
  padding-left: 50%;
}
.purchase-guarantee ul {
  margin-bottom: 12px;
}
.purchase-guarantee li {
  padding-bottom: 10px;
}
.purchase-guarantee div > p {
  margin-bottom: 8px;
  padding-top: 12px;
  border-top: 1px solid #8b9cb1;
  color: #fff;
}
.resource {
  background: #3d485d url(/images/bg-icon/bg-resource.jpg) no-repeat center center;
}
.resource .title {
  margin-bottom: 3%;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
}
.resource a {
  display: inline-block;
  width: 15%;
  margin-right: 3%;
}
.resource a:last-child {
  margin-right: 0 !important;
}
.resource2 a:nth-child(3) {
  margin-right: 0;
}
.resource2 a:nth-child(4) {
  margin: 0 2%;
}
.comparison {
  border-top: 1px solid #ebedf0;
}
.comparison h2 {
  padding-bottom: 0;
}
.comparison table {
  margin-top: 4%;
  border-collapse: separate;
  border-spacing: 0;
}
.comparison thead {
  background-color: #495b71;
}
.comparison tbody tr:nth-child(even) {
  background-color: #e5e9ef;
}
.comparison tbody td li {
  padding-left: 10px;
  background: url(/images/icon/dot-gray.png) no-repeat 0 8px;
}
.tips-icon dl {
  position: absolute;
  bottom: 20px;
  left: 10px;
  display: none;
  padding: 5px;
  width: 310px;
  border: solid 1px #ffc995;
  border-radius: 2px;
  background-color: #fff1d1;
  color: #666;
}
.tips-icon dl,
.tips-icon dl dd {
  font-size: 12px;
  font-size: 1.2rem;
}
#banner .addscroll {
  margin-top: 0 !important;
  position: fixed;
  top: 0;
  right: 0;
  width: 820px;
  height: 54px;
  text-align: right;
}
#banner .addscroll .price,
#banner .addscroll form {
  margin-bottom: 0 !important;
}
.comparison .content-wrapper {
  display: none;
}
.comparison thead tr th:first-child {
  border-top-left-radius: 3px;
}
.comparison thead tr th:last-child {
  border-top-right-radius: 3px;
}
.comparison tbody tr td:first-child {
  border-left: 1px solid #cad5e3;
}
.comparison tbody tr td:last-child {
  border-right: 1px solid #cad5e3;
}
.comparison tbody tr:last-child td {
  border-bottom: 1px solid #cad5e3;
}
.comparison tbody tr:last-child td:first-child {
  border-bottom-left-radius: 3px;
}
.comparison tbody tr:last-child td:last-child {
  border-bottom-right-radius: 3px;
}
.comparison tbody td,
.comparison thead th {
  box-sizing: border-box;
  width: 23%;
  font-weight: 400;
}
.comparison tbody td:nth-child(3),
.comparison thead th:nth-child(3) {
  width: 54%;
}
.comparison tbody td:nth-child(1),
.comparison thead th:nth-child(1) {
  padding-left: 1.6%;
}
.comparison tbody td:nth-child(3) {
  padding-right: 1.6%;
}
.comparison thead th {
  color: #fff;
  text-align: left;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 3.65;
}
.comparison tbody td {
  padding: 2.5% 0;
  color: #666;
  line-height: 1.7;
}
.comparison tbody tr td:first-child span {
  display: inline-block;
  margin-right: 10px;
  width: 22px;
  height: 22px;
  background-image: url(/images/icon/icon7.png);
  background-repeat: no-repeat;
  vertical-align: middle;
}
tbody tr:first-child td:first-child span {
  background-position: 0 2px;
}
tbody tr:nth-child(2) td:first-child span {
  background-position: 0 -28px;
}
tbody tr:nth-child(3) td:first-child span {
  background-position: 0 -60px;
}
tbody tr:nth-child(4) td:first-child span {
  background-position: 0 -90px;
}
#banner .addscroll .price {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px !important;
  height: 33px;
}
#banner .addscroll .price span {
  font-size: 24px;
  font-size: 2.4rem;
}
#banner .addscroll .price span.del {
  margin-left: 5px;
  font-size: 16px;
}
#banner .addscroll > a {
  margin-top: 0 !important;
  width: 18% !important;
  border: 0;
  vertical-align: middle;
  font-size: 16px;
  line-height: 2 !important;
  transition: none;
}
#banner .addscroll form,
#banner .addscroll > a.buy {
  margin-right: 2%;
}
#banner .addscroll > a.download-blue,
#footer .footer-two ul li {
  display: inline-block;
}
#banner .addscroll .tips-icon,
#banner .addscroll p.discount,
#banner .addscroll ul {
  display: none;
}
.testimonials .container {
  text-align: center;
}
#banner .addscroll form,
.banner-notice img,
.testimonials .msg h4,
.testimonials .msg img {
  display: inline-block;
  vertical-align: middle;
}
.testimonials .msg img {
  margin-right: 12px;
}
.testimonials p {
  position: relative;
  margin: 3% 0;
  padding: 0 6%;
  line-height: 26px;
}
.testimonials p::after,
.testimonials p::before {
  position: absolute;
  display: block;
  width: 17px;
  height: 17px;
  content: "";
}
.testimonials p::before {
  top: -20px;
  left: 0;
  background: url(/images/icon/icon-small.png) no-repeat left -552px;
}
.testimonials p::after {
  right: 0;
  bottom: -20px;
  background: url(/images/icon/icon-small.png) no-repeat -47px -552px;
}
#footer dl dd a,
.testimonials h4 span,
.testimonials p {
  color: #666;
  font-size: 14px;
  font-size: 1.4rem;
}
.testimonials a.more {
  width: 16%;
}
#footer {
  background: #212223;
}
#footer .container {
  padding: 5% 0;
  text-align: justify;
  letter-spacing: -4px;
  font-size: 0;
}
#footer .center,
#footer .container > dl {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  letter-spacing: normal;
}
#footer .center dl {
  margin-bottom: 5%;
}
#footer dl dt {
  height: 35px;
  box-sizing: border-box;
  margin-bottom: 4%;
  padding-bottom: 3%;
  border-bottom: 1px solid #666;
  color: #ededee;
  font-size: 20px;
  font-size: 2rem;
}
#footer dl dd {
  font-family: Segoe UI, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
#footer .font-size16 {
  margin-top: 10%;
  color: #d2d2d4;
}
#footer dl dd a {
  color: #868686;
  line-height: 26px;
}
#footer dl dd .download {
  display: block;
  overflow: hidden;
  margin-top: 8%;
  width: 100%;
  border-radius: 2px;
  background-color: #359eff;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.5;
  transition: all 0.3s;
}
#footer .download::before {
  float: left;
  width: 20%;
  height: 40px;
  background: #2481e1 url(/public/images/download.png) no-repeat center center;
  content: "";
}
#footer dl dd .download:hover {
  background-color: #2481e1;
}
#footer .forum a {
  display: block;
  margin-bottom: 10%;
  padding-bottom: 5%;
  border-bottom: 2px dashed #4e4f52;
}
#footer .friendlink,
#send-email {
  margin-top: 5%;
  word-spacing: -4px;
}
#footer .friendlink a {
  display: inline-block;
  margin-right: 8%;
  width: 36px;
  height: 36px;
  background: url(/public/images/footer/bottom.png) no-repeat;
  vertical-align: top;
  word-spacing: normal;
  background-position-y: top;
}
#footer .friendlink .facebook {
  background-position-x: left;
}
#footer .friendlink .twitter {
  background-position-x: -56px;
}
#footer .friendlink .google {
  display: none;
}
#footer .friendlink .youtube {
  background-position-x: -168px;
}
#footer .friendlink a:hover {
  background-position-y: -86px;
}
#send-email {
  margin-top: 10%;
  line-height: 32px;
}
#send-email p {
  margin-bottom: 2%;
  color: #999;
  word-spacing: normal;
}
#email-btn,
#email-txt {
  display: inline-block;
  box-sizing: border-box;
  border: 0;
  word-spacing: normal;
  font-size: 14px;
  font-size: 1.4rem;
}
#email-txt {
  padding-right: 6px;
  padding-left: 2px;
  width: 75%;
  height: 32px;
  border: 1px solid #33373d;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  background-color: #2a2a2b;
  color: #666;
}
#email-btn {
  width: 25%;
  height: 32px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #3381d0;
  color: #fff;
  cursor: pointer;
}
#email-btn:hover {
  opacity: 0.9;
}
.footer-two {
  background-color: #1a1b1c;
}
#footer .footer-two .container {
  padding: 2% 0;
  color: #999;
  text-align: center;
  letter-spacing: normal;
  font-size: 12px;
  font-size: 1.2rem;
}
#footer .footer-two ul {
  margin-top: 1%;
}
#footer .footer-two a {
  color: #999;
}
#footer a:hover {
  color: #fff;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #email-btn {
    position: relative;
    left: -4px;
  }
  #logo .logo-pic > img {
    max-height: 54px;
  }
}
@media only screen and (min-width: 1190px) {
  .btn-group a:first-child {
    margin-right: 2%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 1024px) {
  html {
    font-size: 75%;
  }
  .main-menu-content ol li p,
  a.icon-b,
  a.icon-buy,
  a.icon-try,
  a.icon-y {
    opacity: 1;
  }
  .center-block {
    width: 96%;
  }
  .head-wrapper {
    height: 58px;
  }
  #header .container {
    padding: 0;
  }
  #logo {
    background-image: none;
  }
  #logo,
  #nav {
    width: 50%;
  }
  #logo .logo-pic {
    width: 44px;
    background-size: contain;
    -moz-background-size: contain;
  }
  #logo .logo-txt {
    height: 58px;
    line-height: 58px;
  }
  #logo .logo-txt strong {
    margin-bottom: 0;
  }
  #logo .logo-txt > i,
  #nav .nav-top,
  .nav-bottom .hide-content::before,
  .nav-bottom .menu,
  .nav-bottom .show > a::after {
    display: none;
  }
  .nav-bottom {
    position: static;
    display: inline-block;
    width: 28px;
    vertical-align: middle;
  }
  .main-menu-content ol li,
  .main-menu-content ul li {
    height: auto;
  }
  .mobile-menu {
    display: block;
    width: 100%;
    height: 30px;
    background: url(/public/images/header/top.png) no-repeat 4px -188px;
  }
  .nav-bottom .menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    box-sizing: border-box;
    padding: 20px;
    width: 100%;
    background: #22262c;
    text-align: left;
  }
  .nav-bottom .menu li {
    position: relative;
    display: block;
    margin-right: 0;
    padding-bottom: 0;
    height: auto;
    border-bottom: 1px solid #595c60;
    line-height: 50px;
  }
  .nav-bottom .menu li > a {
    color: #a2a5aa;
  }
  #footer dl dt::after,
  .nav-bottom .menu li::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    content: "";
  }
  .nav-bottom .menu li::after {
    height: 50px;
    background: url(/public/images/header/top.png) no-repeat 2px -649px;
  }
  .nav-bottom .menu .remove-arrow::after {
    display: none;
    background-image: none;
  }
  .nav-bottom .menu .mobile-close {
    height: 40px;
  }
  .nav-bottom .menu .mobile-close::after {
    position: absolute;
    top: 0;
    right: 0;
    background-position-y: -687px;
  }
  .nav-bottom .menu li a {
    display: inline-block;
  }
  .nav-bottom .hide-content {
    position: static;
    width: auto;
    background-color: #22262c;
    box-shadow: none;
  }
  .nav-bottom .hide-content dl dt a {
    color: #656a71;
  }
  .nav-bottom .hide-content dl dd {
    line-height: 1.4;
  }
  .nav-bottom .hide-content dl dd a,
  .nav-bottom .hide-content dl dt span {
    color: #fff;
  }
  #footer .footer-two ul,
  #footer dl dd,
  .nav-bottom .buy-msg,
  .slick-next,
  .slick-prev {
    display: none;
  }
  #footer .center,
  #footer .container > dl {
    display: block;
    margin-right: 0;
    width: 100%;
  }
  #footer .center dl {
    margin-bottom: 0;
  }
  #footer .font-size16 {
    margin-top: 4%;
  }
  #footer dl dt {
    position: relative;
  }
  #footer dl dt::after {
    height: 20px;
    background: url(/public/images/header/top.png) no-repeat 2px -663px;
  }
  #banner .tips-icon p {
    left: -120px;
  }
  .more::after {
    margin-left: 3px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #nav .nav-top {
    position: relative;
    top: 30px;
    display: none;
  }
  .nav-bottom .hide-content2 {
    text-align: justify;
  }
  .nav-bottom .hide-content1 .eq4 {
    left: -84px;
  }
  .paid-width {
    width: 30% !important;
    min-width: 200px !important;
  }
  .download-blue,
  .download-green,
  .download-white {
    margin-bottom: 0;
  }
  .nav-bottom .menu li::after {
    width: 6%;
  }
  .paid-block {
    display: block !important;
    width: 100% !important;
  }
  .product-comparison ul p {
    height: 165px;
  }
  .product-feature .txt-msg dl {
    width: 75%;
    text-align: left;
  }
  .main-nav-menu li {
    width: 22%;
  }
  .main-menu-content ul li {
    padding: 10px;
    height: 130px;
  }
  .main-product .pic,
  .main-product .txt {
    vertical-align: middle;
  }
  .main-product.index .txt {
    width: 62%;
  }
  .main-product.index .pic {
    margin-left: 2%;
  }
  #review ul {
    margin-bottom: 40px;
    text-align: center;
  }
  .special-offers .msg .font-size14,
  .special-offers h4 {
    height: auto;
  }
  .special-offers .pic {
    margin-right: 2%;
    width: 36%;
  }
  .special-offers .msg .price {
    display: block;
  }
  .special-offers .msg .buy {
    position: static;
    width: 80%;
  }
  .service_wrapper .service {
    padding-left: 30%;
  }
  .product-comparison ul li {
    width: 30%;
  }
  .resource a {
    width: 24%;
  }
  #email-btn,
  #footer .friendlink a {
    width: 10%;
  }
  .special-offers ul li {
    display: block;
    margin-right: auto;
    margin-bottom: 4%;
    margin-left: auto;
    width: 85%;
  }
  .special-offers ul li:last-child {
    margin-bottom: 0;
  }
  .special-offers ul li.last {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .special-offers a.link.arrow {
    float: none;
    text-align: center;
  }
  .special-offers .msg {
    width: 62%;
  }
  #banner a.link {
    width: 40%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .nav-bottom .hide-content {
    padding: 0;
    text-align: left;
  }
  .nav-bottom .hide-content dd a {
    padding-left: 4px;
  }
  .nav-bottom .hide-content1 .eq4 {
    left: 0;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .nav-bottom .hide-content .g-mn {
    width: 100%;
  }
  .nav-bottom .hide-content .g-sd {
    width: 100%;
    text-align: left;
  }
  .mobile-block {
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
    width: 100% !important;
  }
  .mobile-none {
    display: none !important;
  }
  .mobile-btn-block {
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
    width: 80% !important;
    font-size: 1.8rem !important;
  }
  .product-comparison ul li,
  .product-comparison ul li.remove-bottom {
    margin-bottom: 10px !important;
  }
  .main-product .pic {
    margin-top: 20px;
    text-align: center;
  }
  .main-product .pic img {
    float: none;
    display: inline-block;
    width: auto;
    height: auto;
  }
  .purchase-guarantee .container {
    padding-left: 0;
  }
  .resource a:last-child {
    margin-right: auto !important;
  }
  .reviews-text a.more {
    margin-bottom: 20px;
  }
  #carousel-uesr-reviews p {
    height: 230px;
  }
  #carousel-uesr-reviews p::before {
    left: -12%;
  }
  #carousel-uesr-reviews p::after {
    right: -10%;
  }
  .media-reviews .hide-content .show::before {
    left: -7%;
  }
  .media-menu li {
    width: 33%;
  }
  .media-menu .active::after {
    bottom: -16px;
    margin-left: -8px;
    border-width: 8px;
  }
  .special-offers .msg .font-size14 {
    margin-top: 4%;
    margin-bottom: 4%;
    height: auto;
  }
  .special-offers ul li {
    margin-bottom: 20px;
    max-width: 100% !important;
  }
  .special-offers .msg .price {
    width: 100%;
    text-align: center;
  }
  .special-offers .msg .buy {
    position: static;
    display: block;
    margin: 0 auto;
    width: 80%;
    line-height: 1.8;
  }
  .main-nav-menu li {
    margin-bottom: 10px;
    font-size: 1.8rem;
  }
  .guarantee ul li.line,
  .line,
  .table-comparison .buy,
  .table-comparison .check_license,
  .table-comparison .download-blue,
  .table-comparison .free-select,
  .table-comparison p.free {
    display: none;
  }
  .main-product ul li {
    background-position-y: 6px;
  }
  #header .wrapper dl,
  .main-menu-content ol li {
    display: block;
    width: 100%;
  }
  .main-menu-content ol .last {
    margin-bottom: 20px !important;
  }
  .table-comparison .bg p span {
    display: block;
  }
  .table-comparison ul .eq1 {
    height: 120px;
    line-height: 120px;
  }
  .table-comparison ol .hook span {
    margin-top: 40%;
  }
  .table-comparison ol li {
    padding-right: 0;
    padding-left: 6px;
    word-wrap: break-word;
  }
  .guarantee ul li,
  .main-menu-content ul li {
    display: block;
    margin-bottom: 20px;
    width: 100%;
  }
  .main-product .more-index {
    margin-top: 2%;
  }
  .product-comparison ul p {
    height: auto !important;
  }
  #review ul {
    margin-bottom: 40px;
  }
  #review ul li {
    box-sizing: border-box;
    padding-top: 20px;
    border-bottom: none;
  }
  #review ul li .active {
    margin: 0 auto;
  }
  #review .text {
    margin-left: 0;
    padding: 5%;
    height: auto;
    background-image: none;
  }
  #banner a.link {
    width: 65%;
  }
  .guarantee ul li {
    margin-bottom: 2%;
    padding: 20px 15px;
  }
  .service_wrapper .service,
  .upgrade-server-wrapper .container {
    padding-left: 0;
  }
  .media-reviews .more-bg.indexmore {
    margin-left: auto !important;
  }
  .product-feature .txt-msg dl,
  .product-feature .txt-msg img {
    display: block;
    margin: 0 auto;
  }
  .product-feature .txt-msg dl {
    margin-top: 3%;
    width: 100%;
  }
  .product-feature .txt-msg img {
    margin-bottom: 20px;
  }
  .resource a,
  .resource2 a:nth-child(4) {
    margin-bottom: 20px;
  }
  .special-offers a.link.arrow {
    float: none;
    display: block;
    text-align: center;
  }
  .special-offers h4 {
    height: auto;
  }
  #review .btn {
    bottom: -20px;
    width: 90%;
  }
  #banner .check_license .chose_lisence > p,
  #banner .check_license .lisence_num,
  .table-comparison .check_license .lisence_num {
    font-size: 1.8rem;
  }
  .upgrade-server-wrapper p {
    background-position-y: 5px;
  }
  #banner .sale > p.discount {
    display: block;
    width: 100%;
    text-align: center;
  }
  .g-sd51,
  .g-sd52 {
    width: 100% !important;
  }
  .g-mn5c {
    display: block;
    margin: 0 !important;
    width: 100%;
  }
  .g-mn5c .center {
    display: block;
    margin: 0;
    width: 100%;
  }
}
.g-sd51,
.g-sd52 {
  position: relative;
  float: left;
  margin: 0 -33.3% 0 0;
  width: 33.3%;
  text-align: left;
}
.g-sd52 {
  float: right;
  margin: 0 0 0 -33.3%;
  text-align: right;
}
.g-mn5 {
  float: left;
  width: 100%;
}
.g-mn5c {
  margin: 0 33.3%;
  text-align: center;
}
.g-mn,
.g-sd {
  float: right;
  width: 50%;
  text-align: right;
}
.g-mn {
  float: left;
  text-align: left;
}
#footer .container .center dl,
.nav-bottom .hide-content dl {
  display: block;
}
#footer .container:after,
.f-cb:after {
  clear: both;
  display: block;
  visibility: hidden;
  overflow: hidden;
  height: 0;
  content: '';
}
#footer a,
#footer dd,
#footer li {
  word-spacing: normal;
}
#footer .container .center,
#footer .container dl {
  display: inline-block;
  word-spacing: normal;
}
.specialPro {
  display: none !important;
}
.specialPro.on {
  display: block !important;
}
.addscroll .specialPro.on {
  display: inline-block !important;
}
#active-entry {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  height: 60px;
  background-color: #94c1e2;
  background-image: url(https://www.ubackup.com/images/active/entry.png);
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  -moz-background-size: cover;
}
#active-entry p {
  width: 80%;
  color: #fff;
  text-align: center;
  font-size: 30px;
  font-size: 3rem;
  line-height: 60px;
}
#active-entry p span {
  color: #ff250e;
}
#active-entry .entry-buy-btn,
.banner-buy-btn {
  position: absolute;
  left: 50%;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.7);
  background-color: transparent;
  color: #fff;
  text-align: center;
  transition: all 0.3s;
}
#active-entry .entry-buy-btn {
  top: 14px;
  margin-left: 460px;
  width: 120px;
  height: 33px;
  border-radius: 2px;
  font-size: 14px;
  line-height: 33px;
}
.banner-buy-btn {
  bottom: 70px;
  margin-left: -95px;
  width: 190px;
  height: 50px;
  border-radius: 4px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 50px;
}
#active-entry .entry-buy-btn:hover,
.banner-buy-btn:hover {
  border-color: #2f97f7;
  background-color: #2f97f7;
}
#active-entry .entry-close {
  position: absolute;
  top: 18px;
  right: 30px;
  z-index: 999999;
  display: block;
  width: 24px;
  height: 24px;
  background: url(https://www.ubackup.com/images/active/btn-close.png) no-repeat;
  cursor: pointer;
  transition: all 0.5s;
}
#active-entry .entry-close:hover {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.compare-tips dt {
  margin-bottom: 1%;
  font-size: 20px;
}
.l-table {
  display: table;
  box-sizing: border-box;
  margin: auto auto 2%;
  width: 1190px;
  background-color: #f8f8f8;
}
.l-row {
  display: table-row;
}
.l-row.all-row {
  width: 100%;
  height: 50px;
}
.l-row.all-row .l-cell {
  padding: 0;
  border: 0;
}
.l-row:nth-child(odd) {
  background-color: #eaf4fc;
}
.l-row:nth-child(even) {
  background-color: #e1f0fb;
}
.l-cell {
  position: relative;
  display: table-cell;
  padding: 20px 8px;
  border-left: 1px solid #fff;
  color: #333;
  font-size: 14px;
  font-size: 1.4rem;
}
.l-cell.all-cell {
  position: static;
  width: 100%;
}
.l-cell.all-cell p {
  position: absolute;
  padding: 15px 10px;
  color: #1a1a1a;
  font-weight: bolder;
  font-size: 16px;
  font-size: 1.6rem;
}
.l-row.hide {
  display: none !important;
}
.l-header .l-cell {
  padding: 0;
}
.l-cell:first-child {
  border-left: none;
}
.l-block:before {
  margin-top: -1.5px;
  width: 18px;
  height: 3px;
  border-radius: 1px;
  background: #bdbdbd;
}
.l-hook:before {
  margin-top: -9px;
  width: 18px;
  height: 18px;
  background: url(/images/icon/icon-small.png) no-repeat left -98px;
}
.l-block:before,
.l-hook:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  margin-left: -9px;
  content: "";
  vertical-align: middle;
}
.l-row .l-cell {
  text-align: center;
}
.l-row .l-cell:first-child {
  text-align: left;
}
.compare-fts li {
  display: block;
  margin-bottom: 3px;
  padding-left: 8px;
  background: url(/images/icon/dot-gray.png) no-repeat left 6px;
  line-height: 18px;
}
.l-table-7 .l-row .l-cell:not(:nth-child(1)) {
  width: 13.3333%;
}
.l-table-7 .l-row .l-cell:nth-child(1) {
  width: 20%;
}
.l-show-diff-ctrl:before {
  display: inline-block;
  margin-top: -6px;
  margin-right: 4px;
  width: 18px;
  height: 18px;
  background: url(/images/icon/icon-small.png) no-repeat 0 -5px;
  content: "";
  vertical-align: bottom;
}
.l-show-diff:checked + .l-show-diff-ctrl:before {
  background-position: -46px -5px;
}
.l-show-diff {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.l-show-diff-ctrl {
  padding: 5px 10px;
  border: 1px dotted transparent;
  cursor: pointer;
}
.l-show-diff-ctrl:hover {
  border: 1px dotted #add8e6;
}
.l-cell h3 {
  padding-left: 10px;
  font-weight: 400;
  font-size: 20px;
}
.l-price-wrapper {
  height: 141px;
  color: #fff;
  text-align: center;
}
.l-cell-box .l-price-wrapper h4 {
  margin-bottom: 15px;
  padding-top: 25px;
  color: #fff;
  font-size: 22px;
  font-size: 2.2rem;
}
.bg-faa {
  background-color: #faa345;
}
.l-cell-box {
  position: relative;
  margin: -1px -1px auto;
  height: 100%;
  border: 1px solid transparent;
  text-align: center;
}
.l-price-wrapper p span {
  font-size: 30px;
  font-size: 3rem;
}
.l-price-wrapper p span.del {
  text-decoration: line-through;
  font-size: 14px;
  font-size: 1.4rem;
}
.l-cell-box .free-select {
  margin: 30px auto;
}
.l-cell-box .l-buy-btn {
  margin: 20px auto 30px;
}
.l-cell-box .l-buy-btn,
.l-cell-box .l-download-btn {
  display: block;
  width: 80%;
  height: 40px;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 40px !important;
}
.bg-228 {
  background-color: #2280e1;
}
.l-version {
  font-size: 30px;
  font-size: 3rem;
}
.l-cell-box.l-static {
  position: static;
}
.l-cell-box .l-download-btn {
  position: absolute;
  bottom: 1px;
  left: 50%;
  margin: 20px auto 30px -40%;
}
.l-cell-box.l-fixed-mid {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -44px;
  margin-left: -50%;
  width: 100%;
  height: auto;
}
.l-fixed-header {
  position: fixed;
  left: 0;
  z-index: 99998;
  width: 100%;
}
.l-fixed-header .l-table {
  border-bottom: 1px solid #f8f8f8;
}
.l-disabled:before {
  display: none !important;
  width: 0;
  height: 0;
}
.l-disabled {
  cursor: default !important;
}
.tb-box {
  display: block;
  width: 100%;
}
@media screen and (max-width: 1190px) {
  .tb-box {
    overflow: scroll !important;
  }
}
@media screen and (max-width: 768px) {
  .l-cell-box .l-price-wrapper h4 {
    padding-top: 10px;
  }
}
#banner h1 {
  margin-bottom: 25px;
}
.banner-notice {
  display: block;
  margin-top: 25px;
  margin-bottom: 27px;
  color: #fefefe;
  text-align: left;
  letter-spacing: 0;
  font-weight: 400;
  font-stretch: normal;
  font-size: 16px;
}
.banner-notice a {
  vertical-align: middle;
}
.banner-notice a,
.notice-box {
  display: inline-block;
  color: #fefefe;
  font-size: 16px;
}
.banner-notice a,
.notice-d {
  text-decoration: underline;
}
#banner .footer-icon img,
.notice-icon {
  display: inline-block;
  vertical-align: middle;
}
.notice-icon img {
  width: 100%;
}
.bt,
.buy,
.buy.buy-orange {
  border-radius: 2px;
}
.buy.buy-orange {
  background-image: linear-gradient(#faa345, #faa345), linear-gradient(#fd8a2e, #fd8a2e);
  background-blend-mode: normal, normal;
}
.bt,
.buy {
  font-size: 20px;
}
.buy {
  display: inline-block;
  box-sizing: border-box;
  width: 18%;
  border: 1px solid #acacac;
  color: #666;
  vertical-align: middle;
  text-align: center;
  font-size: 2rem;
  line-height: 2.5;
  transition: all 0.3s linear;
}
.bt {
  margin-left: 20px;
  border: solid 1px #fff;
  color: #fff;
  letter-spacing: 0;
  font-weight: 400;
  font-stretch: normal;
  opacity: 0.5;
}
#banner .addscroll > a,
.l-cell h3 {
  font-size: 2rem;
}
.bt:hover {
  border: solid 1px #1472d3;
  background-color: #1472d3;
  opacity: 1;
}
#banner .footer-icon div,
.lable-icon {
  display: inline-block;
  vertical-align: middle;
}
.lable-icon {
  position: relative;
  margin-left: 4px;
  width: 15px;
  height: 15px;
  background: url(/images/partition-assistant-technician/icon_hook_orange.png) no-repeat;
  background-position: center center;
}
.footer-icon {
  padding-top: 34px;
  color: #fff;
  text-align: left;
  letter-spacing: 0;
  font-weight: 400;
  font-stretch: normal;
  font-size: 14px;
  line-height: 18px;
}
#banner .footer-icon li {
  width: 19%;
  color: #fff;
  line-height: 18px;
}
#banner .footer-icon div {
  padding-left: 5px;
  width: 68%;
  text-align: left;
}
.banner-down {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #f0f1f2;
  text-align: center;
}
#banner .footer-icon li,
.down-notice {
  display: inline-block;
  letter-spacing: 0;
  font-weight: 400;
  font-stretch: normal;
  font-size: 14px;
}
.down-notice {
  color: #1a1a1a;
  line-height: 25px;
}
.down-icon {
  display: inline-block;
  vertical-align: middle;
}
.table-comparison dl dd {
  margin-top: 15px;
  text-align: left;
}
.main-product ul li a,
.main-product ul li a:hover,
.table-comparison dd a {
  color: #2280e1;
}
.table-comparison dd a:hover {
  color: #0d52d7;
}
.review-icon,
.review-icon p {
  display: inline-block;
  width: 100%;
}
.review-icon p {
  margin-left: 5px;
  width: 190px;
  height: 58px;
  background-position: 0 0;
  background-size: cover;
  vertical-align: middle;
  -moz-background-size: contain;
}
.review-icon .one {
  background-image: url(/images/partition-assistant-technician/logo_pcworld.png);
}
.review-icon .two {
  background-image: url(/images/partition-assistant-technician/logo_techrepublic.png);
}
.review-icon .there {
  background-image: url(/images/partition-assistant-technician/logo_download.png);
}
.review-icon .four {
  background-image: url(/images/partition-assistant-technician/logo_techadvisor.png);
}
.review-icon .five {
  background-image: url(/images/partition-assistant-technician/logo_lifewire.png);
}
.review-icon .five:hover,
.review-icon .four:hover,
.review-icon .one:hover,
.review-icon .there:hover,
.review-icon .two:hover {
  background-position: 0 68px;
  cursor: pointer;
}
.review-notice .five,
.review-notice .four,
.review-notice .there,
.review-notice .two {
  display: none;
}
.review-notice .title::after,
.review-notice .title:before {
  display: inline-block;
  width: 23px;
  height: 23px;
  background-image: url(/public/images/icon-bg.png);
  background-position: -6px -275px;
  content: '';
}
.review-notice .title::after {
  background-position: -6px -299px;
  vertical-align: top;
}
.a-notice,
.main-product ul li,
.some-notice-main li {
  letter-spacing: 0;
  font-weight: 400;
  font-stretch: normal;
}
.a-notice {
  margin-left: 20px;
  color: #fff;
  font-size: 16px;
  line-height: 25px;
}
.a-notice:hover {
  color: #0d52d7;
}
.some-notice {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  font-weight: 400;
  font-stretch: normal;
  font-size: 34px;
  line-height: 26px;
}
.some-notice-main {
  margin: 0;
  padding-top: 33px;
  padding-left: 18%;
  text-align: left;
}
.main-product ul li,
.some-notice-main li {
  font-size: 14px;
}
.some-notice-main li {
  display: list-item;
  margin-bottom: 6px;
  color: #fff;
  list-style-position: inside;
  list-style-type: disc;
  font-size: 1.4rem;
  line-height: 1.4;
}
.some-notice-main a {
  color: #fff43e;
}
.some-notice-main a:hover {
  color: #eadf1a;
}
.some-info {
  height: auto !important;
}
.main-product ul li {
  color: #666;
  line-height: 30px;
}
#banner .addscroll {
  z-index: 111111;
}
.reviews-text .title {
  margin-top: 3%;
  margin-bottom: 0;
  color: #666;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  padding: 15px;
}
@media only screen and (max-width: 767px) and (min-width: 320px) {
  #banner .footer-icon li,
  .bt {
    color: #fff;
    letter-spacing: 0;
    font-weight: 400;
    font-stretch: normal;
  }
  .bt {
    margin-top: 5px;
    margin-left: 20px;
    border: solid 1px #fff;
    border-radius: 2px;
    font-size: 20px;
    opacity: 0.5;
  }
  .down-icon {
    display: inline-block;
    width: 98%;
    vertical-align: middle;
  }
  #banner .footer-icon li {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }
  .review-icon p {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .review-icon p {
    display: inline-block;
    margin-left: 25px;
    width: 29%;
  }
  #banner .footer-icon div {
    display: inline-block;
    padding-left: 5px;
    width: 55%;
    vertical-align: middle;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  #banner .footer-icon div {
    display: inline-block;
    padding-left: 5px;
    width: 81%;
    vertical-align: middle;
    text-align: left;
  }
  #banner .footer-icon p {
    display: inline-block;
    padding-bottom: 5px;
    text-align: center;
  }
}
@media only screen and (max-width: 520px) {
  #banner .footer-icon div {
    display: inline-block;
    padding-left: 5px;
    width: 75%;
    vertical-align: middle;
    text-align: left;
  }
  #banner .footer-icon p {
    display: inline-block;
    padding-bottom: 5px;
    text-align: center;
  }
}
@media only screen and (max-width: 414px) {
  #banner .footer-icon div {
    display: inline-block;
    padding-left: 5px;
    width: 65%;
    vertical-align: middle;
    text-align: left;
  }
  #banner .footer-icon p {
    display: inline-block;
    padding-bottom: 5px;
    text-align: center;
  }
}
.table-comparison dl ul {
  border: 0;
  background: initial !important;
}
.table-comparison .remove-bottom .li {
  display: list-item;
  width: 100%;
  list-style-position: inside;
  list-style-type: disc !important;
  text-align: left;
}
.alternate-div {
  padding-bottom: 15px;
  text-align: center;
}
.alternate-div .alternate {
  color: #2280e1;
  font-size: 14px;
  font-size: 1.4rem;
}
.alternate-div .alternate:hover,
.clb {
  color: #4294e9;
  font-size: 14px;
  font-size: 1.4rem;
}
.clb {
  clear: both;
  color: #666;
}
.clb a,
.clb i {
  font-size: 18px;
}
.clb strong {
  color: #333;
}
.clb a {
  color: #4294e9;
  font-size: 1.8rem;
  line-height: 26px;
}
.clb a:focus,
.clb a:hover {
  color: #4294e9;
  text-decoration: underline;
}
.icon-demo::after,
.icon-demo:after {
  position: relative;
  display: inline-block;
  overflow: visible;
  box-sizing: border-box;
  margin-left: 2px;
  padding-left: 6px;
  height: 18px;
  min-width: 50px;
  border-radius: 2px;
  background: url(/images/icon_nav_demo.png) no-repeat center left;
  color: #fff;
  content: "DEMO";
  vertical-align: baseline;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: normal;
}
.nav-complementary {
  display: block;
  margin-top: -5px;
  padding-bottom: 10px;
  color: #666;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: normal;
}
.nav-bottom .__incr-icon-clb a::before,
.nav-bottom .hide-content1 .eq4 dt span.__incr-icon-dbr::before {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 28px;
  height: 20px;
  background: url(/public/images/header/top.png) no-repeat;
  content: '';
  vertical-align: baseline;
  background-position-x: 2px;
  background-position: 2px -395px;
}
.nav-bottom .hide-content1 .eq4 dt span.__incr-icon-dbr::before {
  height: 22px;
  background-position: 2px -487px;
}
.nav-bottom .hide-content6 {
  right: -96px;
  width: 360px;
}
.nav-bottom .hide-content6 dd a {
  padding-left: 0 !important;
  color: #333;
  font-size: 18px;
  font-size: 1.8rem;
}
.nav-bottom .hide-content6 dd:last-child a {
  color: #2280e1;
  font-size: 16px;
  font-size: 1.6rem;
}
.nav-bottom .hide-content6 dd:last-child a:hover {
  text-decoration: underline;
}
.hide-content6 .g-mn {
  float: none;
  width: 100%;
}
.nav-bottom .hide-content6::before {
  right: 50%;
  margin-right: -10px;
}
.btn-promotion {
  cursor: pointer;
}
@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: 'LJ Naviconfont';
  src: url(/vendor/static/icomoon.eot);
  src: url(/vendor/static/icomoon.eot#iefix) format('embedded-opentype'), url(/vendor/static/icomoon.ttf) format('truetype'), url(/vendor/static/icomoon.woff) format('woff'), url(/vendor/static/icomoon.svg#icomoon) format('svg');
  font-display: swap;
}
[class*=" lj-naviconfont-"],
[class^=lj-naviconfont-] {
  text-transform: none;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  font-family: 'LJ Naviconfont' !important;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lj-naviconfont-download:before {
  color: #3892e6;
  content: "\E900";
}
.lj-naviconfont-upgrade:before {
  color: #ff8b3b;
  content: "\E901";
}
.brand-logo:after,
.lj-bottom-nav:after,
.lj-container:after,
.lj-dropdown-with:after,
.lj-navbottom:after,
.lj-search-form:after,
.lj-top-nav:after {
  clear: both;
  display: table;
  content: '';
}
#top-nav * {
  box-sizing: border-box;
}
.lj-container {
  position: relative;
  margin: auto;
  padding-right: 15px;
  padding-left: 15px;
  max-width: 1170px;
}
.f16 {
  font-size: 16px !important;
}
#top-nav {
  position: relative;
  z-index: 9999999;
}
.lj-hide {
  display: none !important;
}
#navbar-placeholder {
  background-color: #1a1c1e;
}
.am-promotion-entry.am-remove,
.lj-brand {
  transition: all 0.8s;
}
.lj-brand {
  position: relative;
  float: left;
  margin-top: 0.4em;
  margin-right: -160px;
  width: 210px;
}
.navbar-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20180825;
  width: 100%;
}
.lj-navbottom .lj-bottom-nav li > a {
  text-transform: uppercase;
}
.lj-link-wrapper {
  margin-top: 10px;
  margin-left: 162px;
  text-align: right;
}
.lj-link-wrapper,
.lj-rel {
  position: relative;
}
.am-promotion-entry {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 90px;
  background-color: #0ff;
}
.am-promotion-entry.am-remove {
  position: absolute;
  overflow: hidden;
  height: 0;
  min-height: auto;
}
.close-promotion {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  color: #707377;
  text-align: center;
  font-size: 30px;
}
.lj-link-container {
  width: 100%;
  color: #555;
  text-align: center;
}
.lj-nav {
  border-top: 1px solid #1a1c1e;
  background-color: #1a1c1e;
  color: #bcbfc2;
}
.brand-logo {
  position: relative;
  display: block;
  color: #fff;
}
.brand-logo h3,
.brand-logo img {
  float: left;
}
.lj-link-container a {
  color: #c7ccd4;
}
.brand-logo h3 {
  margin: 7px 0 0 7px;
  text-align: left;
  font-weight: 400;
  font-size: 24px;
  transition: all 0.8s;
}
.brand-logo .vice-logo {
  position: absolute;
  top: -10px;
  right: -79%;
  display: block;
  width: 174px;
  height: 58px;
  background-image: url(/vendor/static/lj-top-icon.png);
  background-repeat: no-repeat;
}
.lj-top-nav-bu .vice-logo {
  background-position: 1px 5px;
}
.lj-top-nav-bu .brand-logo h3 {
  margin-top: 1px;
}
.lj-dropdown-menu dd > a.icon-free:after {
  content: none;
}
.brand-logo h3 small {
  display: block;
  font-size: 14px;
}
.brand-logo h3 small,
.lj-nav dd,
.lj-nav dl,
.lj-nav dt,
.lj-nav li,
.lj-nav ol,
.lj-nav ul,
.lj-top-nav li a {
  transition: all 0.8s;
}
.lj-nav dd,
.lj-nav dl,
.lj-nav dt,
.lj-nav li,
.lj-nav ol,
.lj-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lj-top-nav li a {
  color: #666;
  font-size: 14px;
}
.lj-top-nav li a:hover {
  color: #fff;
}
.lj-navtop {
  margin-bottom: 5px;
  height: 58px;
  text-align: right;
  word-spacing: -0.43em;
  letter-spacing: -0.31em;
  line-height: 58px;
}
.lj-navtop .lj-lang-area {
  margin-left: 0.43em;
}
.lj-navtop .lj-lang-area,
.lj-navtop .lj-search-form,
.lj-navtop .lj-special-point,
.lj-navtop .lj-top-nav {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  word-spacing: normal;
  letter-spacing: normal;
}
.lj-navtop .lj-special-point,
.lj-navtop .lj-top-nav {
  margin-left: 0.43em;
}
.lj-navtop .lj-top-nav {
  margin-right: 18px;
  margin-left: 0;
}
.lj-top-nav li {
  float: left;
  margin-left: 12px;
}
.lj-navbottom .lj-bottom-nav > li:first-child,
.lj-top-nav li:first-child {
  margin-left: 0;
}
.lj-special-point {
  position: relative;
  width: 64px;
}
.lj-search-form .lj-search-input,
.lj-search-form .lj-search-submit,
.lj-special-point a {
  display: block;
  box-sizing: border-box;
}
.lj-special-point a {
  position: relative;
  top: -1px;
  padding: 5px 5px 15px;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #1a1c1e;
  background-color: #fffc10;
  color: #000;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  line-height: normal;
  -webkit-animation: 1s specialOfferLoop infinite normal;
  animation: 1s specialOfferLoop infinite normal;
}
.lj-special-point a:after {
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 11;
  width: 0;
  height: 0;
  border: 14px solid transparent;
  content: '';
  border-bottom-color: #1a1c1e;
  border-left-width: 33px;
  border-right-width: 33px;
}
.lj-special-point a:hover {
  background-color: #efec00;
  font-weight: 700;
}
.lj-search-form {
  position: relative;
}
.lj-search-form .lj-search-input,
.lj-search-form .lj-search-submit {
  padding: 2px 5px;
  height: 30px;
  outline: 0;
  border: 0;
  font-size: 14px;
}
.lj-search-form .lj-search-input {
  float: left;
}
.lj-search-form .lj-search-submit {
  width: 30px;
  cursor: pointer;
}
.active .lj-search-input,
.lj-search-form .lj-search-input {
  background-color: #fff;
  color: #555;
  transition: width 0.6s, padding-left 0.6s, padding-right 0.6s;
}
.lj-search-form .lj-search-input {
  padding-right: 0;
  padding-left: 0;
  width: 0;
  background-image: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
.active .lj-search-input {
  padding-right: 5px;
  padding-left: 5px;
  width: 320px;
  border: 1px solid #fff;
  border-right: 0 none;
}
.active .lj-search-form .lj-search-submit {
  background-color: #fff;
}
.lj-search-form .lj-search-input:focus {
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.lj-search-form .lj-search-submit {
  overflow: hidden;
  border-color: #4b4b4b;
  border-left: 0 none;
  background-color: transparent;
  background-image: url(/vendor/static/lj-icon.png);
  background-position: -30px 5px;
  background-repeat: no-repeat;
}
.lj-search-form .lj-search-submit:hover {
  background-color: #4b4b4b;
}
.lj-navtop .lj-search-form {
  margin: 0 12px 0 18px;
}
.lj-navtop-bu .lj-search-form {
  margin-left: 0;
}
.lj-lang-area {
  position: relative;
  top: 2px;
  height: auto;
  line-height: normal;
}
.lj-lang-area .lj-lang-list {
  position: absolute;
  top: 26px;
  right: 0;
  z-index: 10;
  overflow: hidden;
  max-height: 0;
  min-width: 100px;
  background-color: #fff;
  box-shadow: 0 5px 23px -5px rgba(0, 0, 0, 0.4);
  transition: all 0.8s;
}
.scrolling .lj-lang-area .lj-lang-list {
  top: 32px;
}
.lj-lang-area .lj-lang-list.vertical-slide {
  max-height: 300px;
}
.lj-lang-area h4 {
  margin: 0;
  color: #bcbfc2;
  font-size: 14px;
  cursor: pointer;
}
.lj-lang-area:hover h4,
.lj-lang-area:hover h4:after {
  color: #fff;
  border-top-color: #fff;
}
.lj-lang-area .lj-lang-list li > a {
  display: block;
  padding: 4px 15px;
  color: #3f3f3f;
  font-size: 14px;
}
.lj-lang-area .lj-lang-list li > a:hover {
  background-color: #c9c9c9;
}
.lj-lang-area .lj-lang-list li:first-child:before,
.lj-lang-area .lj-lang-list li:last-child:after {
  display: block;
  height: 5px;
  background-color: #fff;
  content: '';
}
.lj-navbottom {
  text-align: right;
}
.lj-navbottom .lj-bottom-nav {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.lj-navbottom .lj-bottom-nav > li {
  float: left;
  margin-left: 25px;
  text-align: left;
}
.lj-navbottom .lj-bottom-nav li > a {
  display: block;
  padding-bottom: 14px;
  min-height: 20px;
  transition: all 0.8s;
}
.lj-navbottom .lj-bottom-nav li > a:hover {
  color: #fff;
}
.lj-lang-area h4:after,
.lj-navbottom .lj-bottom-nav li.lj-has-dropdown > a:after {
  position: relative;
  top: -2px;
  left: 0;
  display: inline-block;
  background: url(/vendor/static/top-icon2.png) no-repeat -19px -172px;
  content: '';
  vertical-align: middle;
}
.lj-lang-area h4:after {
  margin-left: 0;
  width: 15px;
  height: 24px;
  background-position: -70px -133px !important;
}
.lj-navbottom .lj-bottom-nav li.lj-has-dropdown > a:after {
  margin-left: 2px;
  width: 12px;
  height: 10px;
}
.lj-lang-area:hover h4:after {
  background-position-x: -53px !important;
}
.lj-navbottom .lj-bottom-nav li.lj-has-dropdown:hover > a:after {
  background-position-x: -35px;
}
.lj-top-nav-bu .lj-navtop {
  height: auto;
  line-height: normal;
}
.lj-dropdown-menu {
  position: absolute;
  top: 36px;
  overflow: hidden;
  padding: 0 15px;
  max-height: 0;
  background-color: #fff;
  box-shadow: 0 5px 23px -5px rgba(0, 0, 0, 0.4);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
.lj-fadein .lj-dropdown-menu,
.lj-has-dropdown:hover .lj-dropdown-menu {
  max-height: 1200px;
  transition: all 0.9s;
}
.scrolling .vice-logo {
  display: none;
}
.scrolling .lj-link-wrapper {
  margin-top: 0;
}
.scrolling .lj-brand {
  transition: all 0.8s;
}
.scrolling .lj-brand img {
  width: 48px;
  height: auto !important;
}
.scrolling .lj-brand .brand-logo h3 {
  margin-top: 0;
  font-size: 20px;
}
.scrolling .lj-brand .brand-logo h3 small {
  position: relative;
  top: -5px;
  font-weight: 400;
  font-size: 14px !important;
}
.scrolling .lj-lang-area {
  height: 36px;
  line-height: 36px;
}
.scrolling .lj-lang-area ul li {
  line-height: normal;
}
.scrolling .lj-brand .brand-logo h3,
.scrolling .lj-brand .brand-logo h3 small,
.scrolling .lj-brand img,
.scrolling .lj-navtop {
  transition: all 0.8s;
}
.scrolling .lj-navtop {
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
  height: 0;
  line-height: normal;
}
.scrolling .lj-special-point {
  width: 120px;
  text-align: center;
}
.scrolling .lj-special-point a:after {
  border: 8px solid transparent;
  border-bottom-color: #1a1c1e;
  border-left-width: 60px;
  border-right-width: 60px;
}
.scrolling .lj-special-point a {
  padding: 4px 5px 12px;
}
.scrolling .lj-navbottom .lj-bottom-nav li > a,
.scrolling .lj-special-point,
.scrolling .lj-special-point a,
.scrolling .lj-special-point a:after,
.scrolling .lj-top-nav li a {
  transition: all 0.8s;
}
.scrolling .lj-navbottom .lj-bottom-nav li > a {
  padding-bottom: 14px;
}
.scrolling .lj-top-nav li a {
  font-size: 13px;
}
.scrolling .lj-dropdown-menu {
  top: 34px;
}
.scrolling .lj-fadein > a:before,
.scrolling .lj-has-dropdown:hover > a:before {
  top: 9px;
  transition: all 0.8s;
}
.scrolling .lj-navbottom .lj-bottom-nav {
  position: relative;
  top: 17px;
}
.lj-dropdown-menu dt,
.lj-dropdown-menu dt > a {
  margin-bottom: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 20px;
}
.lj-dropdown-menu dt {
  padding-left: 35px;
  color: #21252a;
}
.lj-dropdown-menu dt > a {
  padding-left: 0;
}
.lj-dropdown-menu dd > a:hover,
.lj-dropdown-menu dt > a:hover {
  color: #37a2fc;
}
.lj-dropdown-menu dl dd:first-child {
  margin-top: 0;
}
.lj-dropdown-menu dd > a {
  min-height: 26px;
}
.lj-btn {
  padding: 4px 10px;
  border-radius: 2px;
  text-align: center;
  font-size: 16px;
  line-height: normal;
}
.lj-btn,
.lj-btn i,
.lj-dropdown-menu dd > a,
.lj-dropdown-with > p {
  display: inline-block;
  vertical-align: middle;
}
.lj-btn i {
  position: relative;
  top: -4px;
  font-size: 24px;
}
.lj-btn-o {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}
.lj-btn-o:hover {
  border-color: #4294e9;
  background: #4294e9;
  color: #fff;
}
.lj-dropdown-with {
  position: relative;
  top: 45px;
  clear: both;
  box-sizing: border-box;
  margin-left: -15px;
  padding: 25px 135px 25px 15px;
  width: calc(100% + 30px);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  white-space: nowrap;
  -moz-background-size: cover;
  word-break: keep-all;
}
.lj-dropdown-with-bg1 {
  background-image: url(/vendor/static/dropdown-with-bg1.jpg);
}
.lj-dropdown-with-bg2 {
  background-image: url(/vendor/static/dropdown-with-bg2.jpg);
}
.lj-dropdown-with-bg3 {
  background-image: url(/vendor/static/dropdown-with-bg3.jpg);
}
.lj-dropdown-with > p {
  margin-right: 15px;
  width: 74%;
  color: #fff;
  text-align: left;
  white-space: normal;
  font-size: 14px;
  line-height: 1.8;
  word-break: break-word;
}
.lj-dropdown-with .lj-btn-o {
  min-width: 100px;
  color: #fff;
}
.lj-dropdown-with:after {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 134px;
  height: 181px;
}
.lj-b-acb:after {
  background: url(/vendor/static/nav_dropdown_p_acb.png) no-repeat center center;
}
.lj-b-okr-cust:after {
  background: url(/vendor/static/nav_dropdown_p_okr-cust.png) no-repeat center center;
}
.lj-b-ab-pro:after {
  background: url(/vendor/static/nav_dropdown_p_ab_pro.png) no-repeat center center;
}
.lj-navicon {
  position: relative;
  top: -3px;
  display: inline-block;
  margin-right: 4px;
  margin-left: 12px;
  padding: 2px 9px;
  border: 1px solid;
  border-radius: 2px;
  text-align: center;
}
.lj-navicon:after {
  display: block;
  width: 0;
  height: 0;
  content: '';
}
.lj-dropdown-menu dd > :nth-child(1) {
  margin-right: 5px;
}
.lj-dropdown-menu dd > a ~ span {
  display: inline-block;
  min-height: auto;
  vertical-align: middle;
  font-size: 14px;
}
.lj-dropdown-menu dd > .lj-navicon {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-right: 0;
  margin-left: 9px;
  padding: 0 7px;
  min-height: auto;
  border-radius: 2px;
  color: #fff;
  vertical-align: middle;
  text-align: center;
}
.lj-dropdown-menu dd > a.lj-navicon:hover {
  color: #fff;
}
.lj-dropdown-menu.lj-unstyled > dl > dd > a,
.lj-dropdown-menu.lj-unstyled > dl > dt > a {
  padding-left: 0;
  font-size: 16px;
}
.lj-dropdown-menu.lj-unstyled > dl > dd > a.lj-naviconfont {
  font-size: 24px;
}
#top-nav:hover .brand-logo .vice-logo {
  background-position: 1px -65px;
}
.lj-navicon-free {
  border: 0;
  background-color: #5dc560;
  color: #fff;
}
.lj-navicon-buy,
.lj-navicon-new {
  bottom: 3px;
  margin-left: 5px;
  border-color: #3892e6;
  background-color: #3892e6;
  color: #fff;
}
.lj-navicon-new:after {
  position: absolute;
  top: 0.5em;
  left: -10px;
  border: 5px solid transparent;
  border-bottom-color: #3892e6;
  border-left-width: 10px;
}
.lj-dropdown-menu dd > .lj-navicon.lj-navicon-buy,
.lj-dropdown-menu dd > .lj-navicon.lj-navicon-try {
  visibility: hidden;
}
.lj-navicon-buy {
  display: none;
  border-color: #fd8a2e;
  background-color: #fd8a2e;
}
.lj-navicon-buy:hover {
  background-color: #ff510d !important;
}
.lj-dropdown-menu dd > .lj-navicon-buy {
  margin-right: 3px;
  margin-left: 2px;
}
.lj-dropdown-menu dd :last-child {
  margin-right: 0 !important;
}
.lj-navicon-try {
  bottom: 3px;
  margin-left: 5px;
  border-color: #37a2fc;
  background-color: #37a2fc;
  color: #fff;
}
.lj-navicon-try:hover {
  background-color: #2481e1 !important;
}
.lj-dropdown-menu dd > .lj-navicon-try {
  margin-right: 3px;
  margin-left: 2px;
}
.lj-navbottom .lj-bottom-nav .lj-dropdown-menu dd:hover .lj-navicon-buy,
.lj-navbottom .lj-bottom-nav .lj-dropdown-menu dd:hover .lj-navicon-try,
.lj-navbottom .lj-bottom-nav .lj-dropdown-menu dd:hover .lj-naviconfont {
  visibility: visible !important;
}
.lj-naviconfont {
  position: relative;
  border: 0;
  vertical-align: middle;
  font-size: 24px;
}
.lj-naviconfont-download:hover {
  color: #2481e1;
}
.lj-dropdown-menu dd > a.lj-naviconfont {
  visibility: hidden;
  overflow: hidden;
  margin-right: 0;
  padding: 0;
  width: 26px;
  min-height: 22px;
  border: 0 !important;
  border-radius: 2px;
  background-color: #fff;
  text-align: center;
  font-size: 22px;
  line-height: 1.07em;
  top: -1px;
}
.lj-dropdown-menu dd > a.lj-naviconfont:last-child {
  margin-right: 0;
}
.lj-dropdown-menu dd > :nth-child(1):hover ~ .lj-naviconfont {
  visibility: visible !important;
}
.lj-naviconfont-download,
.lj-naviconfont-upgrade {
  margin-left: 3px;
  border-color: #37a2fc;
  background-color: #37a2fc;
  color: #fff;
}
.lj-navbottom .lj-bottom-nav .lj-dropdown-menu dd .lj-naviconfont-download:hover:before {
  color: #2481e1 !important;
}
.lj-naviconfont-upgrade {
  border-color: #ff8b3b;
  background-color: #ff8b3b;
}
.lj-navbottom .lj-bottom-nav .lj-dropdown-menu dd .lj-naviconfont-upgrade:hover:before {
  color: #ff510d !important;
}
.lj-dropdown-menu .lj-row {
  display: table;
  margin-bottom: 25px;
  width: 100%;
}
.lj-dropdown-menu .lj-row:last-child,
.lj-row .lj-cell dl:last-child {
  margin-bottom: 0;
}
.lj-dropdown-menu .lj-row dl {
  display: table-cell;
  width: 50%;
}
.lj-dropdown-menu dt:before {
  position: absolute;
  top: 7px;
  left: 5px;
  display: block;
  width: 26px;
  height: 22px;
  background-image: url(/vendor/static/lj-top-icon.png);
  background-position: -999px -999px;
  background-repeat: no-repeat;
  content: '';
}
.icon-nav-pc:before {
  background-position: 0 -310px !important;
}
.icon-nav-about:before {
  background-position: 2px -557px !important;
}
.icon-nav-management:before {
  background-position: 4px -590px !important;
}
.icon-nav-doc:before {
  background-position: 4px -626px !important;
}
.icon-nav-cprlink:before {
  background-position: 2px -395px !important;
}
.icon-nav-user:before {
  background-position: 3px -40px !important;
}
.icon-nav-server:before {
  background-position: 2px -337px !important;
}
.icon-nav-enterprise:before {
  background-position: 4px -366px !important;
}
.icon-nav-data:before {
  background-position: 2px -487px !important;
}
.icon-nav-cpr:before {
  background-position: 2px -62px !important;
}
.icon-nav-backup:before {
  background-position: 5px -106px !important;
}
.icon-nav-disk:before {
  background-position: 3px -82px !important;
}
.icon-nav-cbackup:before {
  background-position: 2px -130px !important;
}
.icon-nav-tools:before {
  background-position: -60px -105px !important;
}
.icon-nav-ok:before {
  background-position: -117px -105px !important;
}
.icon-nav-games:before {
  background-position: -29px -59px !important;
}
.icon-nav-depimg:before {
  background-position: -149px -105px !important;
}
.icon-nav-net:before {
  background-position: -63px -61px !important;
}
.icon-nav-us:before {
  background-position: -96px -63px !important;
}
.icon-nav-pman:before {
  background-position: -126px -63px !important;
}
.icon-nav-file:before {
  background-position: -153px -63px !important;
}
.icon-nav-free_partition:before {
  background-position: 6px -427px !important;
}
.icon-nav-free_backup:before {
  background-position: 2px -455px !important;
}
.lj-dropdown-menu dt,
.lj-fadein > a,
.lj-has-dropdown:hover > a {
  position: relative;
}
.lj-fadein > a:before,
.lj-has-dropdown:hover > a:before {
  position: absolute;
  top: 11px;
  left: 50%;
  display: block;
  margin-left: -7px;
  width: 0;
  height: 0;
  border: 14px solid transparent;
  content: '';
  border-bottom-color: #fff;
}
.lj-cell,
.lj-row .lj-cell {
  display: table-cell;
}
.lj-row .lj-cell {
  width: 2000px;
}
.lj-row .lj-cell dl {
  display: block;
  margin-bottom: 20px;
  width: auto;
}
#google_translate_element,
#toggle-bar {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.ctrl-menu,
.lj-navmenu {
  display: none;
}
.lj-has-dropdown > input[type=checkbox],
.lj-navbottom > input[type=checkbox] {
  position: absolute;
  top: -9999px;
  clip: rect(0, 0, 0, 0);
}
.fadeOut {
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
}
.lj-dropdown-menu dd,
.lj-dropdown-menu dt {
  white-space: nowrap;
  word-break: keep-all;
}
.lj-dropdown-menu dd:after,
.lj-dropdown-menu dt:after {
  clear: both;
  display: table;
  content: '';
}
.lj-dropdown-menu dt > a {
  color: #4294e9;
}
.lj-dropdown-menu dt > a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1199.98px) {
  .brand-logo .vice-logo {
    display: none;
  }
  .lj-navbottom,
  .lj-navtop .lj-lang-area,
  .lj-navtop .lj-special-point,
  .lj-navtop .lj-top-nav {
    display: none;
    height: auto;
    line-height: normal;
  }
  .ctrl-menu {
    display: block;
  }
  .lj-navtop {
    height: auto;
    line-height: normal;
  }
  .lj-navtop .lj-search-form {
    position: absolute;
    top: -42px;
    right: 35px;
    z-index: 200;
  }
  .lj-nav {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .lj-brand {
    margin-top: 0;
    transition: all 0.6s;
  }
  .lj-navmenu {
    position: relative;
    top: 0.712em;
    float: right;
    display: block;
    width: 34px;
  }
  .lj-navmenu label > span {
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: 7px;
    margin-bottom: 8px;
    width: 100%;
    height: 2px;
    background: #fff;
    opacity: 1;
    transition: all 0.4s;
  }
  #toggle-bar:checked ~ .lj-nav .lj-navmenu > label > span:last-child {
    top: -9px;
    transition: all 0.4s;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
  }
  #toggle-bar:checked ~ .lj-nav .lj-navmenu > label > span:first-child {
    top: 10px;
    transition: all 0.4s;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
  }
  #toggle-bar:checked ~ .lj-nav .lj-navmenu > label > span:nth-child(2) {
    opacity: 0;
    transition: all 0.4s;
  }
  #toggle-bar:checked ~ .lj-nav.navbar-fixed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #toggle-bar:checked ~ .lj-nav .lj-link-container {
    display: block;
    margin-top: 15px;
    height: auto;
    transition: all 0.8s;
  }
  #toggle-bar:checked ~ .lj-nav .lj-link-container .lj-navtop .lj-top-nav {
    display: block;
    margin: 0 auto;
    padding: 8px 15px;
    width: auto;
    border-top: 1px solid #707377;
    border-bottom: 1px solid #707377;
    transition: all 0.8s;
  }
  #toggle-bar:checked ~ .lj-nav .lj-link-container .lj-link-wrapper:before {
    clear: both;
    display: block;
    height: 15px;
    content: '';
  }
  #toggle-bar:checked ~ .lj-nav .lj-link-container .lj-navtop .lj-top-nav > li {
    display: table-cell;
    margin-left: 0;
    padding: 2px 0;
    width: 33.33%;
  }
  #toggle-bar:checked ~ .lj-nav .lj-link-container .lj-navbottom {
    display: block;
  }
  #toggle-bar:checked ~ .lj-nav .lj-link-container .lj-navbottom .lj-bottom-nav li > a {
    padding: 10px 15px;
    border-bottom: 1px solid #707377;
  }
  #toggle-bar:checked ~ .lj-nav .lj-link-container .lj-navbottom .lj-bottom-nav,
  #toggle-bar:checked ~ .lj-nav .lj-link-container .lj-navbottom .lj-bottom-nav li {
    float: none;
    display: block;
    margin: auto;
    width: auto;
  }
  .lj-has-dropdown {
    position: relative;
  }
  .lj-has-dropdown .ctrl-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 30;
    display: block;
    width: 100%;
    height: 41px;
    background: #fff;
    content: '';
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .lj-has-dropdown .lj-dropdown-menu {
    position: static;
    box-sizing: border-box;
    margin: auto !important;
    width: auto;
    height: auto;
  }
  .lj-fadein > a:before,
  .lj-has-dropdown:hover > a:before {
    content: none;
  }
  .lj-has-dropdown > input[type=checkbox]:checked ~ .lj-dropdown-menu {
    width: 100%;
    height: auto;
  }
  .lj-has-dropdown > input[type=checkbox]:not(:checked) ~ .lj-dropdown-menu {
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
    max-height: 0;
    transition: max-height 0.7s, padding-bottom 0.8s, padding-top 0.8s;
  }
  .lj-dropdown-menu .lj-cell,
  .lj-dropdown-menu .lj-row dl {
    display: block;
    margin-top: 20px;
    width: auto;
  }
  .lj-dropdown-menu .lj-cell:first-child,
  .lj-dropdown-menu .lj-row dl:first-child {
    margin-top: 0;
  }
  .lj-link-container,
  .lj-link-wrapper,
  .lj-navtop {
    float: none;
    clear: both;
    margin: auto;
    width: auto;
    max-width: none;
    min-width: auto;
    transition: all 0.8s;
  }
  #toggle-bar:checked ~ .lj-nav .lj-link-container > .lj-link-wrapper {
    overflow: hidden;
    max-height: 2500px;
    transition: all 1.6s;
  }
  #toggle-bar:not(:checked) ~ .lj-link-container > .lj-link-wrapper {
    overflow: hidden;
    max-height: 0;
    transition: all 1.6s;
  }
  .lj-brand {
    margin-right: 0;
  }
  .lj-dropdown-menu {
    background-color: #1a1c1e;
  }
  .lj-dropdown-menu dd > a,
  .lj-dropdown-menu dt,
  .lj-dropdown-menu dt > a {
    color: #fefefe;
  }
  .lj-has-dropdown > .lj-dropdown-menu .lj-cell,
  .lj-has-dropdown > .lj-dropdown-menu .lj-row {
    display: table-cell;
  }
  #ctrl-menu-all:checked ~ .lj-bottom-nav > .lj-has-dropdown > :not(input[type=checkbox]:checked).ctrl-menu {
    opacity: 0;
  }
  #ctrl-menu-all:checked ~ .lj-bottom-nav > .lj-has-dropdown > input[type=checkbox]:checked ~ .ctrl-menu {
    opacity: 0.1;
  }
  .scrolling .lj-brand {
    margin-top: 0;
  }
  .scrolling.lj-nav {
    padding: 5px 0;
  }
  .scrolling .lj-brand .brand-logo h3 small,
  .scrolling .lj-top-nav li a {
    font-size: 14px;
  }
  .scrolling .lj-navbottom .lj-bottom-nav li > a {
    font-size: 16px;
  }
  .scrolling .lj-brand img {
    position: relative;
    top: 5px;
    width: 50px;
    height: auto !important;
  }
  .scrolling .lj-brand .brand-logo h3 {
    margin: 2px 0 0 7px;
    font-size: 24px;
  }
  .scrolling .lj-navbottom .lj-bottom-nav {
    top: 0;
  }
  .lj-bottom-nav :nth-child(4) .lj-row:last-child {
    display: block;
    margin-top: 25px;
    width: auto;
  }
  .lj-dropdown-with {
    top: 17px;
  }
  #toggle-bar:checked ~ #navbar-placeholder {
    height: auto !important;
  }
}
@media screen and (max-width: 767.98px) {
  .lj-has-dropdown > .lj-dropdown-menu .lj-cell,
  .lj-has-dropdown > .lj-dropdown-menu .lj-row {
    display: block;
    width: auto;
  }
  .lj-dropdown-with,
  .lj-dropdown-with > p {
    white-space: normal;
    word-break: break-word;
  }
  .lj-dropdown-with > p {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 575.98px) {
  #toggle-bar:checked ~ .lj-nav .lj-link-container .lj-navtop .lj-top-nav > li {
    width: 50%;
  }
  .lj-dropdown-menu dd,
  .lj-dropdown-menu dt {
    white-space: normal;
    word-break: break-word;
  }
}
.goog-te-banner-frame,
.has-swiper-menu button {
  display: none !important;
}
.goog-te-menu-frame {
  top: 50% !important;
  left: 50% !important;
  margin-top: -147px !important;
  margin-left: -490px !important;
  padding: 45px 15px;
  width: 950px !important;
}
@media screen and (min-width: 920px) {
  .nav-emp-node {
    min-height: 25px;
  }
  .lj-dropdown-menu > dl {
    margin-top: 20px;
  }
  .lj-dropdown-menu > dl:first-child {
    margin-top: 0;
  }
  .lj-dropdown-menu.lj-thin {
    right: 50%;
    margin-right: -170px;
  }
}
.xl-sales-2018 {
  position: relative;
  display: none !important;
  padding: 0 14px;
  width: auto !important;
  border-color: #c7131b;
  border-radius: 2px;
  background: #c7131b;
  color: #fefefe;
  letter-spacing: -1px;
  font-weight: 400;
  font-stretch: normal;
  font-size: 20px;
}
.xl-sales-2018:before {
  display: inline-block;
  margin-right: 5px;
  width: 27px;
  height: 31px;
  background: url(/images/2018/gift.png) no-repeat 0;
  content: '';
  vertical-align: sub;
}
.xl-sales-2018:after {
  position: absolute;
  top: -15px;
  right: -15px;
  display: inline-block;
  width: 35px;
  height: 39px;
  background: url(/images/2018/bell.png) no-repeat 0;
  content: '';
}
.marginleft20 {
  margin-left: 3%;
}
.margin20 {
  margin: 20px 0;
}
#banner .xl-banner-box {
  vertical-align: top !important;
}
#banner .xl-banner-a {
  padding: 10px 53px !important;
}
#banner .download-blue {
  display: inline-block;
}
.xl-sales-2018:hover {
  border-color: #c8383e;
  background: #c8383e;
  transition: 0.3s;
}
@media screen and (max-width: 1024px) and (min-width: 320px) {
  .slick-arrow {
    display: none !important;
  }
}
.carousel .slick-slider {
  padding-bottom: 20px;
}
.has-swiper-menu {
  height: 0;
  margin: 0;
  display: block !important;
  overflow: hidden;
}
.new-show {
  margin-top: 3%;
}
.new-show,
.new-show div,
.new-show img,
.new-show p {
  height: auto;
}
.new-show button {
  display: block !important;
}
.swiper-slide {
  display: none;
}
.swiper-slide:first-child {
  display: block;
}
.lj-navbottom .lj-bottom-nav li > a {
  font-size: 17px;
}
.lj-bottom-nav li:nth-child(2) .lj-dropdown-menu {
  left: -35px;
}
.lj-dropdown-menu dd > a {
  color: #000;
  padding: 0 0 0 10px;
  line-height: 26px;
  font-size: 16px;
}
.lj-dropdown-menu dd {
  padding: 4px 0;
}
.lj-fadein .lj-dropdown-menu,
.lj-has-dropdown:hover .lj-dropdown-menu {
  padding: 15px 15px 10px;
}
.lj-cell {
  width: auto;
  padding: 0;
}
.lj-dropdown-menu dl {
  margin: 0 5px;
  padding: 6px 0 10px;
  border-bottom: 1px solid #e4e6ea;
}
.lj-dropdown-menu dl:last-child {
  border: 0;
}
.lj-dropdown-menu dd > .lj-navicon {
  height: 22px;
  line-height: 20px;
}
.lj-dropdown-menu > dl {
  padding-right: 5px;
}
.lj-dropdown-menu.dropdown-support,
.lj-dropdown-menu.lj-unstyled {
  right: 0;
}
.lj-dropdown-menu.dropdown-support dl {
  margin: 0 15px 0 5px;
}
#lang-area > h4::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  position: relative;
  left: 0;
  top: 2px;
  margin-right: 5px;
  background: url(/vendor/static/icon_language_normal.png) no-repeat center;
}
#lang-area > h4:hover::before {
  background: url(/vendor/static/icon_language_hover.png) no-repeat center;
}
@media all and (max-width: 1199.98px) {
  .lj-dropdown-menu dd > a {
    color: #fff;
  }
}
[lang=es] .icon-free::after {
  content: "Gratis";
  background-color: #5dc560;
  margin-left: 10px;
  position: relative;
  z-index: 2;
  height: 18px;
  line-height: 18px;
  border-radius: 2px;
}
[lang=es] .icon-free::before {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  right: 35px;
  border-bottom: 10px solid #5dc560;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  z-index: 1;
}
[lang=es] .special-offers .msg .buy {
  width: 50%;
  margin-left: 1px;
}
[lang=es] #email-btn,
[lang=es] .special-offers .pic {
  width: 30%;
}
[lang=es] #email-txt,
[lang=es] .special-offers .msg {
  width: 70%;
}
[lang=es] #banner .free-select .tips-icon p,
[lang=es] .free-select .tips-icon p {
  height: 240px;
}
@media all and (min-width: 1024px) {
  [lang=es] #footer .g-mn5c {
    margin: 0 28.3% 0 33.3%;
  }
}
/*# sourceMappingURL=main-version-0.css.map */