/* === CSS Variables === */
:root {
  --Color-Text-White: #FFFFFF;
  --Color-Background-Full: #F6F7F8;
  --Color-Background-1: #FFFFFF;
}
/* === Reset (minimal) === */
html,body,div,ul,li,h1,h2,h3,h4,h5,h6,p,section{margin:0;padding:0}
*{box-sizing:border-box;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
html,body{min-height:100%}
body{font-family:"Microsoft YaHei";font-size:14px;color:#333}
h1,h2,h3,h4,h5,h6{font-weight:normal}
img{border:none;vertical-align:middle}
video{border-top-left-radius:8px;border-top-right-radius:8px}
/* === Font Face === */
@font-face{font-family:"Bold";src:url("https://www.bodor.com/en/scan/static/font/Montserrat-Bold.woff2");font-weight:700;font-display:swap}
@font-face{font-family:"PingFangSC-Light";src:url("https://www.bodor.com/en/scan/static/font/PingFangSC-Light.woff2");font-display:swap;font-weight:300}
@font-face{font-family:"RedHatDisplay-Regular";src:url("https://www.bodor.com/en/scan/static/font/RedHatDisplay-Regular.woff2");font-display:swap;font-weight:400}
@font-face{font-family:"RedHatDisplay-Medium";src:url("https://www.bodor.com/en/scan/static/font/RedHatDisplay-Medium.woff2");font-display:swap;font-weight:500}
@font-face{font-family:"RedHatDisplay-Semibold";src:url("https://www.bodor.com/en/scan/static/font/RedHatDisplay-SemiBold.woff2");font-display:swap;font-weight:600}
/* === Font Classes === */
.heshu-MontserratBold{font-family:Bold,"Microsoft YaHei";font-weight:700!important}
.heshu-PFLight{font-family:PingFangSC-Light,PingFang SC,"Microsoft YaHei"!important;font-weight:300!important}
.heshu-PFRegular{font-family:RedHatDisplay-Regular,sf-pro-text_regular,sf-pro-display_regular,PingFang SC,"Microsoft YaHei"!important;font-weight:400!important}
.heshu-PFMedium{font-family:RedHatDisplay-Medium,sf-pro-text_medium,PingFang SC,"Microsoft YaHei"!important;font-weight:500!important}
.heshu-PFSemibold{font-family:RedHatDisplay-Semibold,PingFang SC,"Microsoft YaHei"!important;font-weight:600!important}
/* === Utility Classes === */
body.heshu-bg-gray11{background-color:var(--Color-Background-Full) !important;color:inherit !important}
.bg-white{background-color:var(--Color-Background-1)}
.bg-black{background-color:#000000}
.c-white{color:var(--Color-Text-White)}
.c-black{color:#000000}
.c-828898{color:#828898}
.c-F6F6F6{color:#F6F6F6}
.tc{text-align:center}
.ofh{overflow:hidden}
.psc{position:sticky;position:-webkit-sticky}
.pr{position:relative}
.pa{position:absolute}
.t-0{top:0px}
.t-163{top:163px}
.t-192{top:192px}
.l-0{left:0px}
.b-0{bottom:0}
.csp{cursor:pointer}
.df-c{display:flex;display:-webkit-flex;align-items:center;justify-content:center}
.df-fd-c{display:flex;display:-webkit-flex;align-items:flex-end;justify-content:center}
.of-c{object-fit:cover}
.mg-a{margin:auto}
.w100{width:100%}
.w-130{width:130px}
.w-1120{width:1120px}
.h-100vh{height:100vh}
.h100{height:100%}
.h-0{height:0}
.h-36{height:36px}
.h-628{height:628px}
.minh-800{min-height:800px}
.fs-17{font-size:17px}
.fs-18{font-size:18px}
.fs-24{font-size:24px}
.fs-48{font-size:48px}
.fs-56{font-size:56px}
.fs-72{font-size:72px}
.lh-normal{line-height:normal}
.lh-26{line-height:26px}
.lh-36{line-height:36px}
.lh-60{line-height:60px}
.ltsp-0{letter-spacing:0}
.mb-5{margin-bottom:5px}
.mb-16{margin-bottom:16px}
.mb-24{margin-bottom:24px}
.mb-38{margin-bottom:38px}
.pb-120{padding-bottom:120px}
.br-8{border-radius:8px}
.br-30{border-radius:30px}
.transition03{transition:0.3s all}
.transition03-inOut{transition:0.3s all ease-in-out}
.transition05-cubic{transition:0.5s all cubic-bezier(0,0.49,0.58,1)}
.dn{display:none}
.op-0{opacity:0}
.op-065{opacity:0.65}
.zindex-0{z-index:0}
.zindex-1{z-index:1}
.zindex-2{z-index:2}
.zindex-3{z-index:3}
.zindex-4{z-index:4}
/* === Responsive xs (max 576px) === */
@media(max-width:576px){
  .xs-dn{display:none!important}
  .xs-db{display:block}
}
/* === Responsive sm (576-767px) === */
@media(min-width:576px) and (max-width:767px){
  .sm-dn{display:none!important}
  .sm-db{display:block}
  .w-1120{width:100%}
}
/* === Responsive md (768-1023px) === */
@media screen and (min-width:768px) and (max-width:1023px){
  .md-dn{display:none}
  .md-db{display:block}
}
/* === Banner Specific (from index-0.291.css) === */
#banner{height:700vh}/* height overridden by inline style from theme settings */
.banner_content_shade{background:linear-gradient(0deg,rgba(0,0,0,0.12) 0%,#000 91.72%)}
#banner_video.active{width:100%;height:100%}
.banner_bottom_text h2{background:linear-gradient(93deg,#ff4610 0.62%,#ffbc10 53.95%,#ffe145 99.14%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;width:fit-content;margin:auto}
.banner_bottom_text{opacity:0;transform:translateY(60px);transition:opacity 0.3s linear,transform 0.3s cubic-bezier(0.215,0.61,0.355,1)}
.banner_bottom_text.active{opacity:1;transform:translateY(0px)}
@media(min-width:768px){
  .banner_content1 h1{background:linear-gradient(93deg,#ff4610 0.62%,#ffbc10 53.95%,#ffe145 99.14%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;width:fit-content}
  .banner_h5 h5{background:linear-gradient(180deg,#fff 40.5%,rgba(255,255,255,0.04) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
}
/* === NewThird Specific === */
#newThird{height:300vh}
.newThird_shade{background:linear-gradient(180deg,rgba(0,0,0,0.00) 26.5%,#000 100%);z-index:1}
.newThird_shade.active{height:50vh}
.newThird_textBox h2{opacity:0;transform:translateY(-60px);transition:opacity 0.6s linear,transform 0.6s cubic-bezier(0.215,0.61,0.355,1)}
.newThird_textBox h2.active{transform:translateY(0) translateZ(0);opacity:1}
.newThird_textBox p{opacity:0;transform:translateY(-60px);transition:opacity 0.6s linear 0.1s,transform 0.6s cubic-bezier(0.215,0.61,0.355,1) 0.1s}
.newThird_textBox p.active{transform:translateY(0) translateZ(0);opacity:1}
/* === Mobile === */
@media(max-width:767px){
  #banner{height:auto}
  .banner{position:initial;height:auto}
  .banner_content1{height:186.667vw;position:inherit}
  .banner_content1 p{font-size:4.267vw;margin-bottom:2.133vw}
  .banner_content1 h1{font-size:12.8vw;margin-bottom:2.133vw;line-height:115%;letter-spacing:-0.533vw;color:#fff}
  .banner_content1 h1 b{letter-spacing:0;background:linear-gradient(93deg,#ff4610 0.62%,#ffbc10 53.95%,#ffe145 99.14%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:12.8vw;line-height:115%;letter-spacing:-0.533vw}
  .banner_text{top:24vw}
  .banner_text p{margin-bottom:9.6vw;font-size:3.733vw;line-height:normal;letter-spacing:1px}
  .bannerBtn{width:31.467vw;height:9.6vw;font-size:4.533vw;line-height:9.6vw;margin-top:0;margin-left:auto;margin-right:auto;background-color:#fff;opacity:1;color:#000;filter:invert(0%)}
  #newThird{height:auto;padding:40px 16px}
  .newThird{position:inherit;height:auto}
  .newThird-imgbox{display:none}
  .newThird-video{position:initial}
  .md_newThird_title{position:inherit;font-size:6.4vw;line-height:8.533vw}
  .md_newThird_title h2{font-size:6.4vw;line-height:8.533vw;margin-bottom:2.133vw;color:#171B25}
  .md_newThird_title p{font-size:3.733vw;line-height:5.867vw;margin-bottom:6.400vw;color:#000}
}
/* === Pad (768-1023) === */
@media screen and (min-width:768px) and (max-width:1023px){
  .banner_bottom_text{width:70%}
  .banner_content1 h1{font-size:36px;line-height:44px!important;margin-bottom:16px!important}
  .w-1120{width:680px}
}
/* === Pad (1024-1199) === */
@media screen and (min-width:1024px) and (max-width:1199px){
  .banner_content1 h1{line-height:normal!important;margin-bottom:16px!important}
  .w-1120{width:888px}
}