body {
  background: rgba(245, 245, 245, 1);
}

h1 {
  font-weight: normal;
}

#page-main {
  margin-top: 48px;
}

.banner {
  padding-top: 39px;
  padding-bottom: 39px;
  text-align: center;
  /* color: #fff;
  background: #272a31; */
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.banner img {
  width: 16px;
}

.banner a {
  color:#3767E1;
}

.outline a {
  color: #3A3E42;
}
.outline a:hover {
  color: #3F8A78;
}

.sidebar {
  margin: 0;
  padding-left: 30px;
}

.sidebar li {
  margin-bottom: 16px;
}
.sidebar li:last-child a {
  font-weight: bold;
}

/* #page-main .span3 {
  position: sticky;
  top: 0;
  padding-top: 110px;
  margin-top: -110px;
  float: right;
} */

#page-main .span3 .most-popular {
  margin-top: 16px;
}

#page-main .span3 .most-popular h2 {
  font-weight: bold;
  font-size: 16px;
  color: #fff;
}

#page-main .span3 .most-popular ol {
  margin: 0;
}

#page-main .span3 .most-popular {
  padding: 24px;
  border-radius: 24px;
  background: #13161b;
}
#page-main .span3 .most-popular li {
  margin-top: 16px;
}
#page-main .span3 .most-popular li a {
  color: #fff;
}
#page-main .span3 .most-popular li img {
  display: block;
  margin-bottom: 16px;
  width: 100%!important;
  height: auto!important;
}
#page-main .span3 .most-popular li a:hover {
  color:#07be8b;
}
#page-main .span3 .recommended-downloads {
  margin-top: 24px;
  padding: 32px 24px;
  height: 390px;
  text-align: center;
  background-color: #fff;
  background-image: url(../img/testimonials-bg.png);
  border-radius: 24px;
  background-size: 100% 390px;
}
#page-main .span3 .recommended-downloads img {
  width: 48px;
  height: 48px;
}
#page-main .span3 .recommended-downloads div {
  margin-top: 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 150%;
}

#page-main .span3 .recommended-downloads a{
  display: inline-block;
  margin-top: 20px;
  color: #fff;
  cursor: pointer;
  padding: 12px 24px;
  border-radius: 8px;
  background: rgba(7, 190, 139, 1);
  box-shadow: 0px 12px 24px rgba(128, 198, 178, 0.4);
}

#page-main .span3 .recommended-downloads a:hover {
  opacity: .75;
}

/* #page-main .slide-nav a {
  display: block;
  margin-bottom: 15px;
  position: relative;
  counter-reset: index;
  font-size: 16px;
  line-height: 1.2;
  padding: 0 8px;
  color: #666;
  box-sizing: border-box;
} */

/* #page-main .slide-nav a * {
  font-weight: normal;
}

#page-main #slide-nav-02 a {
  padding: 0;
}

#page-main #slide-nav-02 a * {
  font-size: 14px;
  color: #333;
  font-weight: bold;
}

#page-main #slide-nav-02 a:hover * {
  color: #0090cf;
}


#page-main .slide-nav a.active {
  color: #0090cf;
  border-left: 2px solid #0090cf;
}

#page-main .slide-nav a:hover {
  color: #0090cf;
}

#page-main .slide-nav a.h3 {
  opacity: .8;
  font-size: .8em;
} */

/* /style> */

/* style> */
#article-content {
  padding-left: 24px;
  padding-right: 24px;
  text-align: left;
  font-size: 18px;
  font-family: Poppins, Poppins-Regular;
  font-weight: 400;
  color: #666666;
  line-height: 27px;
  border-left: 1px solid rgba(0,0,0,.1);
  border-right: 1px solid rgba(0,0,0,.1);
}

#article-content img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

h1 {
  font-family: Poppins, Poppins-Regular;
}

.section-faqs h2,
#article-content h2,
#article-content h3 {
  padding-top: 48px;
  padding-top: 158px;
  margin-top: -158px;
  padding-bottom: 10px;
}

.section-faqs h2>div,
#article-content h2>i {
  display: block;
  width: 100% !important;
}

.section-faqs h2>div,
#article-content h2>div,
#article-content h2>i {
  padding: 10px 23px 6px;
  font-size: 24px;
  line-height: 40px;
  background: #d2effc;
  border-left: 8px solid #02a7f0;
}

.section-faqs h2,
.section-faqs h2 *,
#article-content h2,
#article-content h2 * {
  font-size: 24px !important;
  color: #333 !important;
}

#article-content h3>div {
  padding: 7px 23px;
  line-height: 24px;
  background: #eaf8ff;
  border-left: 4px solid #02a7f0;
}

#article-content h3,
#article-content h3 * {
  font-size: 18px !important;
  color: #333 !important;
}

#article-content strong {
  color: #222222;
}

#article-content p img {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.20);
}

h2,
.section-faqs .section-title {
  margin-top: 48px !important;
  padding-top: 158px !important;
  margin-top: -158px !important;
  margin-bottom: 10px !important;
  /* font-size: 26px; */
  font-size: 22px;
  color: #222222;
}

/* #article-content h2 * {
  font-size: 26px;
  color: #222222;
} */

#article-content p {
  margin: 20px 0;
}

#article-content table {
  margin-left: auto;
  margin-right: auto;
}

/* /style> */

/* style> */
#page-main .blog-summary {
  width: 100%;
  padding: 24px;
  box-sizing: border-box;
  background: #ffffff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.13);
}

#page-main .blog-summary--content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}

#page-main .blog-summary--content p {
  /* margin-top: 0 !important;
  line-height: 30px;
  font-size: 16px;
  text-align: left;
  color: #444444; */
}

#page-main .blog-summary--content>img {
  width: 220px;
  height: 140px;
  object-fit: cover;
  margin-left: 47px;
}

#page-main .blog-summary>h4 {
  font-size: 16px;
}

/* /style> */

#page-main .blog-download-with-des {
  position: relative;
  padding: 34px 50px;
  background-color: #E6F9F1;
  border-radius: 10px;
}

#page-main .blog-download-with-des img {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 1;
}

@media screen and (max-width:1000px) {
  #page-main .blog-download-with-des img {
    display: none;
  }
}

#page-main .blog-download-with-des .download-with-des--title strong {
  font-size: 24px;
  color: rgb(35, 42, 53);
}

#page-main .blog-download-with-des ul {
  margin: 0;
  padding: 0;
  margin-top: 16px;
}

#page-main .blog-download-with-des li {
  padding: 0;
  list-style: none;
  font-size: 14px;
  /* height: 23px; */
  line-height: 23px;
  margin-bottom: 9px;
  color: #333333;
}

#page-main .blog-download-with-des li:before {
  display: inline-block;
  content: '';
  background-color: #30d185;
  width: 6px;
  height: 6px;
  margin-right: 16px;
  border-radius: 50%;
}

#page-main .blog-download-with-des a {
  display: inline-block;
  margin-top: 17px;
  text-align: left;
  padding-left: 60px;
  padding-right: 16px;
}

#page-main .blog-download-with-des a {
  font-size: 14px;
  background: #07be8b url(../img/home/windows.png) no-repeat 20px center !important;
}

#page-main .blog-download-with-des a strong {
  font-size: 20px;
  color: #fff;
}

/* style> */
#page-main .author {
  padding: 36px;
  margin-top: 48px;
  background: #f7fcfb;
}

#page-main .author .media-object {
  width: 50px;
  height: 50px;
}

#page-main .author .media-body p {
  font-size: 14px;
  color: #666;
  line-height: 25px;
}

/* /style> */

/* style> */
#page-main .blog-readMore {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 26px 40px;
  box-sizing: border-box;
  background: #f7fcfb;
  margin: 36px 0;
  border-radius: 10px;
}

#page-main .blog-readMore img {
  width: 160px;
  height: 120px;
  object-fit: cover;
  margin-right: 32px;
}

#page-main .blog-readMore--content h4 {
  color: #06B684;
  font-size: 20px;
  text-align: left;
}

#page-main .blog-readMore--content p {
  font-size: 14px;
  color: #333333;
  margin: 14px 0;
}

#page-main .blog-readMore--content span {
  font-size: 14px;
  color: #06b684;
  font-weight: bold;
}

.pull-right .slide-nav:nth-child(2) {
  margin-top: 50px;
}

/* /style> */

/* style> */
.section-faqs ul,
#article-content ul,
.section-faqs ol,
#article-content ol {
  margin-top: 25px;
  margin-left: 20px;
}

.section-faqs ul li,
#article-content ul li {
  list-style: disc;
}

.section-faqs ol li,
#article-content ol li {
  list-style: decimal;
}

.faqs-content div {
  margin-bottom: 10px;
}

.faqs-content div p:last-child {
  margin-bottom: 0;
}

/* /style> */

/* style> */
#article-content .tinymce-blog-tips {
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 26px 32px;
  padding-left: 70px;
  box-sizing: border-box;
  border-radius: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #e6f9f1;
  background-image: url(../img/blog/tip@2x.png);
  background-repeat: no-repeat;
  background-position: 16px center;
  background-size: 48px 48px;
}

#article-content .tinymce-blog-tips>div {
  margin-top: 0 !important;
  line-height: 30px;
  font-size: 16px;
}

#article-content .tinymce-blog-tips>div span {
  color: #06b684;
}

#article-content .tinymce-blog-notes {
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 26px 32px;
  padding-left: 112px;
  box-sizing: border-box;
  background: #e1f2ff;
  border-radius: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
  background-image: url(../img/blog/note@2x.png);
  background-repeat: no-repeat;
  background-position: 32px center;
  background-size: 48px 48px;
}

#article-content .tinymce-blog-notes>div {
  margin-top: 0 !important;
  line-height: 30px;
  font-size: 16px;
}

#article-content .tinymce-blog-notes span {
  color: #4290CA;
}

#article-content .tinymce-blog-bg {
  width: 100%;
  margin-top: 30px;
  padding: 28px 32px;
  box-sizing: border-box;
  background: #F7FCFB;
  color: #13614e;
  line-height: 30px;
  border-radius: 10px;
  font-size: 16px;
  margin-bottom: 30px;
}

.tinymce-blog-bg.bg-f7fcfb {
  background: #f7fcfb;
}

.tinymce-blog-bg.bg-fcf7f7 {
  background: #fcf7f7;
}

.tinymce-blog-bg.bg-fbfcf7 {
  background: #fbfcf7;
}

.tinymce-blog-bg.bg-f9f7fc {
  background: #f9f7fc;
}

.tinymce-blog-bg.bg-f7f9fc {
  background: #f7f9fc;
}

#article-content .tinymce-blockquote-references {
  margin: 0;
  margin-top: 36px;
  margin-bottom: 48px;
  padding: 8px 32px;
  border-left: 4px solid #e0e2e4;
}


#article-content .tinymce-btn {
  color: #fff;
  display: inline-block;
  width: 200px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  font-size: 18px;
  border-radius: 20px;
}

#article-content .tinymce-btn-free-trial {
  background: rgb(7, 190, 139);
  border: 2px solid rgb(7, 190, 139);
}

#article-content .tinymce-btn-free-download {
  background: #1890ff;
  border: 2px solid #1890ff;
}

#article-content .tinymce-btn-buy-now {
  background: rgb(255, 116, 65);
  border: 2px solid rgb(255, 116, 65);
}

#article-content .share {
  margin-top: 25px;
  display: inline-block;
  width: auto;
}

#article-content .tinymce-btn-click-to-tweet {
  background: rgb(0, 172, 238);
  border: 2px solid rgb(0, 172, 238);
}

#article-content .share {
  margin-bottom: 0;
}

/* /style> */

/* style> */
@media (max-width:768px) {

  .banner h1 {
    font-size: 28px !important;
    line-height: 32px !important;
  }

  .banner .updated-split {
    display: none;
  }

  .banner .updated {
    display: block;
  }

  /* #page-main .span3 {
    display: none;
  } */

  #page-main .blog-readMore,
  #page-main .blog-summary--content {
    display: block;
  }

  #page-main .blog-readMore {
    padding: 24px;
  }

  #page-main .blog-readMore img,
  #page-main .blog-summary--content img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  #page-main .tinymce-blog-tips,
  #page-main .tinymce-blog-notes {
    padding: 26px 32px;
    background-image: none;
  }
}

/* /style> */

/* style> */
.faqs .faqs-title {
  font-size: 20px !important;
}

.faqs .faqs-content {
  color: #666 !important;
}

/* #backToTop {
  width: 50px;
  height: 50px;
  display: none;
  position: fixed;
  right: 30px;
  bottom: 110px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #07BE8B;
  cursor: pointer;
  border-radius: 50%;
}

#backToTop:hover {
background-color: #ccc;
} */

.section-recommend {
  margin-top: 48px;
}

/* .section-recommend .span4 a {
width: 270px;
margin-left: auto;
margin-right: auto;
} */

/* custom-download */
.custom-download {
  position: relative;
  z-index: 99;
  display: block;
  width: 50px;
  height: 48px;
  line-height: 48px;
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  text-align: center;
  box-sizing: border-box;
  border-radius: 2px solid transparent;
  margin-bottom: 10px;
}

.custom-download strong {
  display: inline-block;
}


@keyframes animate-arrow-green_download {
  0% {
    /* background-position: 132px 10px; */
  }

  100% {
    /* background-position: 132px 14px; */
  }
}

.custom-download.arrow-green_download {
  position: relative;
  width: 172px;
  text-align: left;
  color: rgba(26, 26, 26, 1);
  border-radius: 4px;
  box-shadow: 0px 4px #82bc15;
  background: #abe63c;
}

.custom-download.arrow-green_download:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  width: 172px;
  height: 48px;
  background: url(../img/custom-download/01.gif) no-repeat 132px center;
  background-size: 24px auto;
  /* animation:animate-arrow-green_download 2s infinite; */
}

.custom-download.arrow-green_download strong {
  width: 115px;
  text-align: center;
  border-right: 1px solid rgba(47, 103, 11, .1);
}

.custom-download.arrow-green_download:hover {
  /* background: linear-gradient(#ffffff1a, #ffffff1a), #82bc15; */
}

.custom-download.arrow-green_download:active {
  transform: translateY(2px);
  /* background: #abe63c; */
  box-shadow: 0px 2px #82bc15;
}

.custom-download.win-purple_download {
  width: 200px;
  color: #fff;
  border-radius: 4px;
  background: rgba(0, 135, 255, 1);
  box-shadow: 0px 2px rgba(3, 92, 172, 1);
}

.custom-download.win-purple_download strong {
  padding-left: 30px;
  background: url(../img/custom-download/02.png) no-repeat left center;
  background-size: 20px auto;
}

.custom-download.win-purple_download:hover {
  background: linear-gradient(#ffffff1a, #ffffff1a), #0087ff;
  box-shadow: 0px 2px #035cac;
}

.custom-download.win-purple_download:active {
  transform: translateY(2px);
  background: #0087ff;
  box-shadow: none;
}

.custom-download.arrow-left_download {
  width: 204px;
  color: #fff;
  border-radius: 30px;
  background: linear-gradient(90deg, rgba(42, 110, 248, 1) 0%, rgba(102, 25, 206, 1) 100%);
}

.custom-download.arrow-left_download:hover {
  background: linear-gradient(#ffffff1a, #ffffff1a), linear-gradient(90deg, #2a6ef8 0%, #6619ce 100%);
}

.custom-download.arrow-left_download:active {
  background: linear-gradient(90deg, #2a6ef8 0%, #6619ce 100%);
}

.custom-download.arrow-top_download {
  width: 166px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 12px;
  background: rgba(253, 70, 102, 1);
  border: 2px solid rgba(0, 0, 0, 1);
  box-shadow: 0px -2px rgba(0, 0, 0, 0.25) inset, 0px 1px rgba(255, 255, 255, 0.8) inset;
}

.custom-download.arrow-top_download strong {
  transform: translateY(-2px);
  padding-left: 30px;
  background: url(../img/custom-download/04.png) no-repeat left center;
  background-size: 24px auto;
}

.custom-download.arrow-top_download:hover {
  background: linear-gradient(#ffffff1a, #ffffff1a), #fd4666;
  box-shadow: 0px -2px #00000040 inset, 0px 1px #ffffffcc inset;
}

.custom-download.arrow-top_download:active {
  background: #fd4666;
  box-shadow: 0px 1px #ffffffcc inset;
}

.custom-download.circle-win-purple_download {
  width: 204px;
  color: rgba(53, 137, 255, 1);
  border: 1px solid rgba(53, 137, 255, 1);
}

@keyframes animate-circle-win-purple_download {
  0% {
    background-position: left 7px;
  }

  100% {
    background-position: left 14px;
  }
}

.custom-download.circle-win-purple_download strong {
  padding-left: 30px;
  background: url(../img/custom-download/05.gif) no-repeat left center;
  background-size: 24px auto;
  /* animation:animate-circle-win-purple_download 1s infinite; */
}

.custom-download.circle-win-purple_download:hover {
  border: 1px solid #3589ff;
}

.custom-download.circle-win-purple_download:active {
  border: 1px solid #2A6ECC;
}

.custom-download.arrow-left-black_download {
  width: 212px;
  color: #fff;
  background: rgba(192, 143, 255, 1);
}

.custom-download.arrow-left-black_download strong {
  position: relative;
  font-weight: normal;
  padding-left: 30px;
  padding-right: 30px;
  background: url(../img/custom-download/06.png) no-repeat left center;
  background-size: 20px auto;
}

@keyframes animate-arrow-left-black_download {
  0% {
    background-position: left 7px;
  }

  100% {
    background-position: left 14px;
  }
}

@-webkit-keyframes download-icon-animation {
  0% {
    background-position: center center;
    background-size: contain
  }

  5% {
    background-position: center -2px;
    background-size: contain
  }

  10% {
    background-position: center 3px;
    background-size: 100% 110%
  }

  15% {
    background-position: center -2px;
    background-size: 100% 90%
  }

  20% {
    background-position: center center;
    background-size: contain
  }
}

.custom-download.arrow-left-black_download strong:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  border-radius: 100%;
  background: url(../img/custom-download/down.png) no-repeat center center;
  background-size: contain;
  animation: download-icon-animation 4s infinite;
}

.custom-download.arrow-left-black_download:hover {
  transform: translateY(-2px);
  box-shadow: 0px 4px 4px #c08fff66;
}

.custom-download.arrow-left-black_download:active {
  box-shadow: none;
}





/* .custom-download.arrow-left-black_download:hover strong:after {
animation:animate-arrow-left-black_download 1s infinite;
} */

.custom-download.win-green_download {
  width: 204px;
  color: #fff;
  border-radius: 30px;
  background: rgba(0, 97, 255, 1);
}

.custom-download.win-green_download strong {
  font-weight: normal;
  padding-left: 30px;
  background: url(../img/custom-download/02.png) no-repeat left center;
  background-size: 20px auto;
}

.custom-download.win-green_download:hover {
  background: linear-gradient(#ffffff1a, #ffffff1a), #0061ff;
}

.custom-download.win-green_download:active {
  background: #0061ff;
}

#article-content .custom-download strong {
  color: inherit;
}

.blog-banner {
  padding-top: 48px;
  padding-bottom: 12px;
  background: rgba(245, 247, 250, 1);
}

.blog-banner * {
  font-family: 'Poppins, Poppins-Regular';
}

.blog-banner h3 {
  margin: 0;
  font-weight: normal;
  color: #333;
  font-size: 36px;
  line-height: 48px;
}

.blog-banner p {
  font-size: 22px;
  color: #464646;
}

.blog-banner .btn1,
.blog-banner .btn2 {
  width: 200px;
  height: 60px;
  line-height: 60px;
  padding: 0;
  border-radius: 4px;
  font-size: 16px;
  border: 0;
  font-weight: bold;
  text-align: center;
}

.blog-banner .btn1 {
  background: rgba(0, 249, 179, 1);
}

.blog-banner .btn1:hover span {
  display: none !important;
}

.blog-banner .btn1:hover img {
  display: inline-block !important;
}

.blog-banner .btn2 {
  margin-left: 15px;
  background: rgba(255, 214, 107, 1);
}

.blog-banner .btn2:hover span {
  display: none !important;
}

.blog-banner .btn2:hover img {
  display: inline-block !important;
}

.blog-banner ol,
.blog-banner li {
  position: relative;
  margin: 0;
}

.blog-banner li {
  padding-left: 10px;
  height: 1.5em;
  line-height: 1.8em;
}

.blog-banner li:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-20%);
  display: block;
  content: '';
  width: 5px;
  height: 5px;
  background: #464646;
  border-radius: 50%;
}

.blog-banner ol {
  font-size: 14px;
  color: #464646;
}

.blog-summary+#outline {
  margin-top: 25px;
}

#outline {
  padding: 24px 64px;
  background-color: #f8f8f9;
}

#outline span {
  cursor: pointer;
  color: #1f87ff;
  font-size: 16px;
  font-weight: 500;
}

#outline ul,
#outline li {
  margin: 0;
  padding: 0;
  list-style: none !important;
}

/* #outline li {
margin-top: 8px;
} */
#outline a {
  font-size: 16px;
  color: #1f87ff;
  line-height: 16px;
}

#outline .h2 {
  position: relative;
  padding-left: 12px;
  font-weight: bold;
}

#outline .h2:before {
  position: absolute;
  left: 0;
  top: 16px;
  display: block;
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #1f87ff;
}

#outline .h3 {
  /* display: none; */
  padding-left: 32px;
}

#outline .h3 a {
  font-size: 14px;
}

#page-main .blog-download-with-des.free-ebooks {
  background-color: #eef2f6;
}

.btn-dl {
  user-select: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.btn-dl.slider-default {
  width: 172px;
  height: 54px;
  border-radius: 60px;
  color: rgb(26, 26, 26);
  position: relative;
  z-index: 1;
  transition: color .5s ease-in-out .5s;
  background-color: rgb(207, 177, 255);
  overflow: hidden;
}

.slider-default:hover {
  color: #262626;
}

.slider-default::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 0;
  height: 100%;
  left: 0;
  border-radius: 60px;
  background-color: rgb(184, 141, 255);
  transition: ease-in-out .5s;
}

.slider-default:hover::before {
  width: 100%;
}

.btn-dl.slider-primary {
  position: relative;
  z-index: 1;
  /* width: 208px; */
  padding-left: 26px;
  padding-right: 26px;
  height: 54px;
  border-radius: 12px;
  background: rgba(194, 156, 255, 1);
  color: rgb(255, 255, 255);
  overflow: hidden;
}

.btn-dl.slider-primary em:first-child {
  margin-right: 8px;
  background-image: url(../img/custom-download/icon-apple24px.png);
}

.btn-dl.slider-primary em {
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-repeat: no-repeat;
}

.btn-dl.slider-primary em:last-child {
  color: transparent;
  margin-left: 8px;
  background-image: url(../img/custom-download/icon-download05.png);
}

.slider-primary::before {
  content: '';
  position: absolute;
  z-index: -1;
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 12px;
  background-color: rgba(53, 53, 64, 1);
  transition: ease-in-out .5s;
}

.slider-primary:hover::before {
  width: 100%;
}

.btn-dl.slider-info {
  position: relative;
  z-index: 1;
  /* width: 199px; */
  padding-left: 33px;
  padding-right: 33px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  box-sizing: border-box;
  border-radius: 27px;
  border: 1px solid rgba(51, 51, 51, 1);
  color: rgb(51, 51, 51);
  transition: color .5s linear .5s, border ease 1s;
  background-color: #fff;
  overflow: hidden;
}

.btn-dl.slider-info em {
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-image: url(../img/custom-download/icon-apple.png);
  background-position: 0;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.slider-info:hover {
  color: #fff;
  border: none !important;
}

.slider-info:hover em {
  background-position: 100%;
}

.slider-info::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 0;
  height: 54px;
  border-radius: 27px;
  top: -1px;
  left: -1px;
  background-color: rgba(51, 51, 51, 1);
  transition: ease-in-out .5s;
}

.slider-info:hover::before {
  width: 100%;
}

.btn-dl.act {
  /* width: 204px; */
  padding-left: 49px;
  padding-right: 49px;
  height: 54px;
  line-height: 54px;
  border-radius: 27px;
  color: rgb(255, 255, 255);
  background: rgba(86, 64, 224, 1);
}

.act:hover {
  box-shadow: 0px 0px 0px 5px rgba(86, 64, 224, 0.3);
}

.act:active {
  background: rgba(64, 42, 203, 1);
}

.btn-dl.act-squr {
  /* width: 199px; */
  padding-left: 34px;
  padding-right: 34px;
  height: 54px;
  border-radius: 12px;
  color: rgb(255, 255, 255);
  background: rgba(71, 70, 107, 1);
}

.btn-dl.act-squr em {
  margin-right: 8px;
  width: 20px;
  height: 20px;
  background-image: url(../img/custom-download/icon-apple20px.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

.btn-dl.act-squr:hover {
  /* width: 204px; */
  height: 54px;
  border-radius: 12px;
  background: rgba(71, 70, 107, 1);
  box-shadow: 0px 0px 0px 5px rgba(71, 70, 107, 0.3);
}

.btn-dl.act-squr:active {
  background: rgba(55, 54, 88, 1);
}

.btn-dl.act-mac {
  /* width: 213px; */
  padding-left: 20px;
  padding-right: 20px;
  height: 54px;
  border-radius: 4px;
  color: rgb(255, 255, 255);
  background: rgba(0, 135, 255, 1);
}

.btn-dl.act-mac em {
  margin-right: 8px;
  width: 20px;
  height: 20px;
  background-image: url(../img/custom-download/icon-apple20px.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

.btn-dl.act-mac:hover {
  /* width: 209px; */
  height: 50px;
}

.btn-dl.act-mac:active {
  background: rgba(0, 120, 226, 1);
}

.custom-download-wrap {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
}

.custom-download {
  width: auto !important;
  padding-left: 25px;
  padding-right: 25px;
}

#page-main .blog-download-with-des.download-with-des-anyporter {
  border-radius: 20px;
  background: rgba(239, 243, 250, 1) url(../img/custom-download/download-with-des-anyporter-bg.png) no-repeat right center;
  background-size: 100% auto;
}

#page-main .blog-download-with-des.download-with-des-anyporter a.btn-large {
  background-image: url(../img/custom-download/win.png) !important;
  background-size: 32px 32px !important;
}

#page-main .blog-download-with-des.download-with-des-screen-recorder {
  border-radius: 20px;
  background: rgba(239, 243, 250, 1) url(../img/custom-download/download-with-des-recorder-bg.png) no-repeat right center;
  background-size: 100% auto;
}

#page-main .blog-download-with-des.download-with-des-screen-recorder a.btn-large {
  background-image: url(../img/custom-download/win.png) !important;
  background-size: 32px 32px !important;
}

.table-green-header,
 .table-white-header {
    width: 100%!important;
    table-layout: fixed; 
    word-break:break-all;
    word-wrap:break-word;
    border: 1px solid #e6e6e6;
 }

 .table-green-header th,
 .table-green-header td,
 .table-white-header th,
 .table-white-header td {
    width: auto!important;
    padding: 5px;
 }

 #article-content .table-green-header p,
 #article-content .table-white-header p {
    margin: 0;
 }

 /* table-green-header */
.table-green-header {
  margin: auto;
  margin-top: 20px;
  text-align: center;
  border-collapse: collapse;
  max-width: 960px;
}
.table-green-header thead th {
  height: 32px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
.table-green-header tbody td {
  height: 44px;
  font-size: 12px;
  color: #485056;
}
.table-green-header tr td:first-child {
  width: 160px;
}
.table-green-header tr td {
  width: 140px;
  box-sizing: border-box;
}
.table-green-header thead tr th {
  background: #14B488;
}
.table-green-header thead tr th {
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
}
.table-green-header thead tr th:last-child {
  border-right: 1px solid #e6e6e6;
}
.table-green-header tbody tr td {
  background: #f8fafd;
  border-left: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.table-green-header tbody tr td:last-child {
  border-right: 1px solid #e6e6e6;
}
/* table-green-header */

/* table-white-header */
.table-white-header {
  margin: auto;
  margin-top: 20px;
  text-align: center;
  border-collapse: collapse;
  max-width: 960px;
}

.table-white-header thead th .table-white-header__btn-download {
  display: inline-block;
  margin-left: 5px;
  width: 105px;
  height: 32px;
  line-height: 32px;
  border-radius: 32px;
  background: #07be8b;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
.table-white-header thead th .table-white-header__btn-download:hover {
  background: rgba(7, 190, 138, 0.86);
}
.table-white-header thead th .table-white-header__btn-download:active {
  background: rgb(7, 190, 139);
  text-decoration: none;
}
.table-white-header thead th,
.table-white-header tbody td {
  width: 240px;
  height: 64px;
  box-sizing: border-box;
  word-break:break-all;
  padding-left: 16px;
  padding-right: 16px;
}

.table-white-header thead tr th {
  background: #ffffff14;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  border-left: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
}
.table-white-header thead tr th:last-child {
  border-right: 1px solid #e7e7e7;
}
.table-white-header tbody tr td {
  line-height: 20px;
  font-size: 12px;
  color: #485056;
  border-left: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
}
.table-white-header tbody tr:last-child td {
  height: 44px;
  border-bottom: 1px solid #e6e6e6;
}
.table-white-header tbody tr td:last-child {
  border-right: 1px solid #e6e6e6;
}
/* table-white-header */

@media(max-width:979px) {
  .sidebar {
    padding-left: 0;
  }
  #page-footer {
    padding-bottom: 60px;
  }
}