html,
body {
  margin: 0;
  padding: 0;
  min-width: 320px;
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  background: #fff;
}

* {
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
  display: block;
  border: 0;
}

ul,
li,
p {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

.clear {
  clear: both;
}

#app {
  min-height: 100vh;
  overflow-x: hidden;
}

.app-initial-loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  inset: 0;
  z-index: 99999;
}

#header,
.header-layout,
.header-box {
  position: relative;
  width: 100%;
  background: #fff;
  z-index: 10000;
  overflow: visible;
}

#header.homeHeader {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
}

.header-layout.homeHeader {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
}

.header-layout[data-v-2bff2eca] {
  margin-top: 20px;
  transition: background-color .2s ease;
}

.header-layout.homeHeader[data-v-2bff2eca].isScrolled {
  background: #fff;
}

.FixedHeader .header-layout[data-v-2bff2eca] {
  margin-top: 0;
}

.FixedHeader .header-layout.homeHeader[data-v-2bff2eca] {
  position: relative;
  background: #fff;
}

.FixedHeader {
  width: 100%;
  background: #fff;
  z-index: 10001;
}

.FixedHeader {
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
}

.headerBg {
  position: relative;
  width: 100%;
  max-width: 1200px;
  min-height: 92px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  background: #fff;
}

.headerBg > .left,
.NewTop > .left {
  flex: 0 0 auto;
}

.headerBg > .left img {
  width: 208px;
  height: auto;
}

.headerBg > .right {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap: 0;
  min-width: 0;
}

.headerBg > .right > .Meunbox,
.headerBg > .right > .header_menu,
.headerBg > .right > .nav_menu,
.headerBg > .right > .functionBox,
.headerBg > .right > .Meunbox > ul,
.headerBg > .right > .header_menu > ul,
.headerBg > .right > .nav_menu > ul {
  display: contents;
}

.Meunbox,
.functionBox,
.header_menu,
.nav_menu,
.langSwitch {
  position: relative;
  z-index: 10001;
  display: flex;
  align-items: center;
}

.Meunbox,
.header_menu {
  flex: 1 1 auto;
  min-width: 0;
}

.functionBox {
  flex: 0 0 auto;
  gap: 0;
  white-space: nowrap;
}

.header_menu > ul,
.nav_menu > ul,
.Meunbox ul {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.header_menu li,
.nav_menu li,
.Meunbox li {
  position: relative;
  flex: 1 1 0;
  text-align: center;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  line-height: 92px;
  white-space: nowrap;
}

.headerBg > .right > .functionBox > *,
.headerBg > .right > .functionBox > .handle-one,
.headerBg > .right > .functionBox > .loginBtn,
.headerBg > .right > .functionBox > .InsLangSwitch {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  justify-content: center;
}

.headerBg > .right > .functionBox > .langSwitch {
  flex: 0 0 auto;
  min-width: 0;
  display: flex;
  justify-content: center;
}

.headerBg > .right > .Meunbox > ul > li,
.headerBg > .right > .header_menu > ul > li,
.headerBg > .right > .nav_menu > ul > li {
  flex: 1 1 0;
  min-width: 0;
}

.header_menu li a,
.nav_menu li a,
.Meunbox li a {
  display: block;
  color: inherit;
  text-decoration: none;
}

.header_menu li ul,
.nav_menu li ul,
.Meunbox li ul {
  display: none;
  width: auto;
  justify-content: flex-start;
  gap: 0;
  position: absolute;
  z-index: 10002;
  top: 100%;
  left: 0;
  min-width: 180px;
  padding: 0;
  background: #fff;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .12);
}

.header_menu li ul li,
.nav_menu li ul li,
.Meunbox li ul li {
  flex: 0 0 auto;
}

.header_menu li:hover > ul,
.nav_menu li:hover > ul,
.Meunbox li:hover > ul {
  display: block;
}

.header_menu > ul > li::after,
.nav_menu > ul > li::after,
.Meunbox > ul > li::after,
.header_menu > ul[data-v-266ee83e] > li[data-v-266ee83e]::after,
.nav_menu > ul[data-v-266ee83e] > li[data-v-266ee83e]::after,
.Meunbox > ul[data-v-266ee83e] > li[data-v-266ee83e]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: #303b91;
  opacity: 0;
  transition: opacity .18s ease;
}

.header_menu > ul > li:hover::after,
.nav_menu > ul > li:hover::after,
.Meunbox > ul > li:hover::after,
.header_menu > ul > li:has(> a.router-link-active)::after,
.header_menu > ul > li:has(> a.router-link-exact-active)::after,
.nav_menu > ul > li:has(> a.router-link-active)::after,
.nav_menu > ul > li:has(> a.router-link-exact-active)::after,
.Meunbox > ul > li:has(> a.router-link-active)::after,
.Meunbox > ul > li:has(> a.router-link-exact-active)::after,
.header_menu > ul[data-v-266ee83e] > li[data-v-266ee83e]:hover::after,
.nav_menu > ul[data-v-266ee83e] > li[data-v-266ee83e]:hover::after,
.Meunbox > ul[data-v-266ee83e] > li[data-v-266ee83e]:hover::after,
.header_menu > ul[data-v-266ee83e] > li[data-v-266ee83e]:has(> a.router-link-active)::after,
.header_menu > ul[data-v-266ee83e] > li[data-v-266ee83e]:has(> a.router-link-exact-active)::after,
.nav_menu > ul[data-v-266ee83e] > li[data-v-266ee83e]:has(> a.router-link-active)::after,
.nav_menu > ul[data-v-266ee83e] > li[data-v-266ee83e]:has(> a.router-link-exact-active)::after,
.Meunbox > ul[data-v-266ee83e] > li[data-v-266ee83e]:has(> a.router-link-active)::after,
.Meunbox > ul[data-v-266ee83e] > li[data-v-266ee83e]:has(> a.router-link-exact-active)::after {
  opacity: 1;
}

.header_menu > ul[data-v-266ee83e],
.nav_menu > ul[data-v-266ee83e],
.Meunbox > ul[data-v-266ee83e] {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
}

.header_menu li ul[data-v-266ee83e],
.nav_menu li ul[data-v-266ee83e],
.Meunbox li ul[data-v-266ee83e] {
  display: none;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
  width: max-content;
  min-width: 180px;
  margin: 0;
  padding: 0;
  background: #fff !important;
  top: 100%;
  left: 0;
}

.header_menu li:hover > ul[data-v-266ee83e],
.nav_menu li:hover > ul[data-v-266ee83e],
.Meunbox li:hover > ul[data-v-266ee83e] {
  display: block;
}

.header_menu li ul[data-v-266ee83e] li[data-v-266ee83e],
.nav_menu li ul[data-v-266ee83e] li[data-v-266ee83e],
.Meunbox li ul[data-v-266ee83e] li[data-v-266ee83e] {
  display: block;
  min-width: 180px;
  padding: 0;
  color: #333 !important;
  text-align: left;
  line-height: 1.4;
}

.header_menu li ul[data-v-266ee83e] li[data-v-266ee83e] a,
.nav_menu li ul[data-v-266ee83e] li[data-v-266ee83e] a,
.Meunbox li ul[data-v-266ee83e] li[data-v-266ee83e] a {
  display: block;
  padding: 8px 18px;
  color: #333 !important;
  line-height: 1.4;
  white-space: nowrap;
}

.header_menu li ul li,
.nav_menu li ul li,
.Meunbox li ul li {
  color: #333 !important;
}

.header_menu li ul li a,
.nav_menu li ul li a,
.Meunbox li ul li a {
  color: #333 !important;
}

.header_menu li ul li:hover,
.nav_menu li ul li:hover,
.Meunbox li ul li:hover,
.header_menu li ul li:hover > a,
.nav_menu li ul li:hover > a,
.Meunbox li ul li:hover > a,
.header_menu li ul li a.router-link-active,
.header_menu li ul li a.router-link-exact-active,
.nav_menu li ul li a.router-link-active,
.nav_menu li ul li a.router-link-exact-active,
.Meunbox li ul li a.router-link-active,
.Meunbox li ul li a.router-link-exact-active,
.header_menu li ul[data-v-266ee83e] li[data-v-266ee83e]:hover,
.nav_menu li ul[data-v-266ee83e] li[data-v-266ee83e]:hover,
.Meunbox li ul[data-v-266ee83e] li[data-v-266ee83e]:hover,
.header_menu li ul[data-v-266ee83e] li[data-v-266ee83e]:hover > a,
.nav_menu li ul[data-v-266ee83e] li[data-v-266ee83e]:hover > a,
.Meunbox li ul[data-v-266ee83e] li[data-v-266ee83e]:hover > a,
.header_menu li ul[data-v-266ee83e] li[data-v-266ee83e] a.router-link-active,
.header_menu li ul[data-v-266ee83e] li[data-v-266ee83e] a.router-link-exact-active,
.nav_menu li ul[data-v-266ee83e] li[data-v-266ee83e] a.router-link-active,
.nav_menu li ul[data-v-266ee83e] li[data-v-266ee83e] a.router-link-exact-active,
.Meunbox li ul[data-v-266ee83e] li[data-v-266ee83e] a.router-link-active,
.Meunbox li ul[data-v-266ee83e] li[data-v-266ee83e] a.router-link-exact-active {
  background: #303b91 !important;
  color: #fff !important;
  text-decoration: underline !important;
  text-decoration-color: #fff !important;
  text-underline-offset: 3px;
}

.header_menu li ul[data-v-266ee83e] li[data-v-266ee83e] ul[data-v-266ee83e],
.nav_menu li ul[data-v-266ee83e] li[data-v-266ee83e] ul[data-v-266ee83e],
.Meunbox li ul[data-v-266ee83e] li[data-v-266ee83e] ul[data-v-266ee83e] {
  top: 0;
  left: 100%;
}

.FooterBox ul[data-v-266ee83e] ul[data-v-266ee83e],
.FooterBox li[data-v-266ee83e]:hover > ul[data-v-266ee83e] {
  display: none !important;
}

.FooterBox .footerMeun > ul,
.FooterBox > ul,
.FooterBox .footerMeun > ul[data-v-266ee83e],
.FooterBox > ul[data-v-266ee83e] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px 48px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

#footer .FooterBox .footerMeun,
.pcfooter .FooterBox .footerMeun {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
}

#footer .FooterBox .footerMeun > ul,
.pcfooter .FooterBox .footerMeun > ul,
#footer .FooterBox > ul,
.pcfooter .FooterBox > ul {
  width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center !important;
}

.FooterBox li,
.FooterBox li[data-v-266ee83e] {
  font-size: 16px;
  line-height: 1.7;
}

#footer .FooterBox,
.pcfooter .FooterBox {
  min-height: 62px;
  padding: 16px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#footer .footercopy,
.pcfooter .footercopy {
  padding: 9px 24px 12px;
  font-size: 16px;
  line-height: 1.7;
  text-align: center;
}

.header_menu li ul li,
.nav_menu li ul li,
.Meunbox li ul li {
  padding: 0;
  font-size: 15px;
  line-height: 1.4;
}

.loginBtn,
.langSwitch,
.main-code {
  font-size: 15px;
}

.functionBox > .loginBtn:not(:has(.member-icon)) {
  display: none !important;
}

.handle-one.loginBtn,
.functionBox > .loginBtn:has(.member-icon) {
  display: flex !important;
}

.handle-one {
  position: relative;
  display: flex;
  align-items: center;
}

.handle-icon.member-icon {
  display: inline-flex;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #2f2c8f;
  align-items: center;
  justify-content: center;
}

.handle-icon.member-icon::before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 11px 0 -4px #fff;
}

.langSwitch select,
.main-code select,
#code-select {
  min-height: 34px;
  padding: 0 28px 0 12px;
  border: 0;
  background: #fff;
  color: #333;
  font-size: 15px;
  line-height: 34px;
}

.langSwitch select {
  padding: 0 16px 0 10px;
  border: 1px solid #2f2c8f;
  border-radius: 12px;
  color: #2f2c8f;
}

.banner,
.Banner,
.DetailTitle,
.memberBg,
.accountBg {
  width: 100%;
  overflow: hidden;
}

.banner img,
.Banner img,
.DetailTitle img,
.memberBg img,
.accountBg img {
  width: 100%;
  height: auto;
}

.swiper-container,
.swiper-wrapper,
.swiper-slide {
  width: 100%;
}

.PromotionContainer,
.CatMain,
.cmsBoxMain,
.accountHeader,
.RNPForm,
.home {
  position: relative;
  z-index: 0;
  width: 100%;
}

.accountMeun {
  display: none !important;
}

.no-hero-page .PromotionContainer,
.no-hero-page .CatMain,
.no-hero-page .cmsBoxMain,
.no-hero-page .cmsOther,
.no-hero-page .accountHeader,
.no-hero-page .RNPForm {
  padding-top: 112px;
}

.no-hero-page .PromotionContainer .BannerMain,
.no-hero-page .CatMain .BannerMain,
.no-hero-page .cmsBoxMain .BannerMain,
.no-hero-page .cmsOther .BannerMain,
.no-hero-page .accountHeader .BannerMain,
.no-hero-page .RNPForm .BannerMain {
  display: none;
}

.Warper,
.Warpbox,
.InnerWarper,
.ListData,
.Location,
.FormMain,
.paddingbox {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}

.HomeAboutMain,
.HomeServiceMain,
.SocialMedia,
.ContactUsBox {
  padding: 64px 0;
}

.HomeAboutMain {
  overflow: hidden;
  background: #fbf8ef;
}

.HomeAboutMain .Warper,
.ContactUsBox .Warpbox,
.SocialMedia .Warpbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}

.HomeAboutMain .leftT,
.HomeAboutMain .rightT,
.ContactUsBox .leftT,
.ContactUsBox .rightT,
.SocialMedia .leftT,
.SocialMedia .rightT {
  flex: 1 1 0;
  min-width: 0;
}

.ContactUsBox .Warpbox,
.SocialMedia .Warpbox {
  align-items: flex-start;
}

.ContactUsBox .Warpbox > .leftT,
.ContactUsBox .Warpbox > .rightT,
.SocialMedia .Warpbox > .leftT,
.SocialMedia .Warpbox > .rightT {
  flex: 0 1 calc((100% - 48px) / 2);
  max-width: calc((100% - 48px) / 2);
  overflow: hidden;
}

.ContactUsBox .Warpbox img,
.ContactUsBox .Warpbox iframe,
.ContactUsBox .Warpbox video,
.SocialMedia .Warpbox img,
.SocialMedia .Warpbox iframe,
.SocialMedia .Warpbox video {
  max-width: 100% !important;
}

.ContactUsBox .Warpbox iframe,
.ContactUsBox .Warpbox video,
.SocialMedia .Warpbox iframe,
.SocialMedia .Warpbox video {
  width: 100% !important;
}

.online-feedback-message {
  margin: 14px 0 0;
  color: #1f2672;
  font-size: 15px;
  line-height: 1.5;
}

.online-feedback-message.is-error {
  color: #c00;
}

.online-feedback-message.is-success {
  color: #168038;
}

.online-feedback-route .FormMain {
  width: calc(100% - 48px) !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.online-feedback-route .FormMain > .bigTitle,
.online-feedback-route .FormMain > .paddingbox {
  width: 100% !important;
  max-width: none !important;
}

@media (max-width: 900px) {
  .online-feedback-route .FormMain {
    width: calc(100% - 32px) !important;
  }
}

.Warpbox:has(img[src*="6390218702670853999360118.jpg"]) {
  max-width: 1440px;
  align-items: center;
}

.Warpbox > .leftT:has(img[src*="6390218702670853999360118.jpg"]) {
  flex: 0 0 816px;
  width: 816px;
  max-width: 816px;
  overflow: visible;
}

.Warpbox > .leftT:has(img[src*="6390218702670853999360118.jpg"]) + .rightT {
  flex: 0 0 336px;
  width: 336px;
  height: 424px;
  max-width: 336px;
  min-width: 0;
  overflow: hidden;
}

.HomeAboutMain .leftT {
  position: relative;
  z-index: 0;
}

.HomeAboutMain .rightT {
  flex: 1 1 0;
  min-width: 0;
}

.HomeAboutMain .leftT::before {
  content: "";
  position: absolute;
  left: -18px;
  bottom: -18px;
  z-index: 0;
  width: 74%;
  height: 74%;
  border-radius: 8px;
  background: rgba(32, 39, 102, 0.08);
}

.HomeAboutMain .leftT img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: 520px;
  border-radius: 8px;
  box-shadow: 0 18px 36px rgba(32, 39, 102, 0.16);
}

img[src*="6390218702670853999360118.jpg"] {
  width: 816px !important;
  height: 490px !important;
  max-width: none !important;
  object-fit: cover;
}

.HomeAboutMain .leftT video,
video[src*="/ClientResources/"],
video[src*="/wb/ClientResources/"] {
  display: block;
  width: 100%;
  max-width: 520px;
  border-radius: 8px;
  box-shadow: 0 18px 36px rgba(32, 39, 102, 0.16);
  background: #111;
}

video[src*="6390218702670853999360118"],
video[src*="/ClientResources/e5dbd2e7-1c78-4645-89ca-d59fa15a8f56/editorimage/"] {
  width: 816px !important;
  height: 490px !important;
  max-width: none !important;
  object-fit: cover;
}

.account-inquiry-form {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  padding: 34px 0 20px;
}

.account-inquiry-form h2 {
  margin: 0 0 28px;
  color: #202766;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
}

.account-inquiry-form label {
  display: block;
  margin-bottom: 18px;
}

.account-inquiry-form span {
  display: block;
  margin-bottom: 8px;
  color: #333;
  font-size: 15px;
  font-weight: 600;
}

.account-inquiry-form input {
  width: 100%;
  height: 42px;
  padding: 0 12px;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  box-sizing: border-box;
  color: #333;
  font-size: 15px;
}

.account-inquiry-form button {
  min-width: 120px;
  height: 42px;
  border: 0;
  border-radius: 22px;
  background: #303b91;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
}

.account-inquiry-form button:disabled {
  opacity: .65;
  cursor: wait;
}

.account-inquiry-message {
  min-height: 24px;
  margin: 14px 0 0;
  color: #555;
  font-size: 14px;
}

.account-inquiry-message.is-success {
  color: #25833a;
}

.account-inquiry-message.is-error {
  color: #c0392b;
}

@media (max-width: 900px) {
  .account-inquiry-form {
    width: calc(100% - 32px);
    padding: 28px 0 20px;
  }

  .account-inquiry-form input {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

.catDetail .PerData {
  cursor: pointer;
}

.reserved-photo-slot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 280px;
  margin: 0 auto 28px;
  border: 1px dashed #c9cce0;
  border-radius: 8px;
  background: #f7f8fc;
  color: #303b91;
  font-size: 18px;
  font-weight: 600;
}

.HomeAboutMain .Warper:has(img[src*="6390218702670853999360118.jpg"]) {
  max-width: 1440px;
  align-items: center;
}

.HomeAboutMain .leftT:has(img[src*="6390218702670853999360118.jpg"]) {
  flex: 0 0 816px;
  max-width: 816px;
}

.HomeAboutMain .leftT:has(img[src*="6390218702670853999360118.jpg"]) + .rightT {
  flex: 1 1 0;
  min-width: 0;
}

.borderTitle,
.NormalPageTitle,
.smallBold {
  margin-bottom: 22px;
  color: #202766;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.35;
}

.HomeAboutMain .borderTitle,
.HomeServiceMain .borderTitle {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 34px;
  padding-bottom: 14px;
  background: transparent;
}

.HomeAboutMain .borderTitle::after,
.HomeServiceMain .borderTitle::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #202766;
}

.bodyText,
.bodyContent,
.NormalText,
.TitleDesc {
  color: #555;
  font-size: 16px;
  line-height: 1.8;
}

.MoreBtn {
  margin-top: 28px;
}

.MoreBtn a,
.el-button--success,
.loginBtn button,
.loginBtn .el-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 24px;
  border-radius: 2px;
  background: #303b91;
  color: #fff;
}

.HomeAboutMain .MoreBtn a {
  background: #f5a623;
  border-color: #f5a623;
  border-radius: 20px;
  min-height: 40px;
  padding: 0 26px;
}

.HomeServiceMain .ServiceBox {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding-top: 18px;
  padding-bottom: 18px;
}

.HomeServiceMain .ServiceBox .perBox {
  flex: 1 1 0;
  min-width: 0;
  transition: transform .25s ease, box-shadow .25s ease;
}

.HomeServiceMain .ServiceBox .perBox:nth-child(even) {
  transform: translateY(28px);
}

.HomeServiceMain .ServiceBox .perBox:nth-child(odd):hover {
  transform: translateY(-8px);
}

.HomeServiceMain .ServiceBox .perBox:nth-child(even):hover {
  transform: translateY(20px);
}

.HomeServiceMain .ServiceBox .perBox img {
  width: 100%;
  height: auto;
  display: block;
}

.ServiceBox,
.InnerBox {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

.ServiceBox .perBox,
.InnerBox .PerData,
.InnerWarper .PerData {
  overflow: hidden;
  background: #fff;
}

.CatMain .ListData > .InnerWarper {
  margin-top: 48px;
  margin-bottom: 48px;
}

.LocationBg {
  background: #f5f6fa;
  border-top: 1px solid #eef0f5;
  border-bottom: 1px solid #eef0f5;
}

.LocationBg.local-breadcrumb {
  display: block !important;
  width: 100% !important;
  background: #f5f6fa !important;
  border-top: 1px solid #eef0f5 !important;
  border-bottom: 1px solid #eef0f5 !important;
}

.Location {
  min-height: 48px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  color: #6c6c6c;
  font-size: 14px;
}

.LocationBg.local-breadcrumb .Location {
  display: flex !important;
  width: 1200px !important;
  max-width: calc(100% - 48px) !important;
  min-height: 50px !important;
  margin: 0 auto !important;
  line-height: 50px !important;
  box-sizing: border-box !important;
}

.ColorText {
  color: #303b91;
}

.arrowNew {
  margin: 0 8px;
  font-style: normal;
}

#footer {
  margin-top: 48px;
  background: #202766;
  color: #fff;
}

.SocialMedia {
  padding: 48px 0 26px;
  background: #fff;
}

.SocialMedia .Warpbox,
.ContactUsBox .Warpbox {
  max-width: 1080px;
  justify-content: flex-start;
}

.SocialMedia .Warpbox {
  align-items: flex-start;
  gap: 24px;
  height: auto;
}

.SocialMedia .leftT,
.SocialMedia .rightT {
  min-height: 0;
}

.SocialMedia .leftT p,
.SocialMedia .rightT p {
  height: 100%;
}

.SocialMedia .Warpbox > .leftT {
  flex-basis: 816px;
  max-width: 816px;
}

.SocialMedia .Warpbox > .rightT {
  flex-basis: 336px;
  max-width: 336px;
}

.SocialMedia iframe,
.SocialMedia video,
.SocialMedia img {
  display: block;
  width: 100% !important;
  min-height: 0;
  height: auto !important;
  object-fit: cover;
  border: 0;
}

.SocialMedia .rightT:empty,
.SocialMedia .rightT p:empty {
  display: block;
  min-height: 336px;
  background: #f2f2f2;
}

.ContactUsBox {
  padding: 34px 0 58px;
  background: #fff;
}

.ContactUsBox .Warpbox {
  align-items: flex-start;
  gap: 24px;
  justify-content: flex-start;
}

.ContactUsBox .Warpbox > .leftT {
  flex: 0 0 calc((100% - 24px) * .52);
  max-width: none;
}

.ContactUsBox .Warpbox > .rightT {
  flex: 0 0 calc((100% - 24px) * .48);
  max-width: calc((100% - 24px) * .48);
}

.ContactUsBox .borderTitle {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 30px;
  padding-bottom: 12px;
  color: #202766;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
}

.ContactUsBox .borderTitle::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #202766;
}

.ContactUsBox .bodyText {
  color: #333;
  font-size: 16px;
  line-height: 1.65;
}

.ContactUsBox .bodyText p,
.ContactUsBox .bodyText div,
.ContactUsBox .bodyText li {
  margin: 0 0 14px;
}

.ContactUsBox .bodyText a {
  color: inherit;
}

.ContactUsBox .HomeContact .title {
  display: flex;
  align-items: center;
}

.ContactUsBox .HomeContact .text {
  margin-left: 35px;
}

.ContactUsBox .HomeContact em {
  position: relative;
  display: inline-block;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin: 0 12px 0 0;
  background: transparent;
  border-radius: 0;
  font-size: 0;
  font-style: normal;
  line-height: 1;
  vertical-align: middle;
}

.ContactUsBox .HomeContact .iconA {
  width: 24px;
  height: 26px;
}

.ContactUsBox .HomeContact em::before,
.ContactUsBox .HomeContact em::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}

.ContactUsBox .HomeContact .iconA::before {
  left: 3px;
  top: 1px;
  width: 19px;
  height: 19px;
  background: #333c9e;
  border: 0;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
}

.ContactUsBox .HomeContact .iconA::after {
  left: 9px;
  top: 7px;
  width: 7px;
  height: 7px;
  background: #fff;
  border: 0;
  border-radius: 50%;
}

.ContactUsBox .HomeContact .iconB::before {
  left: 1px;
  top: 2px;
  width: 23px;
  height: 23px;
  border: 0;
  background: #333c9e;
  border-radius: 0;
  clip-path: path("M5.8 1.4c2.2 0 4.8 5.4 4.1 6.6-.3.6-1 1-1.8 1.4-.8.4-.9.8-.4 1.7 1.3 2.5 3.3 4.5 5.8 5.8.8.4 1.3.4 1.8-.4.4-.7.8-1.5 1.4-1.8 1.1-.7 6.6 1.9 6.6 4.1 0 1.8-2.8 4.6-4.8 4.6C9.1 23.4 1.4 15.7 1.4 6.2c0-2 2.6-4.8 4.4-4.8Z");
  transform: none;
}

.ContactUsBox .HomeContact .iconB::after {
  display: none;
}

.ContactUsBox .HomeContact .iconC::before {
  left: 1px;
  top: 8px;
  width: 22px;
  height: 14px;
  border: 0;
  background: #333c9e;
  border-radius: 2px;
  box-shadow: inset 5px -4px 0 -2px #fff, inset -5px -4px 0 -2px #fff;
}

.ContactUsBox .HomeContact .iconC::after {
  left: 5px;
  top: 1px;
  width: 14px;
  height: 9px;
  background: #333c9e;
  border: 0;
  border-radius: 1px;
}

.ContactUsBox .HomeContact .iconD::before {
  left: 1px;
  top: 4px;
  width: 22px;
  height: 17px;
  border: 2px solid #333c9e;
  border-radius: 3px;
  background: transparent;
}

.ContactUsBox .HomeContact .iconD::after {
  left: 4px;
  top: 5px;
  width: 16px;
  height: 16px;
  border: 0;
  background:
    linear-gradient(32deg, transparent 47%, #333c9e 48%, #333c9e 56%, transparent 57%),
    linear-gradient(-32deg, transparent 47%, #333c9e 48%, #333c9e 56%, transparent 57%);
  transform: none;
}

.ContactUsBox .HomeContact .iconE::before {
  left: 1px;
  top: 1px;
  width: 23px;
  height: 23px;
  border: 2px solid #333c9e;
  border-radius: 50%;
  background: transparent;
}

.ContactUsBox .HomeContact .iconE::after {
  left: 11px;
  top: 5px;
  width: 7px;
  height: 9px;
  border: 0;
  border-left: 2px solid #333c9e;
  border-bottom: 2px solid #333c9e;
  transform: none;
}

.ContactUsBox .bodyText img,
.ContactUsBox .bodyText svg,
.ContactUsBox .bodyText i[class*="icon"],
.ContactUsBox .bodyText i[class*="el-icon"] {
  color: #303b91;
}

.ContactUsBox .MapInfo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 268px;
  margin: 0;
  overflow: hidden;
  background: #e5e5e5;
}

.ContactUsBox .MapInfo:empty::before,
.ContactUsBox .MapInfo.is-empty-map::before {
  content: "";
  width: 86px;
  height: 54px;
  border-radius: 34px 34px 22px 22px;
  background: #d4d4d4;
  box-shadow: -24px 12px 0 -2px #d4d4d4, 28px 13px 0 -5px #d4d4d4;
}

.ContactUsBox .MapInfo:empty::after,
.ContactUsBox .MapInfo.is-empty-map::after {
  content: "";
  position: absolute;
  width: 130px;
  height: 18px;
  margin-top: 70px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .04);
}

.ContactUsBox .MapInfo iframe,
.ContactUsBox .MapInfo img {
  display: block;
  width: 100% !important;
  min-height: 268px;
  height: 268px !important;
  object-fit: cover;
}

#footer {
  margin-top: 0;
}

#footer .Warpbox,
#footer .Warper,
#footer .footerLayout,
#footer .footer-layout {
  max-width: 1180px;
  padding: 11px 24px 9px;
  text-align: center;
}

#footer ul,
#footer .footer-menu,
#footer .Meunbox ul,
#footer .nav_menu ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px 32px;
  margin: 0 0 5px;
  padding: 0;
}

#footer li,
#footer a {
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
}

#footer p,
#footer .copyright,
#footer .copyRight {
  margin: 0;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}

#footer img[src*="footerlogo"] {
  display: inline-block;
  width: auto;
  max-width: 68px;
  max-height: 16px;
  margin-left: 5px;
  vertical-align: -3px;
}

.NomralBg.NormalTop {
  padding-top: 112px;
  background: #fff;
}

.CmsNormal {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 46px 24px 58px;
}

.CmsContent {
  width: 100%;
}

.CmsContent > .textTitle {
  display: none;
}

.NomralBg.NormalTop .CmsContent > .textTitle {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 28px;
  padding-left: 0;
  border-left: 0;
  color: #1f2672;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.25;
}

.contentn-detail-route .CmsContent > .textTitle,
.contentn-detail-page .CmsContent > .textTitle {
  padding-left: 0 !important;
  border-left: 0 !important;
}

.NomralBg.NormalTop .CmsContent > .textTitle::before {
  content: "";
  flex: 0 0 auto;
  width: 6px;
  height: 1.25em;
  background: #f6b51f;
}

.InsuranceBox {
  width: 100%;
  color: #333;
}

.InsuranceBox .pageHeadTitle {
  position: relative;
  margin: 0 0 30px;
  padding-bottom: 14px;
  color: #202766;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.25;
}

.InsuranceBox .pageHeadTitle::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #202766;
}

.InsuranceBox .mar30 {
  margin: 0 0 30px;
}

.InsuranceBox .BlackBold {
  margin: 0 0 12px;
  color: #111;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

.InsuranceBox .NormalText,
.InsuranceBox .circleText {
  margin: 0 0 10px;
  color: #333;
  font-size: 17px;
  line-height: 1.8;
}

.InsuranceBox .circleText {
  position: relative;
  padding-left: 22px;
}

.InsuranceBox .circleText::before {
  content: "";
  position: absolute;
  left: 2px;
  top: .75em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #303b91;
}

.InsuranceBox .Imgbox {
  margin-top: 38px;
}

.InsuranceBox .Imgbox img {
  display: block;
  width: 100%;
  height: auto;
}

.InsuranceBox .perDataNew {
  margin: 0 0 38px;
}

.InsuranceBox .perDataNew:last-child {
  margin-bottom: 0;
}

.InsuranceBox .perDataNew .pageHeadTitle {
  margin-bottom: 18px;
}

.InsuranceBox .paddingLeftText {
  position: relative;
  margin: 0 0 10px;
  padding-left: 18px;
  color: #333;
  font-size: 17px;
  line-height: 1.8;
}

.chairman-page .BannerMain {
  display: block !important;
}

.chairman-page .BannerMain img {
  display: block;
  width: 100%;
  height: auto;
}

.chairman-route .cmsBoxMain .BannerMain {
  display: block !important;
}

.chairman-route .cmsBoxMain .BannerMain img {
  display: block;
  width: 100%;
  height: auto;
}

.chairman-route .cmsBoxMain .LocationBg {
  background: #f5f6fa;
  border-top: 1px solid #eef0f5;
  border-bottom: 1px solid #eef0f5;
}

.chairman-route .cmsBoxMain .Location {
  min-height: 48px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  color: #6c6c6c;
  font-size: 14px;
}

.chairman-page .BodyContent {
  padding: 48px 0 58px;
  background: #fff;
}

.chairman-route .cmsOther .BodyContent {
  padding: 48px 0 58px;
  background: #fff;
}

.chairman-route .cmsBoxMain .FormMain {
  padding: 48px 0 58px;
  background: #fff;
}

.chairman-page .BodyContent > .Warper {
  max-width: 1200px;
  padding: 0 50px 42px;
  border: 1px solid #cfcfcf;
  background: #fff;
}

.chairman-route .cmsOther .BodyContent > .Warper {
  max-width: 1200px;
  padding: 0 50px 42px;
  border: 1px solid #cfcfcf;
  background: #fff;
}

.chairman-route .cmsBoxMain .FormMain > .paddingbox {
  width: calc(100% - 48px);
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 50px 42px;
  border: 1px solid #cfcfcf;
  background: #fff;
  box-sizing: border-box;
}

.chairman-page .otherHtml {
  display: block;
  margin: 0;
  padding: 0;
  color: #111;
  font-size: 18px;
  line-height: 1.65;
}

.chairman-route .cmsOther .otherHtml {
  display: block;
  margin: 0;
  padding: 0;
  color: #111;
  font-size: 18px;
  line-height: 1.65;
}

.chairman-route .cmsBoxMain #content,
.chairman-route .cmsBoxMain .to_vertical {
  display: block;
  margin: 0;
  padding: 0;
  color: #111;
  font-size: 18px;
  line-height: 1.65;
}

.chairman-route .cmsOther .otherHtml img {
  width: 320px;
  height: 370px;
  object-fit: cover;
  background: #eee;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .18);
}

.chairman-route .cmsBoxMain #content img,
.chairman-route .cmsBoxMain .to_vertical img {
  width: 320px;
  height: 370px;
  object-fit: cover;
  background: #eee;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .18);
}

.chairman-page .chairman-intro {
  display: flex;
  align-items: center;
  gap: 62px;
  min-height: 426px;
  padding: 53px 0 31px;
}

.chairman-page .chairman-photo {
  flex: 0 0 320px;
  width: 320px;
  margin-left: 4px;
}

.chairman-page .chairman-photo img,
.chairman-page .chairman-photo-placeholder {
  width: 320px;
  height: 370px;
  object-fit: cover;
  background: #eee;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .18);
}

.chairman-page .chairman-photo img[src=""],
.chairman-page .chairman-photo img:not([src]),
.chairman-page .chairman-photo img.is-broken {
  display: none;
}

.chairman-page .chairman-photo img:not(.is-broken) + .chairman-photo-placeholder {
  display: none;
}

.chairman-page .chairman-photo-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d0d0d0;
  font-size: 28px;
  font-weight: 700;
}

.chairman-page .chairman-info {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 642px;
  padding-top: 18px;
}

.chairman-page .chairman-name {
  position: relative;
  margin-bottom: 19px;
  padding-left: 18px;
  color: #34399c;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.25;
}

.chairman-page .chairman-name::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 4px;
  height: 42px;
  background: #f6b83b;
}

.chairman-page .chairman-title,
.chairman-page .chairman-company {
  color: #111;
  font-size: 29px;
  font-weight: 400;
  line-height: 1.42;
}

.chairman-page .chairman-company {
  padding-bottom: 23px;
  border-bottom: 3px solid #34399c;
}

.chairman-page .chairman-body {
  padding-top: 6px;
}

.chairman-page .chairman-body p,
.chairman-page .chairman-body div {
  margin: 0 0 22px;
  color: #111;
  font-size: 18px;
  line-height: 1.7;
}

.chairman-page .chairman-body p:first-child,
.chairman-page .chairman-body div:first-child {
  margin-bottom: 18px;
  font-size: 28px;
  line-height: 1.35;
}

.chairman-page .chairman-body br {
  line-height: 1.9;
}

.SocialMedia .Warpbox,
.ContactUsBox .Warpbox {
  width: calc(100% - 96px);
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  gap: 24px;
}

.ContactUsBox .Mainbox {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}

.ContactUsBox .Mainbox > .Warpbox {
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.SocialMedia .Warpbox > .leftT,
.SocialMedia .Warpbox > .rightT,
.ContactUsBox .Warpbox > .leftT,
.ContactUsBox .Warpbox > .rightT {
  flex-grow: 0;
  flex-shrink: 0;
}

.SocialMedia .Warpbox > .leftT {
  flex-basis: 816px;
  max-width: 816px;
}

.SocialMedia .Warpbox > .rightT {
  flex-basis: 336px;
  max-width: 336px;
}

.ContactUsBox .Warpbox > .leftT {
  flex-basis: calc((100% - 24px) * .52);
  max-width: calc((100% - 24px) * .52);
}

.ContactUsBox .Warpbox > .rightT {
  flex-basis: calc((100% - 24px) * .48);
  max-width: calc((100% - 24px) * .48);
}

#footer .Warpbox,
#footer .Warper,
#footer .footerLayout,
#footer .footer-layout {
  max-width: 1180px;
  margin: 0 auto;
  padding: 11px 24px 9px;
  text-align: center;
}

.NewTop {
  min-height: 64px;
  padding: 0 18px;
  display: none;
  align-items: center;
  justify-content: space-between;
  background: #fff;
}

.NewTop .left img {
  width: 122px;
}

.slide-menu {
  width: 34px;
  cursor: pointer;
}

.drawer-bg {
  position: fixed;
  inset: 0;
  z-index: 999998;
}

.sidebar-container {
  position: fixed;
  z-index: 999999;
  overflow: auto;
  background: #303b91;
  transition: transform .25s ease;
}

body.mobile-drawer-open {
  overflow: hidden !important;
}

body.mobile-drawer-open #footer,
body.mobile-drawer-open .pcfooter,
body.mobile-drawer-open .FooterBox,
body.mobile-drawer-open .footercopy {
  visibility: hidden !important;
  pointer-events: none !important;
}

.sidebar-container.top {
  top: 0;
  left: 0;
}

.sidebar-container.left {
  top: 0;
  left: 0;
}

.sidebar-container.right {
  top: 0;
  right: 0;
}

.sidebar-container.hiddenMenu.top {
  transform: translateY(-100%);
}

.sidebar-container.hiddenMenu.left {
  transform: translateX(-100%);
}

.sidebar-container.hiddenMenu.right {
  transform: translateX(100%);
}

.HeadMeun {
  position: relative;
  min-height: 100vh;
  color: #fff;
  background: #303b91;
}

.HeadMeun .topLang .Inside {
  min-height: 60px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.HeadMeun .topLang .left,
.HeadMeun .topLang .InsLangSwitch,
.HeadMeun .topLang .langSwitch {
  display: flex;
  align-items: center;
}

.HeadMeun .topLang .left {
  gap: 12px;
  min-width: 0;
}

.HeadMeun .topLang .InsLangSwitch,
.HeadMeun .topLang .langSwitch {
  position: relative;
  z-index: 1;
  visibility: visible !important;
  opacity: 1 !important;
}

.HeadMeun .topLang .langSwitch {
  margin-top: 14px;
}

.HeadMeun .topLang .langSwitch select {
  display: block !important;
  min-width: 82px;
  height: 34px;
  min-height: 34px;
  padding: 0 24px 0 12px;
  border: 1px solid rgba(255, 255, 255, .85);
  border-radius: 17px;
  background: #303b91;
  color: #fff;
  font-size: 14px;
  line-height: 34px;
}

.HeadMeun .showMenberCentral,
.sidebar-container .showMenberCentral {
  display: none !important;
}

.wb-right-sidebar {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 1500;
  height: auto;
  border-radius: 6px 0 0 6px;
  font-family: Arial, "Microsoft JhengHei", "PingFang TC", sans-serif;
  font-size: 12px;
  transform: translateY(-50%);
}

.wb-right-sidebar a:hover {
  color: #f6b51f;
  text-decoration: none;
}

.wb-right-sidebar .float-tips,
.wb-right-sidebar-list {
  position: relative;
  z-index: 2;
  float: left;
  width: 52px;
  height: auto;
}

.wb-right-sidebar-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .18);
  background: #303b91;
  color: #fff !important;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  box-sizing: border-box;
}

.wb-right-sidebar-item:first-child {
  border-radius: 6px 0 0 0;
}

.wb-right-sidebar-item:last-child {
  border-bottom: 0;
  border-radius: 0 0 0 6px;
}

.wb-right-sidebar-item:hover,
.wb-right-sidebar-item:focus {
  background: #1f2672;
  color: #f6b51f !important;
  outline: none;
}

.wb-right-sidebar-svg {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0;
  fill: currentColor;
}

.wb-right-sidebar-item span {
  display: none !important;
}

.wb-right-sidebar-phone,
.wb-right-sidebar-email {
  position: relative;
}

.wb-right-sidebar-phone:hover span,
.wb-right-sidebar-phone:focus span,
.wb-right-sidebar-email:hover span,
.wb-right-sidebar-email:focus span {
  position: absolute;
  top: 0;
  right: 52px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: max-content;
  min-width: 132px;
  height: 52px;
  padding: 0 14px;
  border-radius: 6px 0 0 6px;
  background: #303b91;
  color: #fff;
  white-space: nowrap;
  box-sizing: border-box;
}

.wb-right-sidebar-email:hover span,
.wb-right-sidebar-email:focus span {
  min-width: 190px;
}

.wb-right-sidebar .floatR-tips,
.wb-right-sidebar-panel {
  position: absolute;
  top: 0;
  right: 52px;
  float: left;
  overflow: hidden;
  width: 0;
  height: auto;
  opacity: 0;
  pointer-events: none;
  transition: width .16s ease, opacity .16s ease;
}

.wb-right-sidebar.is-open .floatR-tips,
.wb-right-sidebar.is-open .wb-right-sidebar-panel {
  width: 190px;
  opacity: 1;
  pointer-events: auto;
}

.wb-right-sidebar .cn {
  min-height: 50px;
  padding: 3px;
  border: 1px solid #303b91;
  background: #303b91;
}

.wb-right-sidebar-panel-body {
  min-height: 150px;
  padding: 20px 16px;
  background: #fff;
  color: #333;
  text-align: center;
  box-sizing: border-box;
}

.wb-right-sidebar-panel-body h3 {
  margin: 0 0 12px;
  padding: 0;
  color: #1f2672;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.wb-right-sidebar-panel-body a {
  display: block;
  max-width: 150px;
  margin: 0 auto;
  color: #5f83b2 !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  word-break: break-word;
}

.wb-right-sidebar-qr {
  display: block;
  width: 128px;
  height: 128px;
  margin: 0 auto;
  object-fit: contain;
}

@media (max-width: 900px) {
  .wb-right-sidebar {
    display: block !important;
    top: auto;
    right: 10px;
    bottom: 86px;
    z-index: 1000001;
    border-radius: 22px;
    transform: none;
  }

  .wb-right-sidebar .float-tips,
  .wb-right-sidebar-list {
    width: 44px;
  }

  .wb-right-sidebar-item {
    width: 44px;
    height: 44px;
  }

  .wb-right-sidebar-item:first-child {
    border-radius: 22px 22px 0 0;
  }

  .wb-right-sidebar-item:last-child {
    border-radius: 0 0 22px 22px;
  }

  .wb-right-sidebar-svg {
    width: 21px;
    height: 21px;
  }

  .wb-right-sidebar .floatR-tips,
  .wb-right-sidebar-panel {
    right: 44px;
    z-index: 1000000;
  }

  .wb-right-sidebar-phone:hover span,
  .wb-right-sidebar-phone:focus span,
  .wb-right-sidebar-email:hover span,
  .wb-right-sidebar-email:focus span {
    right: 44px;
    height: 44px;
    min-width: 124px;
    border-radius: 22px 0 0 22px;
  }

  .wb-right-sidebar-email:hover span,
  .wb-right-sidebar-email:focus span {
    max-width: calc(100vw - 68px);
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .wb-right-sidebar.is-open .floatR-tips,
  .wb-right-sidebar.is-open .wb-right-sidebar-panel {
    width: min(190px, calc(100vw - 68px));
  }
}

.HeadMeun #menu {
  padding: 18px;
}

.HeadMeun .el-menu {
  border-right: 0;
  background: #303b91 !important;
}

.HeadMeun .el-menu,
.HeadMeun .el-menu .el-menu,
.HeadMeun .el-menu-item,
.HeadMeun .el-submenu__title {
  background-color: #303b91 !important;
  color: #fff !important;
}

.HeadMeun .el-menu-item a,
.HeadMeun .el-menu-item b,
.HeadMeun .el-submenu__title,
.HeadMeun .el-submenu__title .name,
.HeadMeun .el-submenu__icon-arrow {
  color: #fff !important;
}

.HeadMeun .el-submenu__title {
  position: relative;
  padding-right: 48px !important;
}

.HeadMeun .el-submenu__icon-arrow {
  right: 18px !important;
  width: 10px !important;
  height: 10px !important;
  margin-top: -6px !important;
  font-size: 0 !important;
  line-height: 1 !important;
  transform: rotate(45deg) !important;
  border-right: 2px solid #fff !important;
  border-bottom: 2px solid #fff !important;
  font-family: Arial, sans-serif !important;
}

.HeadMeun .el-submenu__icon-arrow:before {
  content: "" !important;
}

.HeadMeun .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
  margin-top: -2px !important;
  transform: rotate(225deg) !important;
}

.HeadMeun .el-menu-item.is-active,
.HeadMeun .el-menu-item:focus,
.HeadMeun .el-menu-item:hover,
.HeadMeun .el-submenu__title:focus,
.HeadMeun .el-submenu__title:hover {
  background-color: #202766 !important;
}

.chairman-route .ChairmanMessage,
.chairman-original-page .ChairmanMessage {
  display: block !important;
  width: 100% !important;
  color: #111 !important;
}

.chairman-route .ChairmanMessage .Innerbox,
.chairman-original-page .ChairmanMessage .Innerbox {
  width: 100% !important;
}

.chairman-route .ChairmanMessage .top,
.chairman-original-page .ChairmanMessage .top {
  display: flex !important;
  align-items: center !important;
  gap: 62px !important;
  min-height: 426px !important;
  padding: 53px 0 31px !important;
}

.chairman-route .ChairmanMessage .leftT,
.chairman-original-page .ChairmanMessage .leftT {
  flex: 0 0 320px !important;
  width: 320px !important;
  margin-left: 4px !important;
}

.chairman-route .ChairmanMessage .leftT img,
.chairman-original-page .ChairmanMessage .leftT img {
  display: block !important;
  width: 320px !important;
  height: 370px !important;
  object-fit: cover !important;
  background: #eee !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .18) !important;
}

.chairman-route .ChairmanMessage .rightT,
.chairman-original-page .ChairmanMessage .rightT {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 642px !important;
  padding-top: 18px !important;
}

.chairman-route .ChairmanMessage .TextWarper,
.chairman-original-page .ChairmanMessage .TextWarper {
  width: 100% !important;
}

.chairman-route .ChairmanMessage .pageHeadTitle,
.chairman-original-page .ChairmanMessage .pageHeadTitle {
  position: relative !important;
  margin: 0 0 19px !important;
  padding-left: 18px !important;
  color: #34399c !important;
  font-size: 35px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

.chairman-route .ChairmanMessage .pageHeadTitle::before,
.chairman-original-page .ChairmanMessage .pageHeadTitle::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 5px !important;
  width: 4px !important;
  height: 42px !important;
  background: #f6b83b !important;
}

.chairman-route .ChairmanMessage .pageContent,
.chairman-original-page .ChairmanMessage .pageContent {
  margin: 0 !important;
  color: #111 !important;
  font-size: 29px !important;
  font-weight: 400 !important;
  line-height: 1.42 !important;
}

.chairman-route .ChairmanMessage .pageContent:last-child,
.chairman-original-page .ChairmanMessage .pageContent:last-child {
  padding-bottom: 23px !important;
  border-bottom: 3px solid #34399c !important;
}

.chairman-route .ChairmanMessage .bottom,
.chairman-original-page .ChairmanMessage .bottom {
  padding-top: 6px !important;
}

.chairman-route .ChairmanMessage .HeadNormalText,
.chairman-original-page .ChairmanMessage .HeadNormalText {
  margin: 0 0 18px !important;
  color: #111 !important;
  font-size: 28px !important;
  line-height: 1.35 !important;
}

.chairman-route .ChairmanMessage .NormalText,
.chairman-original-page .ChairmanMessage .NormalText {
  margin: 0 0 22px !important;
  color: #111 !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
}

.chairman-route .ChairmanMessage .mar30,
.chairman-original-page .ChairmanMessage .mar30 {
  margin-bottom: 30px !important;
}

.group-story-route .cmsOther .BodyContent,
.group-story-page .BodyContent {
  padding: 48px 0 58px !important;
  background: #fff !important;
}

.group-story-route .cmsOther .BodyContent > .Warper,
.group-story-page .BodyContent > .Warper {
  width: calc(100% - 48px) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 46px 50px 52px !important;
  border: 1px solid #cfcfcf !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

.group-story-route .cmsOther .otherHtml,
.group-story-page .otherHtml {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.group-story-route .GroupStoryBox,
.group-story-page .GroupStoryBox {
  display: block !important;
  width: 100% !important;
  color: #333 !important;
}

.group-story-route .GroupStoryBox > .leftT,
.group-story-page .GroupStoryBox > .leftT {
  width: 100% !important;
  min-width: 0 !important;
}

.group-story-route .GroupStoryBox > .rightT,
.group-story-page .GroupStoryBox > .rightT {
  width: 100% !important;
  max-width: none !important;
  margin-top: 34px !important;
}

.group-story-route .GroupStoryBox > .rightT img,
.group-story-page .GroupStoryBox > .rightT img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

.group-story-route .GroupStoryBox .mar30,
.group-story-page .GroupStoryBox .mar30 {
  margin: 0 0 30px !important;
}

.group-story-route .GroupStoryBox .smallBold,
.group-story-page .GroupStoryBox .smallBold {
  position: relative !important;
  margin: 0 0 14px !important;
  padding-left: 16px !important;
  color: #202766 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.group-story-route .GroupStoryBox .smallBold::before,
.group-story-page .GroupStoryBox .smallBold::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: .25em !important;
  width: 4px !important;
  height: 1.15em !important;
  background: #f6b83b !important;
}

.group-story-route .GroupStoryBox .NormalText,
.group-story-page .GroupStoryBox .NormalText {
  margin: 0 !important;
  color: #333 !important;
  font-size: 17px !important;
  line-height: 1.85 !important;
  white-space: normal !important;
}

.commercial-insurance-route .cmsOther .BodyContent,
.commercial-insurance-page .BodyContent {
  padding: 46px 0 58px !important;
  background: #fff !important;
}

.commercial-insurance-route .cmsOther .BodyContent > .Warper,
.commercial-insurance-page .BodyContent > .Warper {
  width: calc(100% - 48px) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 36px 42px 42px !important;
  background: #fff !important;
  border: 1px solid #d9d9d9 !important;
  box-sizing: border-box !important;
}

.commercial-insurance-route .cmsOther .otherHtml,
.commercial-insurance-page .otherHtml {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.commercial-insurance-route .cmsOther .otherHtml .pageHeadTitle,
.commercial-insurance-page .otherHtml .pageHeadTitle,
.commercial-insurance-route .CmsContent .InsuranceBox .pageHeadTitle {
  display: flex !important;
  align-items: center !important;
  min-height: 34px !important;
  margin: 0 0 30px !important;
  padding: 0 0 0 18px !important;
  border-left: 6px solid #f6b51f !important;
  color: #1f2672 !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

.commercial-insurance-route .cmsOther .otherHtml .pageHeadTitle::after,
.commercial-insurance-page .otherHtml .pageHeadTitle::after,
.commercial-insurance-route .CmsContent .InsuranceBox .pageHeadTitle::after {
  display: none !important;
  content: none !important;
}

.commercial-insurance-route .cmsOther .otherHtml .Imgbox,
.commercial-insurance-page .otherHtml .Imgbox {
  margin-top: 34px !important;
}

@media (max-width: 900px) {
  .header-layout {
    display: none;
  }

  .NewTop {
    display: flex;
  }

  .no-hero-page .PromotionContainer,
  .no-hero-page .CatMain,
  .no-hero-page .cmsBoxMain,
  .no-hero-page .cmsOther,
  .no-hero-page .accountHeader,
  .no-hero-page .RNPForm {
    padding-top: 64px;
  }

  .NomralBg.NormalTop {
    padding-top: 64px;
  }

  .CmsNormal {
    padding: 28px 14px 42px;
  }

  .CmsContent {
    padding: 28px 18px 32px;
    border-radius: 3px;
    box-shadow: 0 8px 22px rgba(31, 45, 87, .1);
  }

  .InsuranceBox .pageHeadTitle {
    margin-bottom: 24px;
    font-size: 26px;
  }

  .InsuranceBox .BlackBold {
    font-size: 18px;
  }

  .InsuranceBox .NormalText,
  .InsuranceBox .circleText {
    font-size: 16px;
  }

  .commercial-insurance-route .CmsNormal {
    padding-top: 28px;
  }

  .commercial-insurance-route .CmsContent {
    padding: 24px 18px 30px;
  }

  .commercial-insurance-route .cmsOther .BodyContent,
  .commercial-insurance-page .BodyContent {
    padding: 28px 0 42px !important;
  }

  .commercial-insurance-route .cmsOther .BodyContent > .Warper,
  .commercial-insurance-page .BodyContent > .Warper {
    width: calc(100% - 28px) !important;
    padding: 24px 18px 30px !important;
  }

  .commercial-insurance-route .InsuranceBox .pageHeadTitle {
    min-height: 30px;
    margin-bottom: 24px;
    padding-left: 14px;
    border-left-width: 5px;
    font-size: 26px;
  }

  .HomeAboutMain,
  .HomeServiceMain,
  .SocialMedia,
  .ContactUsBox {
    padding: 36px 0;
  }

  .HomeAboutMain .Warper,
  .ContactUsBox .Warpbox,
  .SocialMedia .Warpbox {
    width: 100%;
    height: auto;
    flex-direction: column;
    gap: 24px;
  }

  .ContactUsBox .Warpbox > .leftT,
  .ContactUsBox .Warpbox > .rightT,
  .SocialMedia .Warpbox > .leftT,
  .SocialMedia .Warpbox > .rightT {
    flex: 1 1 auto;
    max-width: 100%;
    width: 100%;
  }

  .SocialMedia iframe,
  .SocialMedia video,
  .SocialMedia img,
  .SocialMedia .leftT,
  .SocialMedia .rightT,
  .SocialMedia .rightT:empty,
  .SocialMedia .rightT p:empty {
    min-height: 210px;
    height: auto !important;
  }

  .SocialMedia .Warpbox > .leftT,
  .SocialMedia .Warpbox > .rightT {
    flex-basis: auto;
    max-width: 100%;
  }

  .ContactUsBox .Warpbox > .leftT,
  .ContactUsBox .Warpbox > .rightT {
    flex: 1 1 auto;
    max-width: 100%;
  }

  .ContactUsBox .MapInfo,
  .ContactUsBox .MapInfo iframe,
  .ContactUsBox .MapInfo img {
    min-height: 220px;
    height: 220px !important;
  }

  #footer ul,
  #footer .footer-menu,
  #footer .Meunbox ul,
  #footer .nav_menu ul {
    gap: 10px 20px;
  }

  .Warpbox:has(img[src*="6390218702670853999360118.jpg"]) {
    max-width: 100%;
  }

  .Warpbox > .leftT:has(img[src*="6390218702670853999360118.jpg"]) {
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  .Warpbox > .leftT:has(img[src*="6390218702670853999360118.jpg"]) + .rightT {
    flex: 1 1 auto;
    width: 100%;
    height: auto;
    max-width: 100%;
    overflow: visible;
  }

  .ServiceBox,
  .InnerBox {
    grid-template-columns: 1fr;
  }

  .HomeServiceMain .ServiceBox {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 14px;
  }

  .HomeServiceMain .ServiceBox .perBox:last-child {
    grid-column: 1 / -1;
  }

  .borderTitle,
  .NormalPageTitle,
  .smallBold {
    font-size: 24px;
  }

  .HomeAboutMain .borderTitle,
  .HomeServiceMain .borderTitle {
    margin-bottom: 26px;
    padding-bottom: 12px;
  }

  .HomeAboutMain .borderTitle::after,
  .HomeServiceMain .borderTitle::after {
    height: 3px;
  }

  .HomeAboutMain .leftT::before {
    left: -10px;
    bottom: -10px;
  }

  .HomeAboutMain .leftT img {
    max-width: 100%;
  }

  img[src*="6390218702670853999360118.jpg"] {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }

  .HomeAboutMain .Warper:has(img[src*="6390218702670853999360118.jpg"]) {
    max-width: 100%;
  }

  .HomeAboutMain .leftT:has(img[src*="6390218702670853999360118.jpg"]) {
    flex: 1 1 auto;
    max-width: 100%;
  }

  .HomeServiceMain .ServiceBox {
    padding-top: 0;
    padding-bottom: 0;
  }

  .HomeServiceMain .ServiceBox .perBox,
  .HomeServiceMain .ServiceBox .perBox:nth-child(even),
  .HomeServiceMain .ServiceBox .perBox:nth-child(odd):hover,
  .HomeServiceMain .ServiceBox .perBox:nth-child(even):hover {
    transform: none;
  }

  .Warper,
  .Warpbox,
  .InnerWarper,
  .ListData,
  .Location,
  .FormMain,
  .paddingbox {
    padding-left: 16px;
    padding-right: 16px;
  }

  .CatMain .ListData > .InnerWarper {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .chairman-page .BodyContent {
    padding-top: 28px;
    padding-bottom: 42px;
  }

  .chairman-route .cmsOther .BodyContent {
    padding-top: 28px;
    padding-bottom: 42px;
  }

  .chairman-route .cmsBoxMain .FormMain {
    padding-top: 28px;
    padding-bottom: 42px;
  }

  .chairman-page .BodyContent > .Warper {
    padding: 0 24px 30px;
  }

  .chairman-route .cmsOther .BodyContent > .Warper {
    padding: 0 24px 30px;
  }

  .chairman-route .cmsBoxMain .FormMain > .paddingbox {
    width: calc(100% - 32px);
    padding: 0 24px 30px;
  }

  .chairman-route .cmsOther .otherHtml {
    padding: 0;
    font-size: 16px;
  }

  .chairman-route .cmsBoxMain #content,
  .chairman-route .cmsBoxMain .to_vertical {
    padding: 0;
    font-size: 16px;
  }

  .chairman-route .cmsOther .otherHtml img {
    width: 100%;
    max-width: 320px;
  }

  .chairman-route .cmsBoxMain #content img,
  .chairman-route .cmsBoxMain .to_vertical img {
    width: 100%;
    max-width: 320px;
  }

  .chairman-page .chairman-intro {
    flex-direction: column;
    align-items: flex-start;
    gap: 28px;
    min-height: 0;
    padding: 32px 0 24px;
  }

  .chairman-page .chairman-photo,
  .chairman-page .chairman-photo img,
  .chairman-page .chairman-photo-placeholder {
    width: 100%;
    max-width: 320px;
  }

  .chairman-page .chairman-info {
    width: 100%;
    padding-top: 0;
  }

  .chairman-page .chairman-name {
    font-size: 30px;
  }

  .chairman-page .chairman-title,
  .chairman-page .chairman-company {
    font-size: 23px;
  }

  .chairman-page .chairman-body p,
  .chairman-page .chairman-body div {
    font-size: 16px;
  }

  .chairman-page .chairman-body p:first-child,
  .chairman-page .chairman-body div:first-child {
    font-size: 24px;
  }

  .chairman-route .ChairmanMessage .top,
  .chairman-original-page .ChairmanMessage .top {
    flex-direction: column;
    align-items: flex-start;
    gap: 28px;
    min-height: 0;
    padding: 32px 0 24px;
  }

  .chairman-route .ChairmanMessage .leftT,
  .chairman-original-page .ChairmanMessage .leftT,
  .chairman-route .ChairmanMessage .leftT img,
  .chairman-original-page .ChairmanMessage .leftT img {
    width: 100%;
    max-width: 320px;
  }

  .chairman-route .ChairmanMessage .rightT,
  .chairman-original-page .ChairmanMessage .rightT {
    width: 100%;
    padding-top: 0;
  }

  .chairman-route .ChairmanMessage .pageHeadTitle,
  .chairman-original-page .ChairmanMessage .pageHeadTitle {
    font-size: 30px;
  }

  .chairman-route .ChairmanMessage .pageContent,
  .chairman-original-page .ChairmanMessage .pageContent {
    font-size: 23px;
  }

  .chairman-route .ChairmanMessage .HeadNormalText,
  .chairman-original-page .ChairmanMessage .HeadNormalText {
    font-size: 24px;
  }

  .chairman-route .ChairmanMessage .NormalText,
  .chairman-original-page .ChairmanMessage .NormalText {
    font-size: 16px;
  }

  .group-story-route .cmsOther .BodyContent,
  .group-story-page .BodyContent {
    padding: 28px 0 42px !important;
  }

  .group-story-route .cmsOther .BodyContent > .Warper,
  .group-story-page .BodyContent > .Warper {
    width: calc(100% - 32px) !important;
    padding: 28px 22px 34px !important;
  }

  .group-story-route .GroupStoryBox,
  .group-story-page .GroupStoryBox {
    flex-direction: column !important;
    gap: 28px !important;
  }

  .group-story-route .GroupStoryBox > .rightT,
  .group-story-page .GroupStoryBox > .rightT {
    flex: 1 1 auto !important;
    max-width: none !important;
    width: 100% !important;
  }

  .group-story-route .GroupStoryBox .smallBold,
  .group-story-page .GroupStoryBox .smallBold {
    font-size: 22px !important;
  }

  .group-story-route .GroupStoryBox .NormalText,
  .group-story-page .GroupStoryBox .NormalText {
    font-size: 16px !important;
  }
}

@media (min-width: 901px) {
  .ContactUsBox {
    padding: 58px 0 50px !important;
  }

  .ContactUsBox .Mainbox {
    width: calc(100% - 96px) !important;
    max-width: 1200px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .ContactUsBox .borderTitle {
    margin: 0 0 30px !important;
    padding-bottom: 20px !important;
    color: #333c9e !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
  }

  .ContactUsBox .borderTitle::after {
    height: 4px !important;
    background: #333c9e !important;
  }

  .ContactUsBox .Mainbox > .Warpbox,
  .ContactUsBox .Warpbox {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: none !important;
    gap: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .ContactUsBox .Warpbox > .leftT {
    flex: 0 0 450px !important;
    max-width: 450px !important;
    width: 450px !important;
    padding-top: 8px !important;
    overflow: visible !important;
  }

  .ContactUsBox .Warpbox > .rightT {
    flex: 1 1 auto !important;
    max-width: none !important;
    min-width: 0 !important;
    width: auto !important;
    overflow: visible !important;
  }

  .ContactUsBox .bodyText {
    margin: 0 !important;
    color: #111 !important;
    font-size: 18px !important;
    line-height: 1.45 !important;
  }

  .ContactUsBox .HomeContact {
    margin: 0 !important;
    padding: 0 !important;
  }

  .ContactUsBox .HomeContact .perData {
    position: relative !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .ContactUsBox .HomeContact .perData:last-child {
    margin-bottom: 0 !important;
  }

  .ContactUsBox .HomeContact .title {
    display: flex !important;
    align-items: center !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    color: #333c9e !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
  }

  .ContactUsBox .HomeContact .text {
    display: block !important;
    margin: 0 0 0 35px !important;
    padding: 0 !important;
    color: #111 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    word-break: normal !important;
  }

  .ContactUsBox .HomeContact em {
    position: relative !important;
    display: inline-block !important;
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 12px 0 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    font-size: 0 !important;
    font-style: normal !important;
    line-height: 1 !important;
    vertical-align: middle !important;
  }

  .ContactUsBox .HomeContact .iconA {
    width: 24px !important;
    height: 26px !important;
  }

  .ContactUsBox .HomeContact em::before,
  .ContactUsBox .HomeContact em::after {
    content: "" !important;
    position: absolute !important;
    box-sizing: border-box !important;
  }

  .ContactUsBox .HomeContact .iconA::before {
    left: 3px !important;
    top: 1px !important;
    width: 19px !important;
    height: 19px !important;
    background: #333c9e !important;
    border: 0 !important;
    border-radius: 50% 50% 50% 0 !important;
    transform: rotate(-45deg) !important;
  }

  .ContactUsBox .HomeContact .iconA::after {
    left: 9px !important;
    top: 7px !important;
    width: 7px !important;
    height: 7px !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 50% !important;
  }

  .ContactUsBox .HomeContact .iconB::before {
    left: 1px !important;
    top: 2px !important;
    width: 23px !important;
    height: 23px !important;
    border: 0 !important;
    background: #333c9e !important;
    border-radius: 0 !important;
    clip-path: path("M5.8 1.4c2.2 0 4.8 5.4 4.1 6.6-.3.6-1 1-1.8 1.4-.8.4-.9.8-.4 1.7 1.3 2.5 3.3 4.5 5.8 5.8.8.4 1.3.4 1.8-.4.4-.7.8-1.5 1.4-1.8 1.1-.7 6.6 1.9 6.6 4.1 0 1.8-2.8 4.6-4.8 4.6C9.1 23.4 1.4 15.7 1.4 6.2c0-2 2.6-4.8 4.4-4.8Z") !important;
    transform: none !important;
  }

  .ContactUsBox .HomeContact .iconB::after {
    display: none !important;
  }

  .ContactUsBox .HomeContact .iconC::before {
    left: 1px !important;
    top: 8px !important;
    width: 22px !important;
    height: 14px !important;
    border: 0 !important;
    background: #333c9e !important;
    border-radius: 2px !important;
    box-shadow: inset 5px -4px 0 -2px #fff, inset -5px -4px 0 -2px #fff !important;
  }

  .ContactUsBox .HomeContact .iconC::after {
    left: 5px !important;
    top: 1px !important;
    width: 14px !important;
    height: 9px !important;
    background: #333c9e !important;
    border: 0 !important;
    border-radius: 1px !important;
  }

  .ContactUsBox .HomeContact .iconD::before {
    left: 1px !important;
    top: 4px !important;
    width: 22px !important;
    height: 17px !important;
    border: 2px solid #333c9e !important;
    border-radius: 3px !important;
    background: transparent !important;
  }

  .ContactUsBox .HomeContact .iconD::after {
    left: 4px !important;
    top: 5px !important;
    width: 16px !important;
    height: 16px !important;
    border: 0 !important;
    background:
      linear-gradient(32deg, transparent 47%, #333c9e 48%, #333c9e 56%, transparent 57%),
      linear-gradient(-32deg, transparent 47%, #333c9e 48%, #333c9e 56%, transparent 57%) !important;
    transform: none !important;
  }

  .ContactUsBox .HomeContact .iconE::before {
    left: 1px !important;
    top: 1px !important;
    width: 23px !important;
    height: 23px !important;
    border: 2px solid #333c9e !important;
    border-radius: 50% !important;
    background: transparent !important;
  }

  .ContactUsBox .HomeContact .iconE::after {
    left: 11px !important;
    top: 5px !important;
    width: 7px !important;
    height: 9px !important;
    border: 0 !important;
    border-left: 2px solid #333c9e !important;
    border-bottom: 2px solid #333c9e !important;
    transform: none !important;
  }

  .ContactUsBox .MapInfo,
  .ContactUsBox .MapInfo iframe,
  .ContactUsBox .MapInfo img {
    display: block !important;
    width: 100% !important;
    min-height: 420px !important;
    height: 420px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: cover !important;
  }

  .ContactUsBox .MapInfo p {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}