html{margin-top: 0px !important;}
body.nav-mobile-scroll{overflow-y: hidden;position: fixed;}
header{background-color:var(--v-white);position: fixed;width: 100%;top: 0;z-index: 9999; opacity: 0; animation: header-initial 1s linear forwards;}
.home header{animation: header-initial 1s linear 0.5s forwards;}
header.scroll-shadow{box-shadow: 0px 0px 15px rgba(0,0,0,0.25);}
header .main-menu{padding: 33px 0px;}
header .inner{max-width: 1800px;}
header .inner.flex { flex-wrap: wrap;}
header .nav-logo{margin-right: 40px;width: 128px;}
header .inner .nav-menu .nav-menu-container .top-category{margin-right: 20px;position: relative;transition: all .3s linear;}
header .inner .nav-menu .nav-menu-container .top-category a.nav-menu-item{font-size: var(--fs-16);font-weight: 500;color: var(--v-black);}
header .inner .nav-menu .nav-menu-container .top-category a.nav-menu-item:hover{color: var(--v-orange);}
header .inner .nav-menu .nav-menu-container .active a.nav-menu-item{color: var(--v-orange);}
header .inner .nav-menu .nav-menu-container .top-category .down-box{position: absolute;top: 0px;left: 0px;z-index: 101;}

header .nav-menu{justify-content: space-between;}
header .nav-menu .nav-menu-item{margin-right: 20px;}
header .nav-menu .nav-menu-item a{font-size: var(--fs-16);font-weight: 500;color:var(--v-black);}
header .nav-menu .nav-menu-item a:hover{color:var(--v-orange);}
header .nav-menu .nav-menu-item.active a{color:var(--v-orange);}
header .nav-menu .nav-menu-item.pc-hide{display: none;}

header .nav-right li{margin-right: 25px;font-size: var(--fs-14);color:var(--v-black);font-weight: 600;}
header .nav-right li a{vertical-align: middle;display: block;}
header .nav-right li a svg{vertical-align: sub;margin-right: 10px;}

html[lang='ar-AE'] header .nav-right li a svg{margin-left:5px;}

header .nav-right .nav-live-link{color:var(--v-orange);}
header .nav-right .nav-live-link:hover{color:var(--v-red-dark);}
header .nav-right .nav-demo-link{color:var(--v-green-darker);}
header .nav-right .nav-demo-link path{fill:var(--v-green-darker);}
header .nav-right .nav-login-link{color:var(--v-black);}
header .nav-right .nav-live-link,
header .nav-right .nav-demo-link,
header .nav-right .nav-login-link{position: relative;}
header .nav-right .nav-live-link:hover a,
header .nav-right .nav-demo-link:hover a,
header .nav-right .nav-login-link:hover a,
header .nav-medium-user p:hover{transform: translate(0px, -3px);transition: all 0.3s;}
header .nav-medium-user-list li:hover a{transform: translate(0px, -3px);transition: all 0.3s;}
header .nav-right .nav-live-link:after,
header .nav-right .nav-demo-link:after,
header .nav-right .nav-login-link:after,
header .nav-medium-user-list .nav-live-link a::after,
header .nav-medium-user-list .nav-demo-link a::after{content:'';display:block;width: 0;height: 1px;transition: all 0.4s;}
header .nav-right .nav-live-link:after{background: var(--v-red-dark);}
header .nav-right .nav-live-link a::after{background: var(--v-red-dark);}
header .nav-right .nav-live-link:hover path{fill: var(--v-red-dark);}
header .nav-right .nav-demo-link:after{background: var(--v-black-light);}
header .nav-right .nav-demo-link a::after{background: var(--v-black-light);}
header .nav-right .nav-demo-link:hover path{fill: var(--v-black-light);}
header .nav-right .nav-login-link:after{background: #585858;}
header .nav-right .nav-login-link:hover path{fill: #585858;}
header .nav-right .nav-live-link:hover:after,
header .nav-right .nav-demo-link:hover:after,
header .nav-right .nav-login-link:hover:after,
header .nav-right .nav-live-link:hover a::after,
header .nav-right .nav-demo-link:hover a::after{width: 100%;}
header .nav-right .nav-boundary{width: 1px;height: 18px;background: #707070;}
header .nav-right .nav-language{text-transform: uppercase;cursor: pointer;position: relative;font-size: var(--fs-16);}
header .nav-right .nav-language a{position: relative;z-index: 1;}
header .nav-right .nav-search{cursor: pointer;margin-right: 0px;position: relative;}
header .nav-right .nav-search svg{position: relative;z-index: 1;vertical-align: sub;}
header .nav-right .nav-search:after,
header .nav-right .nav-language:after{content: '';display: block;position: absolute;width: 30px;height: 30px;background: var(--v-grey-light4);border-radius: 50%;top:-5px;left: -5px;opacity: 0;transition: all 0.3s;}
header .nav-right .nav-language:after{top: -4px;}
header .nav-right .nav-search:after{left: -4px;}
header .nav-right .nav-search:hover:after,
header .nav-right .nav-language:hover:after,
header .nav-right .nav-medium-user:hover:after{opacity: 1;}
header .nav-right .nav-medium-user.active:after{opacity: 1;}

html[lang='zh-hant-TW'] header .nav-right .nav-language:after,
html[lang='zh-hans-MY'] header .nav-right .nav-language:after{width: 53px;}

header .nav-medium-user{position: relative;}
header .nav-medium-user p.nav-live-link{margin-bottom: 0px;font-weight: 600;cursor: pointer;}
header .nav-medium-user p.nav-live-link svg{margin-right: 10px;vertical-align: sub;}

html[lang='ar-AE'] header .nav-medium-user p.nav-live-link svg{margin-left:5px;}

header .nav-medium-user .nav-medium-user-list{display:none;position: absolute;width: 188px;top: 35px;left: -80px;background: var(--v-white);border-radius: 8px;box-shadow: 0px 10px 14px #0000005E;overflow: hidden;z-index: 1;}
header .nav-medium-user .nav-medium-user-list li{display: block !important;margin-right: 0;}
header .nav-medium-user .nav-medium-user-list li a{padding: 15px;}
header .nav-medium-user .nav-medium-user-list li a svg{margin-right: 10px;}
header .nav-medium-user .nav-medium-user-list li:hover a{transform: translate(0px, -3px) !important;}
header .nav-medium-user .nav-medium-user-list li:after{display:none !important;}
.nav-medium-user-button{position: relative;z-index: 1;}

/* header.header-lp{padding: 27px 0px;} */
header.header-lp .nav-logo{width: 153px;margin:0;}

.header-academy .main-menu{position: relative;}
.header-academy .nav-logo{width: 33px;}
.header-academy .nav-bars{width: 22px;height: 16px;margin-right: 25px;position: relative;cursor: pointer;}
.header-academy .nav-bars:after{content: '';display: block;position: absolute;width: 40px;height: 40px;background: var(--v-grey-light4);border-radius: 50%;top:-12px;left: -9px;opacity: 0;transition: all 0.3s;}
.header-academy .nav-bars:hover:after{opacity: 1;}
.header-academy .nav-bars span{width: 100%;height: 2px;display: block;background: var(--v-black-light);border-radius: 10%;z-index: 1;position: absolute;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;-webkit-transform-origin: 0 50%;transform-origin: 0 50%;}
.header-academy .nav-bars span:nth-child(1){top: 0;}
.header-academy .nav-bars span:nth-child(2){top: 50%;}
.header-academy .nav-bars span:nth-child(3){width: 50%;top: 100%;}
.header-academy .nav-bars.active span:nth-child(1){transform: rotate(45deg) translate(0); left: 3px;top: -1px;}
.header-academy .nav-bars.active span:nth-child(2){opacity: 0;}
.header-academy .nav-bars.active span:nth-child(3){transform: rotate(-45deg) translate(0);left: 3px;top: 15px;width: 100%;}

.header-academy .nav-menu .menu-academy-main{padding: 3px 10px;background-color: var(--v-black-light);text-transform: uppercase;}
.header-academy .nav-menu .menu-academy-main a{color: var(--v-grey-light3);font-style: italic;font-size: var(--fs-20);font-weight: 400;}
.header-academy .nav-menu .menu-academy-main a:hover{color: var(--v-grey-light3);}
.nav-menu-academy-tab{display: none;position: absolute;top: 100%;left: 0;width: 100%;background: var(--v-grey-light1);padding: 20px 0px 40px;}
.nav-menu-academy-tab::after{content:'';display: block;position: absolute;background: rgb(0 0 0 / 80%);position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100vh;z-index: -1;}
.nav-menu-academy-tab .tab-inner{max-width: 1440px;padding: 0px 20px;margin: 0 auto;}
.nav-menu-academy-tab ul li{font-size: var(--fs-16);font-weight: 500;color: var(--v-black);margin-bottom: 2px;}
.nav-menu-academy-tab ul li.main-item{font-size: var(--fs-18);margin-bottom: 12px;}
.nav-menu-academy-tab ul li.main-item a{padding: 5px 11px;min-width: 100px;background: #D6D6D6;text-align: center;text-transform: uppercase;}
.nav-menu-academy-tab ul li.main-item a:hover{background: #818181;color: var(--v-grey-light2);}

html[lang='fr-FR'] header .nav-medium-user .nav-medium-user-list{width: 216px;}
html[lang='es-ES'] header .nav-medium-user .nav-medium-user-list{width: 210px;}
html[lang='et-EE'] header .nav-medium-user .nav-medium-user-list{width: 210px;}

.secondary-menu{padding: 17px 0px 13px;background-color: var(--v-grey-light1);}
.secondary-menu .inner{padding-right: 120px;align-items: flex-start;}
/* 删除 */
/* .secondary-menu .secondary-menu-container{max-width: 1010px;align-items: flex-start;width: 75%; text-wrap: nowrap;}
.secondary-menu.bcn-expand .secondary-menu-container{width: 0%;}
.secondary-menu .secondary-menu-main{flex-wrap: wrap;}
.secondary-menu .secondary-menu-item{color: var(--v-black);font-size: var(--fs-16);font-weight: 500;line-height: 1.8;margin-right: 20px;position: relative;}
.secondary-menu .secondary-menu-item:hover,
.secondary-menu .secondary-menu-item.active{color: var(--v-orange);}
.secondary-menu .secondary-menu-item.secondary-menu-superior{font-weight: 600;text-transform: uppercase;margin: 0px 40px 0px 10px; }
html[lang='fr-FR'] .secondary-menu .secondary-menu-item.secondary-menu-superior ,
html[lang='vi-VN'] .secondary-menu .secondary-menu-item.secondary-menu-superior { white-space: nowrap;}
.secondary-menu .secondary-menu-item.secondary-menu-superior:before{content: '';display: block;width: 1px;height: 18px;background: var(--v-grey);position: absolute;right: -20px;top: 3px;} */
/* 删除 */

.secondary-menu .breadcrumb-nav{max-width: 300px;margin-left: 20px;padding: 2px 0px;}
.secondary-menu.bcn-expand .breadcrumb-nav{max-width: 100%;margin-left: 0px;}
.secondary-menu .breadcrumb-nav .home-breadcrumb img{width: 18px;vertical-align: sub;}
.secondary-menu .breadcrumb-nav .delimiter-icon{margin: 0px 8px;}
.secondary-menu .breadcrumb-nav .delimiter-icon img{width: 6px;vertical-align: revert;}
.secondary-menu .breadcrumb-nav span{font-size: var(--fs-14);display: inline-block;}
.secondary-menu .breadcrumb-nav span .current-item{color: var(--v-black);}

.header-mobile .initial-state-menu{padding: 7px 0px;}
.header-mobile .initial-state-menu .nav-mobile-bars{margin-right: 30px;}
.header-mobile .initial-state-menu .nav-logo{width: 90px;margin: 0;}
.header-mobile .initial-state-menu .nav-mobile-right{display: flex;margin-right: -5px;}
.header-mobile .initial-state-menu .nav-mobile-right .nav-language{vertical-align: sub;font-size: var(--fs-20);font-weight: 500;color: var(--v-black);text-transform: uppercase;cursor: pointer;margin-right: 15px;}
.header-mobile .initial-state-menu .nav-mobile-right .nav-language a{vertical-align: middle;}
.header-mobile .open-state-menu{min-height: 100vh;height: max-content;width: 100%;position: absolute;top: 0px;bottom: 0px;z-index: 100;background-color: #fff;transform: translateX(-768px);opacity: 0;transition: all 0.3s ease 0s;z-index: -1;}
.header-mobile .open-state-menu.active{opacity: 1;transform: translateX(0px);z-index: 10000;}
.header-mobile .open-state-menu .mobile-menu-top{padding: 12px 5px;}
.header-mobile .open-state-menu .mobile-menu-top .nav-mobile-close{width: 30px;text-align: center;margin-right: 25px;}
.header-mobile .open-state-menu .nav-logo{width: 90px;margin: 0;}
.header-mobile .open-state-menu .nav-mobile-right{display: flex;}
.header-mobile .open-state-menu .nav-language{vertical-align: sub;font-size: var(--fs-20);font-weight: 500;color: var(--v-black);text-transform: uppercase;cursor: pointer;margin-right: 13px;}
.header-mobile .open-state-menu .nav-language a{vertical-align: middle;}
.header-mobile .open-state-menu .mobile-menu-search{position: relative;margin-bottom: 10px;}
.header-mobile .open-state-menu .mobile-menu-search #mobile-search{width: 100%;border: 0;border-radius: 8px;height: 44px;background: #ececec;padding: 10px 20px;font-size: var(--fs-26);font-weight: 400;color: #818181;}
input::-webkit-input-placeholder,
input::-moz-placeholder,
input::-moz-placeholder,
input::-ms-input-placeholder{font-size: var(--fs-30);font-weight: 500;}
.header-mobile .open-state-menu .mobile-menu-search #search-submit{position: absolute;top: 7px;right: 20px;width: 26px;height: 26px; opacity: 0;z-index: 10;}
.header-mobile .open-state-menu .mobile-menu-search:after{content: '';display: block;width: 20px;height: 20px;position: absolute;top: 10px;right: 23px;background: url(/wp-content/themes/vantage/images/header-search-icon.svg) center no-repeat;}
.header-mobile .open-state-menu .mobile-menu-container{height: calc(100vh - 250px);overflow-y: scroll;}
.header-mobile .open-state-menu .mobile-menu-container::-webkit-scrollbar{display: none;width: 0;height: 0;}
.header-mobile .mobile-menu-container .mobile-menu-main{padding: 0px 5px;}
.header-mobile .mobile-menu-container .mobile-menu-box{border-bottom: 2px solid var(--v-grey-light1);}
.header-mobile .mobile-menu-container .mobile-menu-box p{font-size: var(--fs-20);font-weight: 500;color: var(--v-black);margin: 0;padding: 5px 0px;cursor: pointer;}
.header-mobile .mobile-menu-container .mobile-menu-box.selected p{color: var(--v-orange);}
.header-mobile .mobile-menu-container .mobile-menu-box .mobile-menu-theme{position: relative;text-transform: uppercase;}
.header-mobile .mobile-menu-container .mobile-menu-box .mobile-menu-theme:after{content: '';display: block;width: 6px;height: 9px;background: url(/wp-content/themes/vantage/images/nav-right-arrow-icon.svg) center no-repeat;background-size: cover;position: absolute;right: 8px;top: 15px;transform: rotate(90deg);}
.header-mobile .mobile-menu-container .mobile-menu-box .mobile-menu-theme.mobile-menu-home:after{display: none;}
.header-mobile .mobile-menu-container .mobile-menu-box.active .mobile-menu-theme:after{background-image: url(/wp-content/themes/vantage/images/nav-left-arrow-icon.svg);transform: rotate(90deg);}
.header-mobile .mobile-menu-container .mobile-menu-box .mobile-menu-theme-link{padding-left: 10px;display: none;}
.header-mobile .mobile-menu-container .mobile-menu-box .mobile-menu-list{padding-left: 20px;margin-bottom: 10px;display: none;}
.header-mobile .mobile-menu-container .mobile-menu-box .mobile-menu-list .mobile-menu-item{font-size: var(--fs-20);line-height: 1.3;padding: 3px 0px;margin-bottom: 1px;color: var(--v-black);}
.header-mobile .mobile-menu-container .mobile-menu-box .mobile-menu-list .mobile-menu-item.active{color: var(--v-orange);}
.header-mobile .header-media{position: absolute;bottom: 110px;left: 0;right: 0;text-align: center;}
.header-mobile .header-media li{display: inline-block;font-size: 18px;color: var(--v-grey);padding: 0px 10px;}
.header-mobile .header-media li:hover path{fill: var(--v-orange);}
.header-mobile .initial-state-menu .nav-logo-current {width: auto !important;max-width: 200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: bottom;}
.header-mobile .initial-state-menu .nav-logo-current .mobile-nav-logo{width: 20px;display: inline-block;vertical-align: top;margin-right: 3px;}
.header-mobile .initial-state-menu .nav-logo-current .mobile-nav-current{font-size: 17px;font-weight: 600;text-transform: uppercase;color: var(--v-black);padding: 4px 2px;}

.academy-tab-bar{margin: 10px 0px;}
.academy-tab-bar .flex{flex-wrap: wrap;}
.academy-tab-bar li{flex: 0 0 23%;text-align: center;margin: 10px 1%;}
.academy-tab-bar li a{width: 100%;display: block;}
.academy-tab-bar li a .icon-box{width: 48px;height: 48px;margin: 0 auto;padding-top: 4px;text-align: center;background: transparent linear-gradient(180deg, #034854 0%, #002329 100%) 0% 0% no-repeat padding-box;border-radius: 50%;margin-bottom: 9px;}
.academy-tab-bar li span{display: block;font-size: var(--fs-16);font-weight: 500;color: var(--v-black);}
.academy-tab-bar li.active span{color: var(--v-orange);}

.main.app-main{padding-bottom: 75px;}
.main.app-main .academy-content .breadcrumb-wrapper{display: none;}

.page-tool-bar{position: fixed;right: 0;bottom: 0;z-index: 1000;user-select: none;}
.page-tool-bar.hide-tool-bar{display: none;}
.page-tool-bar-usual{position: relative;}
.page-tool-bar-usual li{width: 90px;height: 70px;display: flex;align-items: center;justify-content: center;background: var(--v-white);box-shadow: 0px 5px 17px #00000029;margin: 3px 0px;cursor: pointer;}
.page-tool-bar-usual li:hover{background: #EFEFEF;}
.page-tool-bar-usual li.back-to-top{ opacity:0;pointer-events: none; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.page-tool-bar-usual li.back-to-top.show{opacity:1;pointer-events: auto;}
.page-tool-bar.apac-lp-hide{bottom: 126px;}
.page-tool-bar.apac-lp-hide .live-chat,
.page-tool-bar.apac-lp-hide .media-share{display: none;}

.page-tool-bar-media{position: fixed;right: 0;bottom: 0;height: 100vh;width: 90px;background: #0000003D;backdrop-filter: blur(13px);opacity: 0;transform: translateX(100px);transition: all 0.3s ease 0s;}
.page-tool-bar-media.active{opacity: 1;transform: translateX(0px);}
.page-tool-bar-media ul{text-align: center;position: absolute;bottom: 0;width: 100%;}
.page-tool-bar-media ul li{width: 43px;margin: 0 auto 20px;}
.page-tool-bar-media ul li.page-tool-bar-media-close{height: 43px;background: var(--v-orange);border-radius: 50%;margin-bottom: 32px;position: relative;cursor: pointer;}
.page-tool-bar-media ul li.page-tool-bar-media-close:hover{background: #CC4E24;}
.page-tool-bar-media ul li.page-tool-bar-media-close::after,
.page-tool-bar-media ul li.page-tool-bar-media-close::before{position: absolute;content: '';background-color: var(--v-white);left: 20px;top: 12px;width: 2px;height: 17px;}
.page-tool-bar-media ul li.page-tool-bar-media-close::after{transform: rotate(-45deg);}
.page-tool-bar-media ul li.page-tool-bar-media-close:before{transform: rotate(45deg);}
.page-tool-bar-media ul li a:hover path{fill: var(--v-orange);transition: all 0.2s;}

.header-language-mask-layer{display:none;position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,0.8);z-index: 10000;}
.header-language-bar{display:none;position: fixed;height: 100vh;top: 0;right: 0;width: 300px;background: #fff;box-shadow: 0px 3px 6px #00000029;z-index: 10000;}
.language-bar-content-title{display: flex;justify-content: space-between;padding: 20px 20px 20px 35px;align-items: center;}
.language-bar-content-title h5{color: var(--v-black);}
.language-bar-content-title button{width: 43px;height: 43px;background: #818181;border-radius: 50%;text-align: center;line-height: 2.3;color: #fff;border: none;}
.language-bar-content-title button:hover{background: #616161;}
.header-language-bar ul{display: flex;flex-wrap: wrap;height: auto;max-height: calc(100vh - 83px);overflow-y: scroll;}
.header-language-bar ul li{width: 100%;border-bottom: 2px solid var(--v-grey-light4);position: relative;}
.header-language-bar ul li.active{order: -1;}
.header-language-bar ul li.active:after{content:'✔';display: block;width: 21px;height: 21px;background: #147875;position: absolute;right: 20px;top: 0;bottom: 0;margin: auto;border-radius: 50%;color: #fff;text-align: center;font-size: 15px;}
.header-language-bar ul li a{display: block;padding: 15px 35px;color: var(--v-black);background: #fff;font-size: 16px;}
.header-language-bar ul li a:hover{background: #ededed;}
.header-language-bar ul li.active a{background: #00C79C;color: var(--v-white);}

.header-mobile .header-language-mask-layer{background: rgba(0,0,0,0.5);}
.header-mobile .header-language-bar{width: 100%;height: calc(100vh - 100px);bottom: 0;top: auto;border-radius: 15px 15px 0px 0px;}
.header-mobile .language-bar-content-title{display: block;position: relative;padding: 20px;}
.header-mobile .language-bar-content-title h5{font-size: 22px;text-align: center;}
.header-mobile .language-bar-content-title button{position: absolute;right: 20px;top: 0;bottom: 0;margin: auto;width: 28px;height: 28px;}
.header-mobile .language-bar-content-title button img{vertical-align: top;}
.header-mobile .header-language-bar ul{max-height: calc(100vh - 116px);}

.vau-loading-wrapper{display: flex;align-items: center;justify-content: center;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999999;background: var(--v-white);}
#vau-loading-lottie{width: 180px;height: 180px;}

#launcher {transform: translate(1200px, 0px) !important;}

html[lang='ko-KR'] .main-menu .nav-right,
html[lang='zh-hant-TW'] .main-menu .nav-right,
html[lang='zh-hans-MY'] .main-menu .nav-right { width: unset;}

html[lang='vi-VN'] .main-menu { text-wrap: nowrap;}

.header-mask{width: 100vw;height: 100vh;position: fixed;top: 0px;left: 0px;background: var(--v-black);opacity: .5;display: none;z-index: 100;}
.noIpad{position: relative;box-shadow: -2px 4px 13px 0px #00000029;}
.noIpad .noIpad-inner{position: absolute;left: 0px;width: 100%;background: var(--v-white);}
.noIpad .down-box {border-top: 1px solid var(--v-grey-light4);}
.noIpad .inner{display: flex;padding-top: 32px;padding-bottom: 32px;min-height: 400px;}
.noIpad .inner .down-box-left{width: 420px;max-width: 40%;padding-right: 80px;transition: all .2s linear;}
.noIpad .inner .down-box-left h3{font-size: var(--fs-22);color: var(--v-black);margin-bottom: 12px;font-weight: 600;line-height: 1.2;transition: all .3s linear; text-transform: uppercase;}
.noIpad .inner .down-box-left p{font-size: var(--fs-14);color: #404040;font-weight: 400;}
.noIpad .inner .down-box-left a{display: block;width: 32px;height: 32px;border-radius: 50%;background: rgba(0, 0, 0, 0.10);display: flex;justify-content: space-around;align-items: center;transition: all .3s linear;}
.noIpad .inner .down-box-left:hover{transform: translateX(10px);}
.noIpad .inner .down-box-left:hover h3{color: var(--v-orange);text-decoration: underline;font-weight: 400;}
.noIpad .inner .down-box-left:hover a{background-color: #e3572842;color: var(--v-orange);transform: scale(1.3);}
.noIpad .inner .down-box-right{width: 100%;padding-left: 80px;display: flex;justify-content: space-between;}
.noIpad .inner .down-box-right .down-box-right-menu{display: flex;}
.noIpad .inner .down-box-right ul.subcategory{width: 200px;}
.noIpad .inner .down-box-right ul.subcategory:nth-of-type(2){margin-left: 20px;}
.noIpad .inner .down-box-right ul.subcategory li{margin-bottom: 12px;line-height: 1;}
.noIpad .inner .down-box-right ul.subcategory li span{font-size: var(--fs-16);color: var(--v-black);font-weight: 500;line-height: 1.1;}
.noIpad .inner .down-box-right ul.subcategory li a i{display: none;}
.noIpad .inner .down-box-right ul.subcategory li.childTit{color: #646464;font-size: var(--fs-16);font-weight: 400;margin-bottom: 16px;}
.noIpad .inner .down-box-right ul.subcategory li.childTit a svg{transform: translateY(-2px);}
.noIpad .inner .down-box-right ul.subcategory li.childTit a:hover{color: var(--v-orange);}
.noIpad .inner .down-box-right ul.subcategory li:hover span{color: var(--v-orange);}
.noIpad .inner .down-box-right ul.subcategory li.hasPromotion span{color: var(--v-black);}
.noIpad .inner .down-box-right ul.subcategory li.hasPromotion span:hover{color: var(--v-orange);}
.noIpad .inner .down-box-right ul.subcategory li.hasPromotion a i{display: inline-block;color: #00C79C;font-size: var(--fs-12);font-style: normal;}
.noIpad .inner .down-box-right .promotion-img{cursor: none;border-radius: 30px;width: 420px;max-width: 100%;height: fit-content;box-shadow: 14.4px 19.2px 19.2px 0px rgba(0, 0, 0, 0.16);}
.noIpad .inner .down-box-right .promotion-img a{cursor: none;}
#header-cursor{transform: scale(1);position: fixed;background-color: rgba(0,0,0,0.5);z-index: 10;top: 0;left: 0;width: 107px;height: 107px;border-radius: 50%;transition: transform .4s cubic-bezier(0, 0.02, 0, 1),opacity .5s;opacity: 1;pointer-events: none;color: var(--v-white);display: flex;justify-content: space-around;align-items: center;font-size: var(--fs-14);backdrop-filter: blur(5px);}
.header-noshow {opacity: 0 !important;transform: scale(0);}

@media (pointer: fine) {
    #cursor{
        opacity: 1;
    }
}

@keyframes header-initial{
    from{opacity: 0;}
    to{opacity: 1;}
}

@media (max-width:1850px){
    html[lang='fr-FR'] .main-menu .nav-right,
    html[lang='vi-VN'] .main-menu .nav-right { width: 100%; display: flex; justify-content: flex-end;}
}
@media (max-width:1640px){
    header .nav-right li{margin-right: 15px;}
    .secondary-menu .inner{padding-right: 65px;}

    .page-tool-bar-usual li{width: 75px;height: 60px;}
    .page-tool-bar-media{width: 75px;}

    html[lang='mn-MN'] header .inner.flex ,
    html[lang='fr-FR'] header .inner.flex ,
    html[lang='vi-VN'] header .inner.flex { flex-wrap: nowrap;}
}

@media (max-width:1440px){
    #wpadminbar{display: none !important;}

    /* header .nav-right .nav-live-link, header .nav-right .nav-demo-link, header .nav-right .nav-login-link,header .nav-right .nav-boundary{display:none;} */
    /* header .nav-right li a svg{margin: 0;} */

    .main-menu .nav-right { width: unset; display: flex; justify-content: flex-end;}
    html[lang='vi-VN'] .main-menu .nav-right ,
    html[lang='fr-FR'] .main-menu .nav-right { width: unset; display: flex; justify-content: flex-end;}
}

@media (max-width:1280px){
    .nav-menu-academy-tab{padding: 20px 0px 20px;overflow-y: scroll;height: calc(100vh - 144px);}
    .nav-menu-academy-tab .tab-inner.flex{flex-wrap: wrap;justify-content: flex-start;}
    .nav-menu-academy-tab .col-7{flex:0 0 25%;margin-bottom: 20px;}
    .noIpad .inner .down-box-right .promotion-img{max-width: 50%;}
    .noIpad .inner .down-box-right{max-width: 75%;padding-left: 40px;}
    .noIpad .inner .down-box-left{padding-right: 40px;}
}

@media (max-width:1200px){
    .main-menu .nav-right { width: 100%; display: flex; justify-content: flex-end;}
}

@media (max-width:1100px){
    html[lang='vi-VN'] .main-menu .nav-right { width: 100%;}

    .noIpad .inner .down-box-right{flex-direction: column;}
    .noIpad .inner .down-box-right .promotion-img{margin-top: 20px;max-width: 100%;}

}

@media (max-width:1050px){
    html[lang='de-DE'] .main-menu .nav-right ,
    html[lang='th-TH'] .main-menu .nav-right { width: 100%;}
}

@media (max-width:1035px){
    html[lang='fr-FR'] ,
    html[lang='vi-VN'] .main-menu .nav-right { width: 100%;}
}

@media (max-width:1200px){
	.page-tool-bar{ opacity:0.7;}
	.page-tool-bar:hover{ opacity:1;}
}

@media (max-width:992px){
    header .inner{padding: 0 20px;}
    header .main-menu{padding: 25px 0px;}
    header .nav-logo{margin-right: 20px;width: 100px;}
    
    /* 删除 */
    /* header .nav-menu .nav-menu-item{margin-right: 15px;}
    header .nav-menu .nav-menu-item a{font-size: var(--fs-14);} */
    /* 删除 */

    header .nav-right li{margin-right: 20px;}
    .secondary-menu{display: none;}
    .header-academy .nav-menu .menu-academy-main a{font-size: var(--fs-16);}
    .header-academy .breadcrumb-nav{display: block;text-align: right;}
    .nav-menu-academy-tab ul li.main-item{font-size: var(--fs-16);}
    .nav-menu-academy-tab ul li{font-size: var(--fs-14);}
    .nav-menu-academy-tab .col-7{margin-bottom: 15px;}

    html[lang='nl-NL'] .nav-menu-container .nav-menu-item,
    html[lang='de-DE'] .nav-menu-container .nav-menu-item { text-wrap: nowrap; }

    html[lang='th-TH'] .main-menu .nav-right { width: unset;}

}

@media (max-width:840px){
    html[lang='kk-KZ'] .main-menu .nav-right ,
    html[lang='pt-PT'] .main-menu .nav-right ,
    html[lang='th-TH'] .main-menu .nav-right { width: 100%;}
}

@media (max-width:815px){
    html[lang='ms-MY'] .main-menu .nav-right { width: 100%;}
}

@media (max-width:810px){
    html[lang='mn-MN'] .main-menu .nav-right,
    html[lang='et-EE'] .main-menu .nav-right { width: 100%;}
}


@media (max-width:768px){
    html{margin-top: 0px !important;}
    /* 删除 */
    /* .secondary-menu .secondary-menu-main { flex-wrap: nowrap;} */
    /* 删除 */
    header .main-menu .inner{display: block;}
    header .inner .nav-left{justify-content: flex-start;flex-wrap: wrap;}
    header .inner .nav-right{padding-top: 10px;}
    header .inner .nav-right .nav-user-function{justify-content: flex-end;}

    /* 删除 */
    /* header .nav-menu{padding-top: 5px;} */
    /* 删除 */

    /* 删除 */
    /* header .inner .nav-menu .nav-menu-container{justify-content: flex-start;flex-wrap: wrap;}
    .secondary-menu{overflow-x: scroll;}
    .secondary-menu::-webkit-scrollbar{width: 8px;height: 6px;}
    .secondary-menu::-webkit-scrollbar-track {border-radius: 10px;background-color: transparent;}
    .secondary-menu::-webkit-scrollbar-thumb {background-color: rgba(144, 147, 153, 0.3);transition: background-color 0.3s;border-radius: 10px;}
    .secondary-menu::-webkit-scrollbar-thumb:hover {background-color: rgba(144, 147, 153, 0.3);transition: background-color 0.3s;}
    .secondary-menu .inner{display: block;}
    .secondary-menu .secondary-menu-container{width: max-content;} */
    /* 删除 */
    
    .nav-menu-academy-tab .col-7{flex: 0 0 33.3%;}

    

    .page-tool-bar{display: none;}

    .noIpad .inner .down-box-left{padding-right: 20px;}
    .noIpad .inner .down-box-right{padding-left: 20px;}
}
@media (max-width:640px){
    .noIpad .inner{flex-direction: column;}
    .noIpad .inner .down-box-left{padding-right: 0px;max-width: 100%;margin-bottom: 20px;}
    .noIpad .inner .down-box-right{padding-left: 0px;width: 100%;max-width: 100%;}
    .noIpad .inner .down-box-left p{margin-bottom: 10px;}
    header .nav-medium-user .nav-medium-user-list{left: 0px;top: 30px;}
    .noIpad .inner .down-box-right ul.subcategory{width: 50%;}
    .noIpad .inner .down-box-right ul.subcategory:nth-of-type(2){margin-left: 10px;}
    header .inner .nav-menu .nav-menu-container .top-category{margin-right: 0px;}
}
@media (max-width:510px){
    header.header-mobile .inner{padding: 0 10px;}
    .nav-menu-academy-tab .col-7{flex: 0 0 50%;}


}
@media (max-width:410px){
    .academy-tab-bar li span{font-size: 13px;}
    header .nav-right li a svg{margin-right: 5px;}
    header .inner .nav-menu .nav-menu-container .top-category{margin-right: 0px;}
}

@media (min-width:768px){
    .header-mobile .initial-state-menu{padding: 15px 0px;}
    .header-mobile .open-state-menu{transform: translateX(-1440px);}
    .header-mobile .open-state-menu .mobile-menu-top{padding: 20px 0px;}
    .header-mobile .initial-state-menu .nav-logo,
    .header-mobile .open-state-menu .nav-logo,
    .header-mobile .initial-state-menu .nav-logo img,
    .header-mobile .open-state-menu .nav-logo img{width: 128px;}
}

