﻿@media(max-width:1600px) {
.container {max-width: 1280px; margin:auto; padding:0 15px;}
header {margin-top: 40px;}
section.en_ban {padding-top: 140px; padding-bottom: 180px;}
.ban_l {width: 50%;}
.ban_l h1 {width: 420px; font-size: 85px; line-height: 75px;}
.ban_l p.a_light {font-size: 26px; line-height: 30px; width: 580px;}
.ban_r {width: 50%; margin: 0; padding: 0 0 0 50px;}
.d_business {padding-top: 100px;}
.bs_hd {font-size: 70px; line-height: 80px;}
.b_cont {padding: 70px 30px 130px;}
.bImg-cont>div {width: 530px;}
.bImg-text {margin-top: 20px; font-size: 24px; line-height: 28px;}
.gt_business {padding: 100px 0 140px;}
.gHd {font-size: 75px; line-height: 70px;}
.gt_hd {font-size: 34px; line-height: 32px; margin-bottom: 20px;}
.gt_para {width: 536px; font-size: 22px; line-height: 26px;}
.gt-r {width: 50%;}
.gt-r .f_mob {width: 72%;}
.s_mob {width: 72%; right: -50px;}
.ph_owner {padding-top: 200px; padding-bottom: 120px;}
.ph-l h1 {font-size: 80px; line-height: 80px;}
.man_chat {width: 380px;}
p.ch_txt {font-size: 24px; line-height: 26px;}

.gr_boss {padding-top: 140px; padding-bottom: 140px;}
.boss_hd {font-size: 70px; line-height: 70px; margin-bottom: 35px;}
.boss_cont {height: 775px; width: 620px;}
.bs_bx p.a_bold {font-size: 22px; line-height: 28px;}
.bs_bx p {font-size: 18px; line-height: 24px; color: #fff;}
.bs1 {width: 270px;}
.bs2 {width: 240px;}
.bs3 {width: 260px;}
.bs4 {width: 250px;}
.hiwCon {padding: 80px 0 40px 0;}
.hiwInner {max-width: 1100px;}
.hiwInner .lft {width:54%;}
.hiwInner .rgt {width: 46%;}
.hiwHd {font-size: 50px;}
.hiwList li {font-size: 22px; line-height: 30px;}
.fnf {padding: 120px 0 100px;}
.fnf_hd-bx h1 {font-size: 70px; line-height: 70px;}
.fnf_hd-bx img {width: 60px;}
.fnf p {font-size: 26px; line-height: 34px; margin: 40px auto 0;}
.dw_app {padding: 120px 0;}
.dw_app h1 {font-size: 50px; line-height: 60px; margin-bottom: 50px;}
.ftr_sec {padding: 80px 40px;}

.merchantTop {padding:80px 0;}
.merchantTop .heading {font-size: 60px; line-height: 60px;}
.merchantTop .img {width: 380px;}
.merchantTop .subHd {font-size: 26px;}
.merchantHd {font-size: 75px; line-height: 75px;}
.merchantList {max-width: 800px;}
.merchantList li {font-size: 26px; line-height: 36px;}
.merchantList li:before {top: 14px;}
.tcText {font-size: 18px;}
.listText {max-width: 1100px;}
.listText li {font-size: 26px; line-height: 36px;}
.listText li:before {top: 14px;}
.contactList {max-width: 800px;}
.contactList ul li {font-size: 26px; line-height: 36px;}
.contactList li:before {top: 14px;}
.contactBot {font-size: 26px; line-height: 36px;}
.topHBox .heading span {font-size: 50px; line-height: 50px;}
.contentBox {font-size: 26px; line-height: 36px;}
.topHBox .heading {max-width: 980px;}
.securityTop .heading {max-width: 900px;}
.securityCB .inner {font-size: 18px; line-height: 30px;}
.securityCB .inner span {font-size: 24px; padding-bottom: 15px;}
.securityMid {padding: 120px 0; font-size: 50px; line-height: 50px;}
}

@media(max-width:1279px) {
    .mainCon {padding-top: 120px;}
    .container {max-width: 960px;}
    header {margin-top: 20px;}
    .hdr_l img {width: 180px;}
    a.h-btn {font-size: 18px; padding: 10px 40px;}
    .toggle_bar {margin-left: 30px;}
    .ban_l h1 {width: 350px; font-size: 70px; line-height: 60px;}
    .ban_l p.a_light {width: 100%; font-size: 22px; line-height: 26px;}
    .dwn_hd {font-size: 26px; margin-top: 45px;}
    .ban_r {padding-left: 0;}
    .y_drop {width: 400px; height: 500px; margin: auto;}
    .man_img {left: 30%; top: -13%; width: 174px;}
    .pc_img {left: -10%; top: -19%; width: 130px;}
    .bag_img {right: -10%; top: -18%; width: 120px;}
    .dollar_img {left: -10%; top: 12%; width: 90px;}
    .juice_img {right: -6%; top: 16%; width: 90px;}
    section.en_ban {padding-bottom: 100px;}
    .d_business {padding-top: 60px;}
    .bs_hd {font-size: 55px; line-height: 50px;}
    .b_cont {padding: 40px 40px 80px;}
    .bImg-cont>div {width: 47%;}
    .bImg {border-top: 10px solid #34302E;}
    .bImg-text {margin-top: 15px; font-size: 20px; line-height: 24px;}
    .bi_1 div:last-child .bImg, .bi_2 div:last-child .bImg, .bi_3 div:last-child .bImg {margin-top: 80px;}
    .gt_business {padding: 60px 0 100px;}
    .gHd {font-size: 60px; line-height: 50px;}
    .gt-l {margin-top: 100px; margin-right: 0; width: 45%; padding-right: 40px;}
    .gt_para { width: 100%; font-size: 19px; line-height: 24px;}
    .gt-r {width: 55%;}
    .s_mob {width: 72%; right: -47px; top: 15%;}
    .ph_owner {padding-top: 100px; padding-bottom: 70px;}
    .ph-l {width: 40%;}
    .ph-l h1 {font-size: 65px; line-height: 65px;}
    .man_chat {width: 260px;}
    .ch_msg {right: -31%; width: 70px;}
    p.ch_txt {font-size: 20px; line-height: 24px; right: -300px; width: 300px;}
    .gr_boss {padding-top: 80px; padding-bottom: 80px;}
    .boss_hd {font-size: 60px; line-height: 65px; margin-bottom: 20px;}
    .boss_cont {height: 530px; width: 425px;}
    .bs_bx p {font-size: 16px; line-height: 22px;}
    .bs_bx p.a_bold {font-size: 19px; line-height: 24px;}
    .bs1 {width: 230px; left: -50%;}
    .bs2 {width: 220px; right: -45%;}
    .bs3 {width: 250px; left: -60%; top: 41%;}
    .bs4 {right: -60%; top: 51%;}
    .hiwCon {padding: 50px 0 20px 0;}
    .hiwHd {font-size: 40px;}
    .hiwList li {min-height: 80px; padding: 10px 0 10px 75px; font-size: 18px; line-height: 24px;}
    .hiwList li img {width: 60px; top: 10px;}
    .fnf {padding: 80px 0;}
    .fnf_hd-bx h1 {font-size: 55px; line-height: 55px; margin: 0 15px;}
    .fnf_hd-bx img {width: 45px;}
    .fnf p {font-size: 22px; line-height: 30px; margin: 30px auto 0; width: 100%;}
    .dw_app {padding: 60px 0;}
    .dw_app h1 {font-size: 40px; line-height: 50px; margin-bottom: 30px;}
    .ftr_sec {padding: 30px 0;}
    .ftr_wrap {width: 100%;}
    .ftr_link-bx {width: 70%;}
    .ftr_link-bx a {font-size: 20px; line-height: 26px;}
    .ftr_logo img {width: 180px;}
    .merchantTop {padding:50px 0;}
    .merchantTop .heading {font-size: 50px; line-height: 50px;}
    .merchantTop .img {width: 320px;}
    .merchantTop .subHd {font-size: 22px;}
    .merchantHd {font-size: 60px; line-height: 60px;}
    .merchantList {max-width: 700px;}
    .merchantList li {font-size: 22px; line-height: 32px;}
    .merchantList li:before {top: 14px; width: 8px; height: 8px;}
    .tcText {font-size: 16px;}
    .listText {max-width: 1000px;}
    .listText li {font-size: 22px; line-height: 32px;}
    .listText li:before {top: 14px; width: 8px; height: 8px;}
    .contactList {max-width: 700px;}
    .contactList ul li {font-size: 22px; line-height: 32px;}
    .contactList li:before {top: 14px; width: 8px; height: 8px;}
    .contactBot {font-size: 22px; line-height: 32px;}
    .topHBox .heading span {font-size: 44px; line-height: 44px;}
    .contentBox {font-size: 22px; line-height: 32px; padding-top: 40px;}
    .faqList li {margin-top: 40px;}
    .faqList li .ans {padding: 20px 0 0 0;}
    .topHBox .heading {max-width: 780px;}
    .topHBox.aboutTop .img {margin-left: -310px;}
    .mb80 {margin-bottom: 50px;}
    .securityCB {margin-top: 50px; padding: 50px 0 0 0;}
    .securityCB .inner {font-size: 16px; line-height: 24px; width: 46%;}
    .securityCB .inner span {font-size: 22px; padding-bottom: 10px;}
    .securityMid {padding: 80px 0; font-size: 40px; line-height: 40px;}
    .securityMid .container {max-width: 700px;}

    .introductionPrivacy {padding: 40px 0 0 0; font-size: 16px; line-height: 24px;}
    .introductionPrivacy span {font-size: 24px; padding-bottom: 15px;}
    .privacyBox {margin-top: 40px; padding-bottom:80px;}
    .privacyBox:after {width: 42px; height: 42px; border: 3px solid #0172F4; left: -28px;}
    .privacyInner {font-size: 16px; line-height: 24px; padding: 0 0 0 60px;}
    .privacyInner:before {width: 16px; height: 16px; left: -8px;}
    .privacyInner span {font-size: 24px; padding-bottom: 15px;}
    .privacyInner ul {padding: 15px 0 0 0;}
    .privacyInner ul.mt0 {padding-top: 0;}
    .privacyInner ul li {margin-bottom: 15px;}
    .privacyInner ul li:before {top: 9px;}

    .infoBox {font-size: 17px;}
    .socialLink {margin: 0 -5px;}
    .socialLink li {padding: 20px 5px 0 5px;}
    .footerText {width: 50%;}
}

@media(max-width:999px) {
    .container {max-width: 768px;}
    header {margin-top: 10px;}
    .hdr_l img {width: 150px;}
    a.per {font-size: 18px; line-height: 26px; margin-right: 20px;}
    a.h-btn.log {margin-right: 10px;}
    a.h-btn {font-size: 16px; padding: 8px 25px;}
    .toggle_bar {margin-left: 20px;}
    .y_drop {width: 320px; height: 400px;}
    .man_img {width: 140px;}
    section.en_ban {padding: 60px 0 80px 0;}
    .sticky+ section.en_ban { padding-top: 70px;}
    .ban_l {width: 44%; padding-right: 20px;}
    .ban_l h1 {width: 100%; font-size: 60px; line-height: 52px;}
    .ban_l p.a_light {font-size: 19px; line-height: 24px;}
    .dwn_bt img {height: 45px;}
    .dwn_bt a:first-child {margin-right: 10px;}
    .ban_r {width: 56%;}
    .pc_img {width: 100px;}
    .bag_img {width: 90px;}
    .dollar_img {width: 70px;}
    .juice_img {width: 70px;}
    .d_business {padding-top: 40px;}
    .bs_hd {font-size: 45px; line-height: 40px;}
    .b_cont {padding: 30px 20px 50px 20px;}
    .bi_1 div:last-child .bImg, .bi_2 div:last-child .bImg, .bi_3 div:last-child .bImg {margin-top: 60px;}
    .gt_business {padding: 40px 0 80px;}
    .bImg-text {font-size: 18px; line-height: 22px;}
    .gHd {font-size: 50px; line-height: 40px;}
    .gt-l {margin-top: 61px; width: 45%; padding-right: 20px;}
    .gt_hd {font-size: 28px; line-height: 24px;}
    .gt_para {font-size: 17px; line-height: 22px;}
    .gt-r .f_mob {width: 64%;}
    .s_mob {width: 64%; right: 10px; top: 15%;}
    .ph_owner {padding-top: 60px; padding-bottom: 40px;}
    .ph-l h1 {font-size: 48px; line-height: 50px;}
    .man_chat {width: 175px;}
    .ch_msg {right: -45%; width: 60px;}
    p.ch_txt {font-size: 18px; line-height: 22px; right: -240px; width: 230px;}
    .gr_boss {padding: 40px 0 60px ;}
    .boss_hd {font-size: 50px; line-height: 50px;}
    .boss_cont {height: 374px; width: 300px;}
    .bs_bx p.a_bold {font-size: 17px; line-height: 22px;}
    .bs_bx p {font-size: 14px; line-height: 20px;}
    .bs1 {width: 210px; left: -69%;}
    .bs1 img {width: 40px;}
    .bs2 {right: -70%;}
    .bs2 img {width: 40px;}
    .bs3 { width: 220px; left: -69%; top: 42%;}
    .bs3 img {width: 40px;}
    .bs4 {right: -70%; width: 230px;}
    .bs4 img {width: 30px;}
    .hiwCon {padding: 40px 0 10px 0;}
    .hiwInner .lft {width: 48%;}
    .hiwInner .rgt {width: 52%;}
    .hiwList li:before {width: 170%;}
    .merchantTop {padding:40px 0;}
    .merchantTop .heading {font-size: 40px; line-height: 40px;}
    .merchantTop .img {width: 280px;}
    .topHBox .heading { max-width: 670px;}
    .securityTop .heading {max-width: 600px;}
    .topHBox.securityTop .img {margin-left: -240px;}
    .topHBox.securityTop .img .lockIcon {width: 50px; top: 15%; margin-left: -25px;}
    .ftr_link-bx {width: 66%;}
    .footerText {width: 42%; font-size: 14px; line-height: 24px;}
    .copy {font-size: 14px; line-height: 24px;}
}

@media(max-width:767px) {
    .hdr_l {padding: 0;}
    .hdr_l img {width: 130px;}
    a.per {font-size: 16px; margin-right: 15px;}
    a.h-btn {font-size: 15px; padding: 6px 20px;}
    section.en_ban {padding: 20px 0 40px 0;}
    .sticky+ section.en_ban {padding-top: 30px;}
    .ban_cont {flex-direction: column-reverse;}
    .ban_l {width: 100%; padding: 35px 0 0 0; text-align: center;}
    .ban_l h1 {width: 100%; font-size: 42px; line-height: 40px;}
    .ban_l p.a_light {font-size: 17px; line-height: 22px; margin-top: 10px;}
    .ban_r {width: 100%;}
    .dwn_hd {font-size: 22px; margin-top: 20px;}
    .y_drop {width: 240px; height: 300px; margin-top: 40px;}
    .man_img {width: 105px;}
    .pc_img {width: 80px;}
    .bag_img {width: 65px;}
    .dollar_img {width: 60px;}
    .juice_img {width: 50px; right: -10%;}
    .bs_hd {font-size: 36px; line-height: 38px;}
    .b_cont {padding: 20px 0;}
    .bImg-text {margin-top: 10px; font-size: 16px; line-height: 20px;}
    .gt_business {padding: 30px 0;}
    .gHd {font-size: 40px; line-height: 40px;}
    .ph_owner {padding: 30px 0;}
    .ph-l h1 {font-size: 34px; line-height: 36px; padding-bottom: 15px;}
    .man_chat {width: 140px;}
    .ch_msg {right: -55%; width: 50px;}
    p.ch_txt {font-size: 16px; line-height: 22px; right: auto; width: 190px; left: 100%;}
    .gr_boss {padding: 30px 0;}
    .boss_hd {font-size: 32px; line-height: 38px;}
    .boss_cont {width: 100%; height: auto; padding: 220px 0 0 0; background-size: 200px; background-position: center -30px;}
    .bs_bx {position: static; width: 100%; text-align: center; padding-top: 25px;}
    .hiwHd {font-size: 32px; padding-bottom: 10px;}
    .hiwList li {font-size: 16px; line-height: 21px;}
    .fnf {padding: 40px 0;}
    .fnf_hd-bx h1 {font-size: 36px; line-height: 42px; margin: 0 10px;}
    .fnf_hd-bx img {width: 30px;}
    .fnf p {font-size: 17px; line-height: 26px; margin: 15px auto 0;}
    .dw_app {padding: 30px 0;}
    .dw_app h1 {font-size: 32px; line-height: 40px; margin-bottom: 20px;}
    .dw_button-wrap a:first-child {margin-right: 16px;}
    .dw_button-wrap img {height: 45px;}
    .ftr_logo {width: 100%; text-align: center;}
    .ftr_logo img {width: 140px;}
    .ftr_link-bx {width: 100%; display: block; text-align: center; padding-top: 15px;}
    .ftr_link-bx a {font-size: 13px; line-height: 20px; margin: 0 5px;}
    .ftr_wrap {padding-bottom: 20px;}
    .footerBot {padding: 15px 0 0 0;}
    .infoBox {width: 100%; text-align: center;}
    .infoBox span {display: inline-block; margin-right: 5px;}
    .infoBox br {display: none;}
    .infoBox > div {padding:3px 0;}
    .social {width: 100%; text-align: center; padding: 15px 0 0 0;}
    .social span {display: none;}
    .socialLink {justify-content: center;}
    .socialLink li {padding: 10px 10px 0 10px;}
    .footerText {width: 100%; text-align: center; padding: 15px 0 0 0;}
    .copy {text-align: center; padding: 5px 0 0 0;}

    .merchantTop {padding:0 0 25px 0;}
    .merchantTop .heading {width: 100%; text-align: center; font-size: 32px; line-height: 36px; padding: 0;}
    .merchantTop .img {width: 100%; text-align: center; margin-top: 15px;}
    .merchantTop .img img {width: 160px;}
    .merchantTop .subHd {font-size: 20px; line-height: 26px; padding: 20px 0;}
    .merchantHd {font-size: 40px; line-height: 40px; padding:0 0 20px 0;}
    .merchantList li {font-size: 17px; line-height: 26px; margin-bottom: 15px; padding: 0 105px 0 25px;}
    .merchantList li:before {width: 6px; height: 6px; left: 5px; top: 11px;}
    .merchantList li:after {width:calc(100% - 25px); left: 25px; bottom: 7px;}
    .tcText {font-size: 14px;}
    .mb80 {margin-bottom: 30px;}
    .listText li {font-size: 17px; line-height: 26px; margin-bottom: 15px; padding: 0 0 0 25px;}
    .listText li:before {width: 6px; height: 6px; left: 5px; top: 11px;}
    .contactList {padding: 40px 0 0 0;}
    .contactList ul li {font-size: 17px; line-height: 26px; margin-bottom: 15px; padding: 0 0 0 25px;}
    .contactList li:before {width: 6px; height: 6px; left: 5px; top: 11px;}
    .contactBot {padding: 10px 0 0 25px; font-size: 17px; line-height: 26px;}

    .topHBox .heading span {font-size: 30px; line-height: 34px; padding-bottom: 15px;}
    .topHBox .img {margin:-80px 0 0 0;}
    .contentBox {font-size: 17px; line-height: 26px; padding-top: 20px;}
    .faqList li {margin-top: 20px;}
    .faqList li .ans {padding: 10px 0 0 0;}
    .faqImg {border-radius: 12px;}
    a.zoombtn {top: 10px; right: 10px; width: 30px;}
    .topHBox.aboutTop .img {margin:-80px 0 0 0;}
    .topHBox.securityTop .img {margin:-80px 0 0 0;}
    .topHBox.securityTop .img .lockIcon {width: 40px; top: auto; bottom:40px; margin-left: -20px;}
    .securityCB {margin-top: 30px; padding:0;}
    .securityCB .inner {width: 100%; padding: 30px 0 0 0;}
    .securityMid {padding: 40px 0; font-size: 30px; line-height: 34px;}
    .secList li {margin-bottom: 10px; padding-left: 22px;}
    .secList li:before {width: 6px; height: 6px; border: 3px solid #0172F4; top: 6px;}
    .topHBox.privacyTop .img {margin:-80px 0 0 0;}
    .introductionPrivacy {padding: 20px 0 0 0;}
    .privacyBox {margin-top: 20px; padding-bottom: 80px;}
    .privacyInner {padding: 0 0 0 25px;}
    .privacyInner:before {width: 12px; height: 12px; left: -6px; top: 6px;}
    .privacyInner ul li {margin-bottom: 10px;}
    .privacyInner span {font-size: 20px; padding-bottom: 10px;}
    .privacyBox:after {width: 28px; height: 28px; border: 2px solid #0172F4; left: -17px;}

    .popupBox {padding: 15px;}
    .closePopup {right: 10px; top: 5px;}
    .popupHd {font-size: 22px;}
}

@media(max-width:479px) {
    .hdr_r {width: 100%; padding: 5px 0; display: block; text-align: center;}
    .hdr_r a {display: inline-block;}
    .toggle_bar {position: absolute; top: 16px; right: 15px;}
    .bImg-cont>div {width: 100%; padding: 15px 0 !important;}
    .bi_1 div:last-child .bImg, .bi_2 div:last-child .bImg, .bi_3 div:last-child .bImg {margin-top: 0px;}
    .bImg-cont.bi_2 {margin-top: 0;}
    .bImg-cont.bi_3 {margin-top: 0;}
    .gt_cont {flex-direction: column-reverse;}
    .gt-r {width: 100%;}
    .gt-l {width: 100%; margin-top: 50px;}
    .ph-l {width: 100%;}
    .hiwInner .lft {width: 100%;}
    .hiwInner .rgt {width: 100%; padding-bottom: 0;}
    .hiwList li:before {width: 100%;}
    .form {margin: -5px;}
    .form li {padding: 5px;}
    .form li.half {width: 100%;}
    .formInput {padding: 8px 10px; font-size: 14px;}
    .formSelect {padding: 6px 10px; font-size: 14px; height: 38px;}
    .tmText {font-size: 14px; padding-left: 20px;}
    .tmText input {top: 4px;}
    .formBtn {padding: 10px 35px; font-size: 16px;}
    .newUser {padding: 15px 0 5px 0; font-size: 15px;}
}
