/* ========================================
 *    Update：1762934712
 *    Author：Repute
 * Copyright：Prestige International
 * ========================================
 * */

.bg-gray-11d{background-color:var(--blue-11d)}
.bg-white,.bg-m-white{background-color:var(--white)}
.bg-white .header{height:88px}
.cn .header-left .header-logo{background:url("/static/images/header/logo-cn-white.svg") no-repeat 0 0/100% 100%}
.tw .header-left .header-logo{background:url("/static/images/header/logo-tw-white.svg") no-repeat 0 0/100% 100%}
.cn .navigation-area:before{background-image:url("/static/images/header/hkgx-cn-white.svg")}
.tw .navigation-area:before{background-image:url("/static/images/header/hkgx-tw-white.svg")}
.bg-white.cn .navigation-area:before{background-image:url("/static/images/header/hkgx-cn-black.svg")}
.bg-white.tw .navigation-area:before{background-image:url("/static/images/header/hkgx-tw-black.svg")}
.header-left .nav-list>li>a{color:var(--white)}
.header-left .nav-list>li>a>i{background:url("/static/images/header/icon-down-white.svg") no-repeat 0 0/100% 100%}
@media screen and (min-width: 1200px) {
    .investment-journey-container .m-hide{display:block}
	.investment-journey-container .m-show{display:none}
	.header-right ul li a{color:var(--white)}
	.header-right ul li a.language-change{background:url("/static/images/header/icon-lang.svg") no-repeat 0 0/100% 100%}
	.header-right ul li a.scan-download-change{background:url("/static/images/header/icon-download.svg") no-repeat 0 0/100% 100%}
}
@media screen and (max-width: 1199px) {
    .cn .header .m-header .header-logo{background:url("/static/images/header/logo-cn-white.svg") no-repeat 0 0/100% 100%}
	.tw .header .m-header .header-logo{background:url("/static/images/header/logo-tw-white.svg") no-repeat 0 0/100% 100%}
	.bg-m-white.cn .header .m-header .header-logo,.bg-white.cn .header .m-header .header-logo{background:url("/static/images/header/logo-cn-black.svg") no-repeat 0 0/100% 100%}
	.bg-m-white.tw .header .m-header .header-logo,.bg-white.tw .header .m-header .header-logo{background:url("/static/images/header/logo-tw-black.svg") no-repeat 0 0/100% 100%}
	.cn .m-header .header-logo:before{background-image:url("/static/images/header/hkgx-cn-white2.svg")}
	.tw .m-header .header-logo:before{background-image:url("/static/images/header/hkgx-tw-white2.svg")}
	.bg-white.cn .m-header .header-logo:before,.bg-m-white.cn .m-header .header-logo:before{background-image:url("/static/images/header/hkgx-cn-black2.svg")}
	.bg-white.tw .m-header .header-logo:before,.bg-m-white.tw .m-header .header-logo:before{background-image:url("/static/images/header/hkgx-tw-black2.svg")}
	.header .header-container{top:88px;height:calc(100% - 88px)}
	.bg-white .header .header-container{top:88px;height:calc(100% - 88px)}
	.header-left .nav-list>li>a{color:var(--blue-11d)}
	.header-left .nav-list>li>a>i{background-image:url("/static/images/header/icon-down-black.svg")}
	.m-header .hd-online-service{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M24%202.09985C34.6534%202.09985%2043.2557%2010.8228%2043.4951%2021.5999H43.498V21.8899C43.4985%2021.947%2043.5%2022.0046%2043.5%2022.0618V27.5999H43.499V34.7991C43.499%2034.8052%2043.4981%2034.8115%2043.498%2034.8176V37.1995C43.498%2041.3416%2040.1402%2044.6995%2035.998%2044.6995H25.1982V41.6995H35.998C38.4833%2041.6995%2040.498%2039.6847%2040.498%2037.1995V36.2991H37.7988C34.9499%2036.2989%2032.0996%2034.3624%2032.0996%2031.3704V26.2278C32.0997%2023.2358%2034.9499%2021.2992%2037.7988%2021.2991H40.4824C40.0941%2012.2527%2032.8305%205.09985%2024%205.09985C15.1695%205.09985%207.90586%2012.2527%207.51758%2021.2991H10.2002C13.0492%2021.2992%2015.9003%2023.2358%2015.9004%2026.2278V31.3704C15.9004%2034.3625%2013.0492%2036.299%2010.2002%2036.2991H6C5.17157%2036.2991%204.5%2035.6275%204.5%2034.7991V22.0618C4.5%2011.0734%2013.1949%202.09985%2024%202.09985ZM7.5%2033.2991H10.2002C11.9901%2033.299%2012.9004%2032.1652%2012.9004%2031.3704V26.2278C12.9003%2025.4329%2011.99%2024.2992%2010.2002%2024.2991H7.5V33.2991ZM37.7988%2024.2991C36.0091%2024.2992%2035.0997%2025.433%2035.0996%2026.2278V31.3704C35.0996%2032.1652%2036.009%2033.2989%2037.7988%2033.2991H40.498V24.2991H37.7988Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E")}
	.bg-white .m-header .hd-online-service{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M24%202.10001C34.6534%202.10001%2043.2557%2010.823%2043.4951%2021.6H43.498V21.89C43.4985%2021.9471%2043.5%2022.0047%2043.5%2022.0619V27.6H43.499V34.8002C43.499%2034.8064%2043.4981%2034.8126%2043.498%2034.8188V37.1996C43.498%2041.3418%2040.1402%2044.6996%2035.998%2044.6996H25.1982V41.6996H35.998C38.4833%2041.6996%2040.498%2039.6849%2040.498%2037.1996V36.3002H37.7988C34.9499%2036.3001%2032.0996%2034.3635%2032.0996%2031.3715V26.2289C32.0996%2023.2369%2034.9499%2021.3003%2037.7988%2021.3002H40.4824C40.0946%2012.2533%2032.8308%205.10001%2024%205.10001C15.1692%205.10001%207.90538%2012.2533%207.51758%2021.3002H10.2002C13.0492%2021.3003%2015.9004%2023.2368%2015.9004%2026.2289V31.3715C15.9004%2034.3636%2013.0492%2036.3001%2010.2002%2036.3002H6C5.17163%2036.3002%204.5001%2035.6285%204.5%2034.8002V22.0619C4.5%2011.0735%2013.1949%202.10001%2024%202.10001ZM7.5%2033.3002H10.2002C11.9901%2033.3001%2012.9004%2032.1663%2012.9004%2031.3715V26.2289C12.9004%2025.4341%2011.9901%2024.3003%2010.2002%2024.3002H7.5V33.3002ZM37.7988%2024.3002C36.009%2024.3003%2035.0996%2025.4341%2035.0996%2026.2289V31.3715C35.0996%2032.1663%2036.009%2033.3001%2037.7988%2033.3002H40.498V24.3002H37.7988Z%22%20fill%3D%22%230C111D%22%2F%3E%0A%3C%2Fsvg%3E")}
	.m-nav-button{background-image:url(/static/images/header/icon-menu-md.svg)}
}
@media screen and (max-width: 1023px) {
    .header, .bg-white .header{height:60px}
	.header .m-header{padding:0 16px;height:100%}
	.header .m-header .header-logo{width:98px;height:30px}
	.header .header-container,.bg-white .header .header-container{top:60px;height:calc(100% - 60px)}
	.cn .m-header .header-logo:before,.tw .m-header .header-logo:before{right:-116px;width:100px;height:30px}
	.m-header .hd-online-service{right:64px}
}
