@media screen and (max-width: 1024px) {

    .slideshow-area .swiper-slide{
        margin-top:0px
    }

    .home-about-container .title-1 {
        padding: 0 5%;
    }

    .sub-menu-container .nav-item {
        padding: 5px 9px;
        margin-right: 5px;
    }

    .contact-item .label.inner-item {
        padding-left: 20px;
        width: 100px;
    }

    .contact-item .label {
        width: 120px;
    }

    .contact-item .detail {
        float: left;
        width: calc(100% - 120px);
    }

    .contact-item {
        margin: 20px 0;
    }

    .contact-content {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .input-area .submit-btn {
        width: 90%;
    }

    .contact-form {
        float: none;
        width: calc(100% - 20px);
        padding: 30px 0 30px 20px;
    }

    .editor-area .page-title {
        font-size: 24px;
    }

    .about-us-left {
        float: none;
        width: 100%;
    }

    .about-us-right {
        display: none;
    }

    .top-container {
        margin-top: 53px;
        padding-top: 50px;
        min-height: 150px;
    }

    .responsive-nav {
        display: block;
    }

    .header {
        display: none;
    }

    .responsive-nav-menu {
        display: block;
    }

    .slideshow-area {
        width: 100%;
    }

    .home-gallery-btn-prev {
        display: none;
    }

    .home-gallery-btn-next {
        display: none;
    }

    .main-area {
        width: 90%;
        padding: 0 5%;
    }

    .tech .main-area .tech-inner-container .element-part {
        width: 50%;
        margin: 0 auto;
        float: left;
    }

    .tech {
        height: auto;
        background: repeat;
        background-size: cover;
    }

    .tech .main-area .title {
        font-size: 40px;
    }

    .tech .main-area .sub-title {
        font-size: 15px;
    }

    .tech .main-area .tech-inner-container .element-part {
        height: 250px;
    }

    .home-about-container {
        height: auto;
        padding-top: 30px;
        background-position: center;
    }

    .home-about-container-bottom {
        height: auto;
        padding-top: 30px;
        background-position: center;
    }

    .deposit-about-container {
        height: 385px;
        padding-top: 130px;
    }

    .deposit-about-container .title-2 {
        font-size: 22px;
        width: 90%;
        margin: 0 auto;
    }

    .home-customer-service-container {
        height: 385px;
        padding-top: 110px;
        background-position: center;
    }

    .home-customer-service-container .title-2 {
        font-size: 22px;
        width: 90%;
        margin: 0 auto;
    }

    .home-news-container .container-title {
        width: 90%;
        margin: 0 auto;
    }

    .home-news-container .news-item-container {
        float: none;
        width: 80%;
        margin: 25px auto;
    }

    .home-news-container .news-item-container .left-image {
        width: 100%;
        float: none;
        text-align: center;
    }

    .home-news-container .news-item-container .right-detail {
        float: none;
        width: 100%;
    }

    .news-item-container a {
        text-decoration: none;
    }

    .home-news-container {
        padding: 30px 0;
    }

    .footer-item {
        width: 37%;
        margin: 0 0 20px 10%;
    }

    .copyright .cr-left {
        width: 100%;
        float: none;
    }

    .copyright .cr-right {
        width: 100%;
        float: none;
    }

    .copyright .cr-left ul {
        display: inline-block;
        margin: 0 auto;
    }

    .copyright .cr-right {
        text-align: center;
    }

    .slideshow-main-area {
        width: 100%;
        height: 60vw;
    }

    .slideshow-main-area .slideshow-textarea .slideshow-title {
        font-size: 26px;
        padding: 0 15px;
    }

    .slideshow-main-area .slideshow-textarea .slideshow-text {
        font-size: 18px;
        padding: 0 15px;
    }

    .slideshow-main-area .slideshow-more {
        min-width: 0;
        font-size: 14px;
        padding: 5px 10px;
    }

    .swiper-pagination.slide-page-home {
        bottom: 10px !important;
    }

    .swiper-pagination-bullet-active {
        width: 14px;
        height: 14px;
    }

    .swiper-pagination-bullet {
        width: 14px;
        height: 14px;
    }

    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 3px;
    }

    .content-container .inner-nav {
        width: 100%;
        float: none;
        margin: 0;
    }

    .content-container .inner-content-container {
        width: 100%;
        float: none;
        padding: 40px 0;
        background-position: 5px 5px, calc(100% - 5px) calc(100% - 5px);
    }

    .content-container .inner-content-container .content-area {
        margin: 0 auto;
    }

    .editor-area img, .editor-area iframe, .editor-content img, .editor-content iframe {
        max-width: 100%;
        height: auto !important;
        margin: 10px 0 !important;;
    }

    .editor-area table, .editor-content table {
        overflow: auto;
        max-width: 100%;
        width: 100% !important;
    }

    .footer-item:nth-child(7) {
        width: 70% !important;
        margin-left: 10% !important;
    }

    .slideshow-main-area .slideshow-textarea {
        top: 20%;
    }

    .slideshow-main-area .slideshow-more {
        top: 38%;
        margin-top: 15px;
    }

    .inner-news-item-container .left-image {
        width: 100%;
        float: none;
        text-align: center;
    }

    .inner-news-item-container .right-detail {
        float: none;
        width: 100%;
    }

    .inner-news-item-container a {
        text-decoration: none;
    }

    .web-pagination ul li {
        font-size: 14px;
        margin: 0 5px;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .web-pagination ul li a {
        font-size: 14px;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .web-pagination ul {
        width: 100%;
    }

    .inner-download-item-container {
        width: calc(100% - 30px);
    }

    .web-pagination ul li:last-child a, .web-pagination ul li:first-child a {
        width: 100%;
    }

    .web-pagination ul li:first-child, .web-pagination ul li:last-child span, .web-pagination ul li:last-child a {
        width: 70px;
    }

    .contact-form .input-row input, .contact-form .input-row textarea {
        margin: 0;
        width: 90%;
    }

    .contact-form .input-row .label {
        width: auto;
    }

    .slide-container {
        padding-top: 55px;
    }

    .content-container .inner-nav ul li.level2-li {
        width: 100%;
    }

    .home-info-container {
        padding: 30px 0;
        height: auto;
    }

    .home-info-container .left .title {
        font-size: 30px;
    }

    .home-info-container .left .sub-title {
        font-size: 25px;
    }

    .tech .main-area {
        padding: 20px 5%;
    }

    .futures-service-container {
        padding: 20px 0;
        height: auto;
    }

    .futures-service-container .title {
        max-width: 100%;
        font-size: 35px;
    }

    .futures-service-container .description {
        max-width: 100%;
    }

    .home-about-container .title-2 {
        max-width: 100%;
        padding: 0 5px;
    }

    .home-about-container .more-btn {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .software-service-container {
        padding: 30px 0 170px 0;
        height: 260px;
    }

    .software-service-container .title {
        max-width: 100%;
        letter-spacing: 1px;
        font-size: 30px;
    }

    .software-service-container .sub-title {
        max-width: 100%;
        letter-spacing: 1px;
        font-size: 18px;
    }

    .software-service-container .description {
        max-width: 100%;
        line-height: 150%;
    }

    .software-service-container .description p {
        margin: 5px 0;
    }

    .editor-area p {
        line-height: 170%;
    }

    .software-button-container .software-item {
        width: 23%;
        height: 100px;
    }

    .software-button-container .software-item.item-1 {
        background-position: center -2px;
        background-size: 35%;
        width: 48%;
        margin: 5px 1%;
    }

    .software-button-container .software-item.item-2 {
        background-position: center -2px;
        width: 48%;
        background-size: 35%;
        margin: 5px 1%;
    }

    .software-button-container .software-item.item-3 {
        background-position: center -2px;
        width: 48%;
        background-size: 35%;
        margin: 5px 1%;
    }

    .software-button-container .software-item.item-4 {
        background-position: center -2px;
        width: 48%;
        background-size: 35%;
        margin: 5px 1%;
    }

    .software-button-container .software-item span {
        bottom: 5px;
        font-size: 13px;
        line-height: 120%;
    }

    .software-button-container {
        height: 250px;
    }

    .software-service-container .more-btn {
        margin-top: 15px;
    }

    .contact-container .contact-left {
        float: none;
        width: 100%;
        margin-top: 0;
    }

    .contact-container .contact-right {
        float: none;
        width: calc(100% - 20px);
        padding: 10px 10px 0 10px;
        margin-top: 15px;
    }

    .contact-container .contact-right br {
        display: none;
    }

    .contact-container {
        height: auto;
        padding: 20px 0 0 0;
        background-size: cover;
    }

    .contact-container .contact-right .contact-item-container {
        width: 100%;
        float: none;
    }

    .contact-container .contact-right .follow-container {
        width: 100%;
        float: none;
    }

    .copyright {
        height: auto;
        line-height: 150%;
        padding: 7px 0;
    }

    .copyright .cr-right ul {
        float: left;
    }

    .home-info-container .left {
        float: none;
        width: 100%;
    }

    .home-info-container .right {
        float: none;
        width: 100%;
    }

    .home-info-container .dark-mask {
        display: none;
    }

    .home-info-container .right .title {
        padding-left: 0;
    }

    .home-info-container .right .editor-area {
        padding-left: 0;
    }

    .home-info-container .right .btn-a {
        margin-left: 0;
    }

    .more-btn {
        font-size: 14px;
        padding: 7px 15px;
    }

    .home-about-container .top-image img {
        max-width: 80%;
    }

    .home-about-container .title-1 {
        font-size: 20px;
    }

    .home-about-container .title-2 {
        font-size: 17px;
    }

    .home-about-container .title-3 {
        font-size: 17px;
    }

    .security-and-futures .left {
        float: none;
        width: 100%;
        height: 300px;
        padding-top: 30px;
    }

    .security-and-futures .right {
        float: none;
        width: 100%;
        height: 300px;
        padding-top: 30px;
    }

    .security-and-futures {
        height: auto;
    }

    .security-and-futures .more-container {
        bottom: 40px;
    }

    .security-and-futures .description {
        padding: 0 2%;
    }

    .reliable-area .reliable-content .text .title {
        font-size: 20px;
    }

    .reliable-area .reliable-content .text .sub-title {
        font-size: 17px;
    }

    .reliable-area .reliable-content .left-img {
        float: none;
        text-align: center;
    }

    .reliable-area .reliable-content .left-img img {
        max-width: 40px;
    }

    .reliable-area .reliable-content .text {
        margin-left: 2px;
        margin-top: 5px;
        float: none;
        text-align: center;
    }

    .reliable-area {
        height: auto;
        padding: 20px 0;
    }

    .footer {
        padding: 60px 0 10px 0;
    }

    .footer .left {
        float: none;
        width: 100%;
        border-right:none;
        padding-bottom: 10px;
        border-bottom: 1px solid #e3e3e3;
    }

    .footer .right {
        float: none;
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }

    .footer .menu-container, .footer .statement-container {
        font-size: 14px;
    }

    .footer-menu-parent {
        width: 100%;
        margin: 5px 0 5px 0;
    }

    .footer-menu-parent {
        float: none;
    }

    .footer-menu-parent.ft-login{
        margin-top: 10px;
    }

    .footer .right ul li{
        margin: 5px 0;
        font-size: 13px;
    }

    .show-item{
        line-height: 38px;
    }

    .road-show{
        height: 38px;
    }

    .content-container .inner-content-container .nav-area{
        float: none;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        max-width: none;
    }

    .content-container .inner-content-container .content-area{
        float: none;
        width: 100%;
    }

    .content-container .inner-content-container .nav-area .nav-container{
        position: static;
    }

    .content-container .inner-content-container .nav-area .nav-title{
        height: auto;
        line-height: 100%;
        padding: 10px 0 ;
    }

    .content-container .inner-content-container .nav-area .nav-list{
        width: 100%;
        max-width: none;
    }

    .content-container .inner-content-container .nav-area .nav-list li{
        max-width: calc(100% - 45px);
    }

    .content-container .inner-content-container .nav-area .nav-list .nav-item-lv3{
        margin-left: 0;
        width: 100%;
    }

    .content-container .inner-content-container .content-area .website-path .path-line{
        width: 100%;
    }

    .content-container .inner-content-container .content-area .website-path .path-head{
        float: none;
    }

    .content-container .inner-content-container .content-area .website-path .detail-path{
        float: none;
        margin-top: 10px;
        padding-bottom: 10px;
        font-size: 14px;
    }

    i.arrow{
        margin: 2px 2px 0 2px;
    }

    .content-container .inner-content-container .content-area .website-path .path-head{
        margin-left: 20px;
    }

    .content-container .inner-content-container .content-area .website-path .path-head img{
        left:-20px;
    }

    .content-container .inner-content-container .content-area .website-path br{
        display: none;
    }


    select.nav-selector{
        display: block;
        -webkit-appearance: button;
        -webkit-border-radius: 2px;
        -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
        -webkit-padding-end: 20px;
        -webkit-padding-start: 2px;
        -webkit-user-select: none;
        background-image: url(https://web.archive.org/web/20240616170846im_/http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
        background-position: 97% center;
        background-repeat: no-repeat;
        border: 1px solid #AAA;
        color: #555;
        font-size: 15px;
        overflow: hidden;
        padding: 5px 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        margin-top: -2px;
    }

    .nav-list{
        display: none;
    }

    .file-container .file-item .left, .file-container .file-item .right{
        float: none;
        width: 100%;
    }

    .file-container .file-item br{
        display: none;
    }

    .file-container .file-item .right .item-lang, .file-container .file-item .right .item-content, .file-container .file-item .right .item-intro{
        float: none;
        width: calc(100% - 10px);
        border-left: none;
        border-right: none;
        padding: 5px;
    }

    .news-detail-container{
        overflow: hidden;
    }


    .contact-container .top .left, .contact-container .top .right{
        float: none;
        width: 100%;
    }

}


@media screen and (max-width: 370px) {
    .slideshow-main-area .slideshow-textarea {
        top: 10%;
    }
}


/*
     FILE ARCHIVED ON 17:08:46 Jun 16, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 02:31:49 Oct 07, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.504
  exclusion.robots: 0.02
  exclusion.robots.policy: 0.009
  esindex: 0.011
  cdx.remote: 374.074
  LoadShardBlock: 102.702 (3)
  PetaboxLoader3.datanode: 326.186 (5)
  load_resource: 1052.751
  PetaboxLoader3.resolve: 579.649
  loaddict: 388.237
*/