@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/icons.woff2) format('woff2');
  }

@font-face {
    font-family: 'Material Icons Fill';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/icons2.woff2) format('woff2');
}

@font-face {
  font-family: 'PingFang';
  src: url(../fonts/PingFang-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'PingFang';
  src: url(../fonts/PingFang-Medium.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'PingFang';
  src: url(../fonts/PingFang-Bold.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'PingFang';
  src: url(../fonts/PingFang-Heavy.ttf) format('truetype');
  font-weight: 900;
  font-style: normal;
}

body {overflow-x: hidden;margin: 0;scroll-behavior: smooth;font-size: 2.13vw;background-color: #ffffff;font-family: "PingFang", sans-serif;color: #404040;max-width:750px;
    min-width:320px;margin: 0 auto;position: relative;}
html { scrollbar-width: none; -ms-overflow-style: none;scroll-behavior: smooth;/*font-size: 2.13vw;*/font-size: clamp(12px, 2.13vw, 16px);}
::-webkit-scrollbar { width: 0px; background: transparent; }
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 1.125rem; line-height: 1.125rem; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; }
.material-icons-fill { font-family: 'Material Icons Fill'; font-weight: normal; font-style: normal; font-size: 1.125rem; line-height: 1.125rem; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;}


* { box-sizing: border-box; }

.container{max-width: 1200px;width: 100%;margin: 0 auto;padding: 0;position: relative;}
a {text-decoration: none;}
p, h1, h2, h3, h4{margin: 0;}

ul, li{padding: 0;margin: 0;}
li{list-style: none;}

.hidden{display: none!important;}

.container{padding: 0 1.875rem;}

header{height: 15.625rem;border-radius: 0 0 5rem 5rem;background: linear-gradient( 0deg, rgb(146,96,255) 0%, rgb(87,207,255) 100%);display: flex;flex-direction: column;position: relative;z-index: 999;}
header .header-top-wrap{display: flex;align-items: center;justify-content: space-between;padding: 2.375rem 0.75rem 2.375rem 1.25rem;position: relative;}
header .header-top-wrap > a img{width: 13.438rem;height: auto;display: block;}
header .header-top-wrap .header-right{display: flex;align-items: center;column-gap: 1.25rem;}
header .header-top-wrap .header-right .search-btn img{width: 2.375rem;height: auto;display: block;}
header .header-top-wrap .header-right .menu-icon img{width: 2.75rem;height: auto;display: block;}
header .mobile-nav-bar{margin: 0 1.25rem 1.5rem;background-color: #ffffff;border-radius: 2.75rem;box-shadow: 0 8px 8px #0000001A;padding: 1.25rem 4rem;display: flex;align-items: center;justify-content: space-between;}
header .mobile-nav-bar  a{font-size: 1.75rem;color: #404040;position: relative;}
header .mobile-nav-bar  a.active{font-size: 2rem;color: #1A1A1A;font-weight: 900;}
header .mobile-nav-bar  a.active::after{height: 0.25rem; width: 60%; border-radius: 2px; background-color: #4AABFF; bottom: -0.375rem; left: 50%; position: absolute; content: ""; transform: translateX(-50%);}
header .header-top-wrap .menu-dropdown{position: absolute;display: none;flex-direction: column;background-color: #ffffff;position: absolute;flex-direction: column; background-color: #ffffff; width: 100%; left: 0; top: 8rem; z-index: 999; row-gap: 2rem; padding: 1.5rem 3rem;}
header .header-top-wrap .menu-dropdown a{font-size: 1.75rem;color: #404040;}
header .header-top-wrap .menu-dropdown.show{display: flex;}


footer{background-image: url(../images/footer-bg.png);background-size: cover;background-repeat: no-repeat;width: 100%;height: 16.875rem;padding: 2rem;display: flex;flex-direction: column;align-items: center;margin-top: 3.125rem;}
footer .footer-logo img{width: 13.438rem;height: auto;display: block;margin-bottom: 2rem;}
footer .footer-menu-list{display: flex;align-items: center;justify-content: center;column-gap: 3rem;margin-bottom: 16px;}
footer .footer-menu-list a{font-size: 1.75rem;color: #FFFFFF;}
footer > p{font-size: 1.125rem;color: #FFFFFF;line-height: 1.5rem;}
footer > p a{color: #FFFFFF;}
.titleWrap{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 1.25rem;}
.titleWrap h2{font-size: 2.25rem;color: #404040;font-weight: 900;}
.titleWrap p{font-size: 2.25rem;color: #404040;font-weight: 900;}
.titleWrap  a{display: flex;align-items: center;font-size: 1.375rem;color: #999999;}
.titleWrap  a i{font-size: 2rem;color: #999999;}

.error-page{display: flex;align-items: center;justify-content: center;flex-direction: column;margin-top: 14.25rem;margin-bottom: 25rem;}
.error-page img{width: 35.625rem;height: auto;display: block;margin-bottom: 1.5rem;}
.error-page p{font-size: 2rem;font-weight: 500;color: #404040;text-align: center;margin-bottom: 2.25rem;}
.error-page a{width: 13.75rem;height: 4rem;line-height: 4rem;text-align: center;background-color: #FFD930;border-radius: 2rem;font-size: 1.875rem;color: #ffffff;font-weight: 500;}

.breadcrumbs{margin-top: 1.125rem;}
.breadcrumbs .container{display: flex;align-items: center;column-gap: 0.875rem;overflow: hidden;
    white-space: nowrap;}
.breadcrumbs a{font-size: 1.5rem;color: #999999;}
.breadcrumbs a.current{color: #4AABFF;font-weight: 700;max-width: 25rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.breadcrumbs span{color: #4AABFF;font-weight: 700;max-width: 25rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 1.5rem;}
.breadcrumbs .arrow{background-image: url(../images/breadcrumb-arrow.png);width: 0.63rem;height: 0.75rem;background-repeat: no-repeat;background-size: cover;}

.fullscreen-viewer { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.9); justify-content: center; align-items: center; z-index: 9999; }
.fullscreen-viewer.active { display: flex; }
.fullscreen-viewer img { max-width: 100%; max-height: 100%; object-fit: contain; }

.pageWrap{    display: flex
;
    align-items: center;
    column-gap: 1rem;
    margin: 0 auto;
    justify-content: center;
    border-bottom: none;
    padding-bottom: 0;}
.pageWrap a,.pageWrap span{width: 4.625rem;
    height: 3.375rem;
    display: flex
;
    align-items: center;
    justify-content: center;
    border-radius: 0.31rem;font-size: 1.5rem;background-color: #f4f4f4;color: #454545;}
.pageWrap .current{color:#fff;background:#4AABFF;}

/*.pageWrap a,.pageWrap span{width:.58rem;height:.58rem;line-height:.58rem;text-align:center;font-size:.22rem;color:#454545;border-radius:.06rem;background-color:#f4f4f4;}
.pageWrap .current{color:#fff;font-size:.22rem;background:#4AABFF;}
.pageWrap .disabled{background:#ececec;color:#b1b1b1;}
.pageWrap .ico_l{width: .18rem;height: .32rem;background-position: -1.65rem -.75rem;position: relative;top: .12rem;left: .2rem;display: block;}
.pageWrap .ico_r{width: .18rem;height: .32rem;background-position: -2.03rem -.75rem;position: relative;top: .12rem;left: .2rem;display: block;}
.pageWrap a:first-child,.pageWrap a:last-child{width: 1rem;}*/