.page-banner{position: relative;overflow: hidden;}
.page-banner .inner .title-text{padding: 96px 0px 0px; margin-bottom: 40px;}
.page-banner .inner  .title-text .text-box{color: #000000;text-align: center;margin-bottom: 40px;}
.page-banner .inner  .title-text h1.title{font-weight: 600;font-size: var(--fs-50);margin-bottom: 72px;line-height: 1.2; text-align: center; color: var(--v-black); }
.page-banner .inner  .title-text h1.title span{color: var(--v-orange);}
.page-banner .inner  .title-text p{font-size: var(--fs-20);margin-bottom: 0;line-height: 1.1;}
.page-banner .nav-list {display: flex;flex-wrap:wrap;justify-content:space-between;color: var(--v-black); position: relative;user-select: none;}
.page-banner .nav-list h3 {font-size:var(--hm-fs-34);cursor: pointer;margin-bottom:5px;user-select: none;text-transform: uppercase;}
.page-banner .nav-list h3:hover {color: var(--v-grey);}
.page-banner .nav-list h3:first-child{margin-left: 0px;}
.page-banner .nav-list h3:nth-child(7) {margin-right: 0px !important;}
.page-banner .nav-list h3.active {color: var(--v-orange);}
.page-banner .nav-list .wire {position: absolute;left:0px;top:48px;height: 4px;background: var(--v-orange);transition: .4s;}
.products-table-wrapper{background: #FFFFFF;border-radius: 65px 65px 0px 0px;position: relative;}
.products-table-wrapper .inner{padding-bottom: 100px;}
.products-table-wrapper .table-disclaimer-text{color: var(--v-black); font-size: var(--fs-16); line-height: 1.2;}
.products-table-wrapper .table-disclaimer-text a{color: var(--v-orange); text-decoration: underline;}
html[lang="zh-AU"] .products-table-wrapper .table-share-text{display: none;}
.products-table-wrapper .table-share-text span{color: var(--v-black);}
.products-table-wrapper .table-share-text .share-none{display: none;}
.products-table-wrapper .table-share-text span.share-show{display: block;}
.products-table-wrapper .table-share-text span.share-show{display: block;}
.products-table-wrapper .inner .main-content .name-and-search{display: flex;justify-content: space-between;align-items: center;margin-bottom: 24px;}
.products-table-wrapper .inner .main-content .name-and-search .left{display: flex;align-items: center;}
.products-table-wrapper .inner .main-content .name-and-search .left img{margin-right: 16px;}
.products-table-wrapper .inner .main-content .name-and-search .left p.product-name{font-size: var(--fs-38);font-weight: 600;color: var(--v-black);margin-bottom: 0;line-height: 1.2;}
.products-table-wrapper .inner .main-content .name-and-search .search{display: flex;}
.products-table-wrapper .inner .main-content .name-and-search .search .input{position: relative;width: 400px;margin-right: 12px;}
.products-table-wrapper .inner .main-content .name-and-search .search .input .input-label{position: absolute;top: 18px;left: 15px;transition: all .2s linear;z-index: 9;pointer-events: none;}
.products-table-wrapper .inner .main-content .name-and-search .search .input .input-container{position: relative;}
.products-table-wrapper .inner .main-content .name-and-search .search .input .input-container input{width: 100%;height: 61px;font-size: 16px;border: none;outline: none;border-radius: 8px;background-color: var(--v-grey-light2);padding-left: 15px;padding-top: 17px;transition: all .2s linear;padding-right: 64px;}
.products-table-wrapper .inner .main-content .name-and-search .search .input .input-container .del-icon{display: none;}
.products-table-wrapper .inner .main-content .name-and-search .search .input-container input:hover{background-color: #ECECEC;}
.products-table-wrapper .inner .main-content .name-and-search .search .input-container .icons-box{display: flex;justify-content: flex-end;align-items: center;width: 56px;height: 26px;position: absolute;top: 16px;right: 16px;}
.products-table-wrapper .inner .main-content .name-and-search .search .input-container::after{content: '';display: block;width: 0;height: 1px;transition: all 0.4s;background-color: var(--v-orange);position: absolute;top: 61px;left: 0px;}
.products-table-wrapper .inner .main-content .name-and-search .search .hasInner .input-label,
.products-table-wrapper .inner .main-content .name-and-search .search .hasFouns .input-label{top: 11px;font-size: 12px;}
.products-table-wrapper .inner .main-content .name-and-search .search .hasInner .input-container .del-icon{display: block !important;}
.products-table-wrapper .inner .main-content .name-and-search .search .hasFouns .input-label{color:var(--v-orange);}
.products-table-wrapper .inner .main-content .name-and-search .search .hasFouns .input-container::after{width: 100%;}
.products-table-wrapper .inner .main-content .name-and-search .search .hasBorder .input-container input{background-color:var(--v-grey-light4);border-radius: 8px 8px 0px 0px;}
.products-table-wrapper .inner .main-content .name-and-search .search .btn{padding: 20px 44px;line-height: 1;background-color: #E35728;color: var(--v-white);box-shadow: 0px 8px 30px #0348544D;border: none;border-radius: 9px;display: flex;justify-content: center;align-items: center;font-size: var(--fs-18);font-weight: 500; cursor: pointer;}
.products-table-wrapper .inner .main-content .stock-classification-information{margin-bottom: 20px; display: none;}
.products-table-wrapper .inner .main-content .stock-classification-information ul{display: flex;}
.products-table-wrapper .inner .main-content .stock-classification-information ul li{text-align: center;color: var(--v-black);padding: 10px 20px;background-color: #E5E5E5;font-size: var(--fs-16);font-weight: 500;margin-right: 8px;border-radius: 23px;line-height: 1.2;cursor: pointer;}
.products-table-wrapper .inner .main-content .stock-classification-information ul li.active{background-color: #E35728;color:#F8F8F9;}
.products-table-wrapper .inner .main-content.pc-content{display: block;}
.products-table-wrapper .inner .main-content.mobile-content{display: none;}
.products-table-wrapper .inner .main-content .table-box{box-shadow: 0px 15px 30px #0000001A;border-radius: 13px;background: var(--v-white);position: relative;}
.products-table-wrapper .inner .main-content .table-box .table-bottom-text{color: var(--v-white);margin-bottom: 0;}
.products-table-wrapper .inner .main-content .table-box .table-bottom-text:before{content: "";display: block;width: 100%;height: 25px;border-radius: 0px 0px 13px 13px;background: var(--v-white);}
.products-table-wrapper .inner .main-content .table-box .rotate{position: absolute;top: 0;left: 0;width: 100%;height: 450px;background-color: #ffffff;display: flex;justify-content: space-around;align-items: center;z-index: 1;}
.products-table-wrapper .inner .main-content .table-box .rotate img{width: 180px;height: 180px;position: absolute;top: calc(50% - 90px);left: calc(50% - 90px);}
.products-table-wrapper .inner .main-content .table-box .tables{width: 100%;text-align: center;}
.products-table-wrapper .inner .main-content .table-box .tables .page-teble-content{position: relative;}
.products-table-wrapper .inner .main-content .table-box .tables .head .items{display: flex;background-color: #636363;border-radius: 13px 13px 0px 0px;}
.products-table-wrapper .inner .main-content .table-box .tables .head .items p{background-color: #636363;color: var(--v-white);font-size: var(--fs-16);font-weight: 400;height: 67px;padding: 0px 3px 0px;line-height: 19px;position: relative;margin-bottom: 0;flex: 1;display: flex;justify-content: center;align-items: center;border: none;outline: none;--safari-appearance: none;--safari-border: none;--safari-outline: none;}
.products-table-wrapper .inner .main-content .table-box .tables .main-body .items{display: flex;align-items: center;}
.products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div{position: relative;flex: 1;}
.products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div:after{content:'';width: 1px;height: 19px;background-color: #636363 ;right: 0;top:50%;transform: translateY(-50%);position: absolute;opacity: 0.3;}
.products-table-wrapper .inner .main-content .table-box .tables .head .items p:after{content:'';width: 1px;height: 19px;background-color: #BDBDBD;right: 0;top:50%;transform: translateY(-50%);position: absolute;opacity: 0.3;}
.products-table-wrapper .inner .main-content .table-box .tables .head .items p:first-child{border-top-left-radius: 13px;}
.products-table-wrapper .inner .main-content .table-box .tables .head .items p:last-child{border-top-right-radius: 13px;}
.products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div:last-child:after,
.products-table-wrapper .inner .main-content .table-box .tables .head .items p:last-child:after{display: none;}
.products-table-wrapper .inner .main-content .table-box .tables .items>div{padding: 20px 10px 17px 10px;color: var(--v-black);font-size: var(--fs-16);line-height: 1.2;}
.products-table-wrapper .inner .main-content .table-box .tables .main-body .items:nth-child(even){background-color: #F5F5F5;}
.products-table-wrapper .inner .main-content .table-box .tables .main-body .items:hover{background:#E2E2E2;box-shadow: inset 0px 3px 6px #00000029;}
.products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div p:first-of-type{display: none;}
.products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div p{margin-bottom: 0;}
.products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div.symbol p:last-of-type{font-weight: 600;}
/* .products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div.symbol p:last-of-type{color: #E35728;font-weight: 600;text-decoration: underline;} */
.products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div.time{font-size: var(--fs-14);padding-top: 8px;padding-bottom: 8px;}
/* .products-table-wrapper .inner .main-content .table-box .load-more{display: none;} */
.products-table-wrapper .inner .main-content .table-box .err-msg{display: none;}
.products-table-wrapper .inner .main-content .table-box .err-msg .img-text-box{display: flex;flex-direction: column;align-items: center;}
.products-table-wrapper .inner .main-content .table-box .err-msg .img-box{width: 140px;height: 140px;text-align: center;line-height: 140px;}
.products-table-wrapper .inner .main-content .table-box .err-msg p{font-size: var(--fs-24);font-weight: 600;color: var(--v-black);margin-bottom: 0;}
.products-table-wrapper .inner .bottom-text{font-size: var(--fs-14);padding: 20px 0 0;margin: 0;color:var(--v-black);}

.trading-account-free{padding: 0px 0px 100px;}
.trading-account-free .free-account{background: url(/wp-content/themes/vantage-au/images/instruments-bottom-img.webp?v=1) center no-repeat;background-size: cover;padding: 98px 0px 95px;border-radius: 15px;}
.trading-account-free .title-box{margin: 0 0 39px;}
.trading-account-free .title-box h2{font-size: var(--fs-56);color: var(--v-black-light);font-weight: 600;text-align: center;}
.trading-account-free .title-box h2 span{color: var(--v-orange)}
.trading-account-free .button-link{display: flex;justify-content: center; gap: 20px;}

@media (max-width:1440px) {
    .trading-account-free{padding: 50px 0px 140px;}
    .trading-account-free .free-account{padding: 80px 0px 76px;}
    .trading-account-free .title-box{margin: 0 0 30px;}
    .page-banner .inner .title-text h1.title {margin-bottom: 65px; }
}

@media (max-width:1400px) {
    /* .page-banner .inner{padding-top: 40px;} */
    .page-banner .nav-list {margin-top:60px;}
    .page-banner .inner .title-text h1.title {margin-bottom: 45px; }
    /* .page-banner .inner ul.list{flex-wrap: wrap; justify-content: center;max-width: 850px;margin: 0 auto;}
    .page-banner .inner ul.list li{width: calc(25% - 14px); margin-left: 7px;margin-right: 7px; margin-bottom: 20px;}
    .page-banner .inner ul.list li:last-child{margin-right: 7px;} */
    /* .page-banner .inner ul.list li .li-inner{padding: 10px 15px 19px;} */
}

@media (max-width:1240px) {
    .products-table-wrapper .inner .main-content .name-and-search .search .input{width: 320px;}
    .products-table-wrapper .inner .main-content .name-and-search .search .btn{padding: 20px;}
    .page-banner .inner .title-text h1.title {margin-bottom: 35px; }
}

@media (max-width:1024px) {
    .trading-account-free{padding: 50px 0px 60px;}
    .trading-account-free .free-account{padding: 60px 0px 56px;}
    .products-table-wrapper .inner .main-content .table-box .tables .head .items p{height: 80px;}
    .products-table-wrapper .inner .main-content .name-and-search{flex-direction: column;align-items: baseline;}
    .products-table-wrapper .inner .main-content .name-and-search .left{margin-bottom: 20px;}

    .page-banner .inner ul.list li .li-inner p{font-size: var(--fs-26);}
    .page-banner .nav-list {display:block;padding: 0px 20px 4px;overflow-x:auto;white-space:nowrap;margin:0px -20px 15px ;scrollbar-width: none;}
    .page-banner .nav-list::-webkit-scrollbar {display:none;}
    .page-banner .nav-list h3 {display: inline-block;margin: 0px 10px;}
    .page-banner .nav-list .wire {height: 3px;}
}

@media (max-width:768px) {
    .page-banner{background: url(/wp-content/themes/vantage-au/images/trading-instruments-banner-mobile.webp?v=1) center no-repeat;background-size: cover;background-position-y:0px !important;}
    .page-banner .inner {margin-bottom: 46px;}
    .page-banner .inner ul.list{max-width: 640px;justify-content: space-between;}
    .page-banner .inner ul.list li{margin-bottom: 10px;margin-left: 5px;margin-right: 5px;width: 22%;}
    .page-banner .inner ul.list li .li-inner{padding: 10px 5px 9px;}
    .page-banner .inner ul.list li .li-inner img{width: 60px;height: 60px;}
    .page-banner .inner ul.list li .li-inner p{font-size: 15px;}

    .products-table-wrapper{border-radius: 40px 40px 0 0; top: -34px;}
    .products-table-wrapper .inner{padding-top: 42px;padding-bottom: 40px;}
    .products-table-wrapper .inner .main-content .name-and-search{max-width: 600px;margin: 0 auto 20px;}
    .products-table-wrapper .inner .main-content .name-and-search .search .input{width: 270px;}
    .page-banner .inner ul.list li:after{display: none;}

    .products-table-wrapper .inner .main-content.pc-content{display: none;}
    .products-table-wrapper .inner .main-content.mobile-content{display: block;}
    .products-table-wrapper .inner .main-content .table-box{box-shadow: none;border-radius: 0;max-width: 600px;margin: 0 auto;}
    .products-table-wrapper .inner .main-content .table-box .tables .head{display: none;}
    .products-table-wrapper .inner .main-content .table-box .tables .main-body .items:hover{box-shadow:none;background:#F5F5F5;}
    .products-table-wrapper .inner .main-content .table-box .tables .main-body .items{display: block;background: #F5F5F5;margin-bottom: 20px;border-radius: 8px;}
    .products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div{display: flex;align-items: center;border-bottom: 1px solid #E2E2E2;padding: 16px 5px 16px 18px !important;}
    .products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div:last-child{border-bottom: none;}
    .products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div:after{display: none;}
    .products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div p{text-align: left;line-height: 1.1;}
    .products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div p:first-of-type{display: block;width: 159px;min-width: 119px;font-weight: 500;font-size: 16px;}
    .products-table-wrapper .inner .main-content .table-box .table-bottom-text{display: none;}
    .products-table-wrapper .inner .main-content .table-box .load-more{display: flex; background-color: #E8E9ED;text-align: center;padding: 11px;justify-content: center;border-radius: 8px;max-width: 352px;margin: 0 auto;}
    .products-table-wrapper .inner .main-content .table-box .load-more p{margin-bottom: 0;font-size: 16px;font-weight: 500;color: #404040;margin-right: 3px;}
    .products-table-wrapper .inner .main-content .stock-classification-information ul{max-width: 600px;margin: 0 auto;}

    .trading-account-free{background: url(/wp-content/themes/vantage-au/images/instruments-bottom-img.webp?v=1) center no-repeat;background-size: cover;padding: 0px;}
    .trading-account-free .free-account{background: none;padding: 53px 0px 50px;}
    .trading-account-free .title-box h2{margin: 0px;}
    .trading-account-free .button-link{flex-direction: column;align-items: center;}
    .trading-account-free a:nth-child(1){margin-right: 0;margin-bottom: 12px;}

    .page-banner .inner .title-text h1.title {margin-bottom: 30px;}
    .page-banner .inner .title-text {padding: 32px 0px 0px; margin-bottom: 20px;}
   
    
}

@media (max-width:650px) { 
    .page-banner .inner{padding-top: 20px;}
    .page-banner .inner .text-box{margin-bottom: 20px;}
    .page-banner .inner .text-box h1.title{margin-bottom: 8px;}
    .page-banner .inner .text-box p{font-size: 14px;}
    .trading-account-free .title-box{margin: 0 0 20px;}
    .page-banner .inner ul.list{max-width: 100%;justify-content: space-between;}
    .page-banner .inner ul.list li{background: none !important;box-shadow: none !important; backdrop-filter: blur(0px) !important;margin: 0;width: 25%;border-radius: 0;margin-bottom: 16px;overflow: visible;}
    .page-banner .inner ul.list li .li-inner{padding: 0;}
    .page-banner .inner ul.list li .li-inner .img-box{background: #fff;border-radius: 20px;margin-bottom: 10px;display: flex;justify-content: center;align-items: center;width: 63px;height: 63px;margin: 0 auto 4px;}
    .page-banner .inner ul.list li .li-inner img{width: 40px;height: 40px;}
    .page-banner .inner ul.list li .li-inner p{font-size: 14px;font-weight: 500;}
    .page-banner .inner ul.list li:last-child{margin-right: 0;}
    .page-banner .inner ul.list li.active .img-box{}
    .page-banner .nav-list h3 {font-size: 16px; font-weight:500;}
}
@media (max-width:510px) { 
    
    /* table及搜索框小尺寸 */
    .products-table-wrapper{border-radius: 20px 20px 0 0;}
    .products-table-wrapper .inner{padding-top: 20px;}
    .products-table-wrapper .inner .main-content .stock-classification-information{margin-bottom: 10px;overflow: auto;}
    /* 隐藏滚动条 */
    .products-table-wrapper .inner .main-content .stock-classification-information::-webkit-scrollbar {display: none;}
    .products-table-wrapper .inner .main-content .stock-classification-information ul{min-width: 422px;}
    .products-table-wrapper .inner .main-content .stock-classification-information ul li{padding: 8px 16px;}
    .products-table-wrapper .inner .main-content .name-and-search{margin-bottom: 16px;}
    .products-table-wrapper .inner .main-content .name-and-search .search .input{width: 207px;margin-right: 9px;}
    .products-table-wrapper .inner .main-content .name-and-search .search .input .input-container input{height: 44px;padding-top: 0px;}
    .products-table-wrapper .inner .main-content .name-and-search .search .input .input-label{top: 12px;}
    .products-table-wrapper .inner .main-content .name-and-search .search .hasInner .input-label,
    .products-table-wrapper .inner .main-content .name-and-search .search .hasFouns .input-label{display: none;}
    .products-table-wrapper .inner .main-content .name-and-search .search .input-container::after{top: 43px;}
    .products-table-wrapper .inner .main-content .name-and-search .search .input-container .icons-box{top: 9px;}
    .products-table-wrapper .inner .main-content .name-and-search .search .btn{padding: 14px 28px;box-shadow: none;}

    .products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div{padding: 10px 5px 10px 18px !important;}
    .products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div p:first-of-type{font-size: 14px;width: 119px;}
}
@media (max-width:392px) {
    .page-banner .inner ul.list li .li-inner .img-box{width: 48px;height: 48px;}
    .products-table-wrapper .inner .main-content .name-and-search .left{margin-bottom: 8px;}
    .products-table-wrapper .inner .main-content .name-and-search .left img{width: 13px;height: 12px;margin-right: 5px;}
    .products-table-wrapper .inner .main-content .name-and-search .left p.product-name{font-size: 16px;}
    .products-table-wrapper .inner .main-content .name-and-search .search .input{width: 167px;}
    .products-table-wrapper .inner .main-content .name-and-search .search .btn{padding: 13px 25px;}
    .page-banner .inner ul.list li .li-inner p{font-size: 12px;}
   
}
@media (max-width:380px) {
    .page-banner .inner  .title-text h1.title{font-size: 24px;}
}
@media (max-width:347px) {
    .products-table-wrapper .inner .main-content .name-and-search .search .btn{padding: 13px 6px;}
}
/* ! vantagemarekts|2025-10-21 18:00:00 ! */