<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

@media only screen and (min-width:992px) and (max-width:1199px) {
  h1 {
    font-size: 46px
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  h1 {
    font-size: 40px
  }
}

@media only screen and (max-width:767px) {
  h1 {
    font-size: 34px
  }
}


@media only screen and (min-width:992px) and (max-width:1199px) {
  h2 {
    font-size: 32px
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  h2 {
    font-size: 30px
  }
}

@media only screen and (max-width:767px) {
  h2 {
    font-size: 26px
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  h3 {
    font-size: 22px
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  h3 {
    font-size: 20px
  }
}

@media only screen and (max-width:767px) {
  h3 {
    font-size: 20px
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  h4 {
    font-size: 18px
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  h4 {
    font-size: 18px
  }
}

@media only screen and (max-width:767px) {
  h4 {
    font-size: 18px
  }
}
@media only screen and (max-width:767px) {
  h5 {
    font-size: 16px
  }
}
@media only screen and (max-width:479px) {
  .scroll-top {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .section-space--pt_150 {
    padding-top: 100px
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .section-space--pt_150 {
    padding-top: 80px
  }
}

@media only screen and (max-width:767px) {
  .section-space--pt_150 {
    padding-top: 60px
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .section-space--ptb_120 {
    padding-top: 80px;
    padding-bottom: 80px
  }
}

@media only screen and (max-width:767px) {
  .section-space--ptb_120 {
    padding-top: 60px;
    padding-bottom: 60px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .section-space--pt_120 {
    padding-top: 80px
  }
}

@media only screen and (max-width:767px) {
  .section-space--pt_120 {
    padding-top: 60px
  }
}



@media only screen and (min-width:768px) and (max-width:991px) {
  .section-space--pb_120 {
    padding-bottom: 80px
  }
}

@media only screen and (max-width:767px) {
  .section-space--pb_120 {
    padding-bottom: 60px
  }
}



@media only screen and (min-width:768px) and (max-width:991px) {
  .section-space--ptb_100 {
    padding-top: 80px;
    padding-bottom: 80px
  }
}

@media only screen and (max-width:767px) {
  .section-space--ptb_100 {
    padding-top: 60px;
    padding-bottom: 60px
  }
}


@media only screen and (min-width:768px) and (max-width:991px) {
  .section-space--pt_100 {
    padding-top: 80px
  }
}

@media only screen and (max-width:767px) {
  .section-space--pt_100 {
    padding-top: 60px
  }
}


@media only screen and (min-width:768px) and (max-width:991px) {
  .section-space--pb_100 {
    padding-bottom: 80px
  }
}

@media only screen and (max-width:767px) {
  .section-space--pb_100 {
    padding-bottom: 60px
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .section-space--ptb_90 {
    padding-top: 60px;
    padding-bottom: 60px
  }
}

@media only screen and (max-width:767px) {
  .section-space--ptb_90 {
    padding-top: 40px;
    padding-bottom: 40px
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .section-space--pt_90 {
    padding-top: 60px
  }
}

@media only screen and (max-width:767px) {
  .section-space--pt_90 {
    padding-top: 40px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .section-space--pb_90 {
    padding-bottom: 60px
  }
}

@media only screen and (max-width:767px) {
  .section-space--pb_90 {
    padding-bottom: 40px
  }
}







/*æ‰‹æœºç«¯*/

@media (min-width:992px) {
  .clean-card {
    margin-bottom: 0
  }

  .clean-blog-post h3 {
    padding-top: 0
  }

  .clean-block.clean-post .post-image {
    height: 500px
  }

  .clean-block.clean-post .post-body {
    padding: 70px 150px
  }

  .clean-block.clean-testimonials .item {
    margin-bottom: 0
  }

  .clean-block.clean-post .post-body {
    padding: 70px 100px
  }

  .clean-block.clean-post .post-body h4 {
    padding-top: 50px
  }
}


/*éšè—ç§»åŠ¨å¯¼èˆª*/
/*ä»¥ä¸‹
@media (min-width: 375px) {
  html {
    font-size: 25px;
  }
}

@media (min-width: 360px) {
  html {
    font-size: 24px;
  }
}
@media (min-width: 330px) {
  html {
    font-size: 22px;
  }
}
@media (min-width: 320px) {
  html {
    font-size: 21.33px;
  }
}æ˜¯ç§»åŠ¨ç«¯ä»£ç&nbsp;*/
@media screen and (max-width: 960px) {
  body {
    width: 100%;
  }

  #jsudo-footer {
    width: 100%;
  }
.prevpage.btn, .nextpage.btn{
    height: 100%;
}
.author-blog-thum img{
    width: 100%;
}
.mob-display-block{
    display: block;
}
  /*éšè—PCå¤šä½™éƒ¨åˆ†*/
  .pc-header,
  .end-main,
  #right-xbj,
  .footer-pc-main,
  .jsudo-nav span {
    display: none !important;
  }

  .header {
    display: none;
  }

  body {
    clear: both;
  }



  /*ä»¥ä¸‹æ˜¯å¯¼èˆªèœå•*/
  .m-header,
  .footer-h5-main {
    display: block;
  }
.mb-header-box{
    display: block!important;
}
  /*æ˜¾ç¤ºç§»åŠ¨å¯¼èˆª
  .logo {
    position: absolute;
    top: 10px;
    left: 10px;
    padding-left: 60px;
    width: 260px;
    height: 70px;
    font-size: 10px;
    background: url(https://www.jsudo.com/images/jsudo_logo_dh.png) no-repeat;
    background-size: 100%;
  }*/

  .logo .cloud {
    display: inline-block;
    width: 100%;
  }


.mob-display-none{
    display: none;
}

.header-bottom-area .container .align-items-center{
    background: #fff;
}
.sub-menu li{
    float: none;
}
.blog-details-wrapper .container{
    margin: 0!important;
    padding: 15px!important;
}


  .footer {
    width: 100% !important;
  }
    .footer .footer-tag-list {
        background: none;
    }
  .footer-h5-main {
    margin: auto;
    padding-top: 15px;
    border-top: 1px solid rgb(45, 45, 45);
    position: relative;
    height: 120px;
    width: 100%;
    background-color: #17181b;
  }
  .mob-display-block{
    display: block!important;
}
}




@media (min-width:768px) {

  .clean-block.clean-info.right&gt;.container&gt;.row {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }


.mob-display-block{
    display: block!important;
}
  
 .footer-main .footer .container{
      background: none;
  }
     .footer .footer-tag-list {
        background: none;
    }
 .page-footer ul li {
    position: relative;
    padding-left: 10px
  }
.mob-display-none{
    display: none;
}
.blog-details-meta-box,.blog-details-meta-box ,.post-meta-left-side{
    clear: both;
    margin: 0;
    padding: 0;
}
  .page-footer ul li:after,
  .page-footer ul li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 6px;
    border-radius: 2px;
    background-color: #007bff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  .page-footer ul li:before {
    top: 9px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  .page-footer ul li:after {
    top: 13px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }

  .clean-block.clean-info {
    padding-left: 0;
    padding-right: 0;
    text-align: inherit
  }

  .clean-block.clean-info h3 {
    margin-top: 0
  }

  .clean-block.clean-cart .items .product {
    padding: 0;
    text-align: left
  }

  .clean-block.clean-cart .items .product:not(:last-child) {
    padding-top: 0;
    padding-bottom: 25px
  }

  .clean-block.clean-cart .items .product .price {
    font-weight: 700;
    font-size: 22px
  }

  .clean-block.clean-cart .items .product .quantity {
    text-align: center
  }

  .clean-block.clean-cart .items .product .quantity .quantity-input {
    margin: auto;
    padding-left: 15px;
    padding-right: 5px
  }

  .clean-block.clean-cart .items .product .product-name {
    font-size: 1em
  }

  .clean-block.clean-cart .items .product .product-info {
    padding: 0 15px 0 1.5em
  }

  .clean-block.clean-post .post-image {
    height: 400px
  }

  .clean-block.clean-blog-list .block-content {
    padding: 80px
  }

  .clean-blog-post {
    padding-bottom: 70px
  }

  .clean-block.add-on {
    -ms-flex-direction: row;
    flex-direction: row
  }

  .clean-block.add-on.call-to-action h3,  .clean-block.add-on.sponsors a:not(:last-child) img {
    margin-right: 20px;
    margin-bottom: 0
  }

  .clean-block.add-on.newsletter-sign-up h2 {
    margin-bottom: 0
  }

  .clean-block.add-on.newsletter-sign-up input {
    max-width: 200px;
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 10px
  }

  .clean-block.clean-catalog .filters {
    padding-top: 30px
  }

  .clean-block.clean-catalog .products {
    padding: 30px 30px 30px 0
  }

  .clean-block.clean-catalog .products .clean-product-item .product-name {
    text-align: left
  }

  .clean-block.clean-catalog .products .row:first-of-type {
    border-top: 1px solid #e8e6e6;
    border-left: 1px solid #e8e6e6
  }

  .clean-block.clean-catalog .products .clean-product-item {
    border-right: 1px solid #e8e6e6
  }

  .clean-block.clean-product .block-content {
    padding: 40px
  }

  .clean-block.clean-product .tab-content .description .right {
    text-align: right
  }
 .clean-block.clean-services .row div:last-child .card {
    margin-bottom: 0
  }
  .mob-breadcrumb-area{
      margin: 0;
      padding-bottom: 0;
  }
  .footer-widget {
    max-width: 100%;
    display: none;
  }
  .footer .copy-right,.footer .footer-tag-list{
      margin: 0;
      padding: 0;
  }
  .copy-right{
      margin: 0;
      padding: 0!important;
  }

  
}








@media (min-width:576px) {
  .clean-block .block-heading {
    padding-top: 80px
  }
 .navbar {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
  }
.page-footer {
    text-align: left
  }
  .clean-navbar.fixed-top+.page {
    padding-top: 5rem
  }

  .clean-block.clean-hero {
    min-height: 680px
  }

  .clean-block.clean-hero .text {
    padding: 0
  }

  .clean-block.clean-block.clean-gallery .item {
    margin-bottom: 40px
  }

  .clean-block.payment-form .title {
    font-size: 1.2em
  }

  .clean-block.payment-form .products {
    padding: 40px
  }

  .clean-block.payment-form .products .item-name,
  .clean-block.payment-form .products .price {
    font-size: 1em
  }

  .clean-block.payment-form .card-details {
    padding: 40px 40px 30px
  }

  .clean-block.payment-form .card-details button {
    margin-top: 2em
  }
  
@media only screen and (max-width:767px) {
  .author-blog-post-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    clear: both;
  }

  .blog-details-meta-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    display: none;
  }
}







@media screen and (max-width:400px) {
  .sp-wrap {
    margin: 0 0 15px
  }

  #sp-next,
  #sp-prev {
    top: auto;
    margin-top: 0;
    bottom: 25px
  }
   
}


</pre></body></html>