@charset "UTF-8";
/* ----- global ----- */
body, html {
  font-family: "Allianz Neo", "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  color: #414141;
  background: #cfe9ee;
  height: 100%;
}

.ra-fixed {
  overflow: hidden !important;
}

button {
  cursor: pointer;
}
button:focus {
  outline: none;
}

p {
  margin: 0;
  line-height: 1.5;
}

img.fluid {
  width: 100%;
  height: auto;
}

a {
  text-decoration: none;
}
a, a:active, a:visited {
  color: inherit;
}

button {
  border: 0;
  padding: 0;
}

* {
  -webkit-appearance: none;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}

*:focus {
  outline: none !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

ul {
  list-style-type: none;
}

.ra-hide {
  display: none !important;
}

.ndbx-icon, .ndbx-icon:before {
  font-family: "Allianz-Icons";
}

.ra-icon-48 {
  font-size: 48px;
  width: 48px;
  height: 48px;
}

.ra-icon-32 {
  font-size: 32px;
  width: 32px;
  height: 32px;
}

.ra-icon-30 {
  font-size: 30px;
  width: 30px;
  height: 30px;
}

.ra-icon-24 {
  font-size: 24px;
  width: 24px;
  height: 24px;
}

.ra-icon-20 {
  font-size: 20px;
  width: 20px;
  height: 20px;
}

.ra-icon-16 {
  font-size: 16px;
  width: 16px;
  height: 16px;
}

.ra-icon-14 {
  font-size: 14px;
  width: 14px;
  height: 14px;
}

.ra-icon--arrow-left-slim:before {
  content: "";
}

.ra-icon--arrow-right-slim:before {
  content: "";
}

.ra-icon--close:before {
  content: "";
}

.ra-icon--minus:before {
  content: "";
}

.ra-icon--plus:before {
  content: "";
}

.ra-icon--check:before {
  content: "";
}

.ra-icon--close:before {
  content: "";
}

.ra-icon--arrow-up:before {
  content: "";
}

.ra-icon--arrow-down:before {
  content: "";
}

.ra-icon--minus-circle:before {
  content: "";
}

.ra-icon--plus-circle:before {
  content: "";
}

.ra-icon--chevron-right-circle:before {
  content: "";
}

.ra-icon--chevron-right:before {
  content: "";
}

.nx-icon--chevron-down:before {
  content: "";
}

.nx-icon--chevron-up:before {
  content: "";
}

.nx-icon--trash:before {
  content: "";
}

.nx-icon--back:before {
  content: "";
}

/* ----- text ----- */
h3 {
  color: #414141;
  font-size: 2.5rem;
  font-weight: 300;
}

.txt-bold {
  font-weight: 600;
}

.txt-ft-a, .txt-ft-cp {
  color: #666666;
  font-size: 0.875rem;
  font-weight: 400;
}

.txt-ft-cp {
  font-size: 0.75rem;
}

.txt-idx-pinktitle {
  color: #dc3149;
  font-size: 1rem;
  font-weight: 600;
}

.txt-idx-btn-txt, .txt-btn-confirm, .txt-btn-secondary {
  font-size: 1rem;
  font-weight: 600;
  line-height: 0;
}

.txt-ra-modal {
  font-size: 0.875rem;
  color: #414141;
  text-align: justify;
}

[data-id="idConfirmMessage"] {
  text-align: center;
}

.txt-ra-modal-link {
  font-size: 0.875rem;
  display: inline-block;
  font-weight: 600;
}
.txt-ra-modal-link, .txt-ra-modal-link:active, .txt-ra-modal-link:visited {
  color: #006192;
}
.txt-ra-modal-link:hover {
  color: #008ed6;
}

.txt-link-witharrow:before {
  vertical-align: middle;
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  background: url(../img/btn/arrow_r.svg) no-repeat center center;
  margin-right: 5px;
  margin-bottom: 3px;
}

.txt-link-witharrow:hover:before {
  background-image: url(../img/btn/arrow_r_hover.svg);
}

.txt-align-left {
  text-align: left !important;
  width: 100%;
}

.txt-align-center {
  text-align: center !important;
}

.txt-align-right {
  text-align: right !important;
}

.ra-thx-robot-text p {
  text-align: center;
  color: #013781;
  font-size: 1rem;
}

.ra-404-kv p {
  text-align: center;
  color: #013781;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2;
}

.ra-err-pinktitle {
  line-height: 1.8;
}

.ra-err-title {
  text-align: center;
  color: #013781;
  font-size: 2.25rem;
  font-weight: 300;
  padding-bottom: 16px;
}

h2.ra-memo-list-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

.msg-bbl p {
  font-size: 1rem;
  font-weight: 600;
}

.txt-highlight-purple, .txt-highlight {
  color: #017AB3;
  font-size: 1rem;
  font-weight: 700;
  margin: 0 1px;
}

.txt-long-wrap {
  word-wrap: break-word;
}

.txt-highlight-purple {
  color: #5A3982;
  margin-bottom: 5px;
}

a.link-highlight {
  display: inline-block;
  color: #5A3982;
  margin: 10px 0;
  text-decoration: underline;
}
a.link-highlight:hover {
  opacity: 0.8;
}

.txt-number {
  color: #017AB3;
  font-family: "Allianz Neo";
  font-size: 19px;
  font-weight: 700;
}

.ra-input-amount, .ra-input-amount::placeholder {
  font-size: 1.5rem;
  font-weight: 600;
  color: #006192;
}

.ra-stepper-btn-with-value::after {
  text-align: center;
  font-size: 1.125rem;
  font-family: "Allianz Neo";
  font-weight: 400;
  color: #017AB3;
  letter-spacing: 0px;
}

.ra-slide-value-label {
  line-height: 1.5;
  text-align: center;
  font-size: 1.125rem;
  font-family: "Allianz Neo";
  font-weight: 400;
  letter-spacing: 0px;
  color: #414141;
  margin-top: 10px;
}

.msg-bbl .ra-purple-title {
  letter-spacing: 1px;
  font-size: 1.25rem;
  font-weight: 600;
  color: #5A3982;
}
.msg-bbl .ra-purple-title .ra-small {
  font-size: 1rem;
  margin-left: 10px;
}

/* ----- header footer ----- */
/* ra: robo advisor */
.ra-header {
  height: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  overflow: hidden;
}

.ra-logo {
  display: block;
  width: 100px;
  height: 45px;
  background: url(../img/logo.svg) no-repeat center center;
  background-size: 100px auto;
}

.ra-social-fb, .ra-social-line {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../img/logo_fb.svg) no-repeat center center;
  background-size: 32px auto;
}

.ra-social-line {
  margin-left: 6px;
  background: url(../img/logo_line.svg) no-repeat center center;
}

.ra-chat-memo-icon {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #F2F9FA;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.ra-chat-memo-icon:before {
  content: "";
  width: 32px;
  height: 32px;
  background: url(../img/chat/btn_memo.svg) no-repeat center center;
  background-size: 32px auto;
}

.ra-chat-memo-icon.active, .ra-chat-memo-icon:hover {
  background: #006192;
  box-shadow: 0 0 0 rgba(0, 97, 146, 0.4);
  animation: mypulse 1s infinite;
}
.ra-chat-memo-icon.active:before, .ra-chat-memo-icon:hover:before {
  background-image: url(../img/chat/btn_memo_w.svg);
}

@keyframes mypulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 97, 146, 0.4);
    box-shadow: 0 0 0 0 rgba(0, 97, 146, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 20px rgba(0, 97, 146, 0);
    box-shadow: 0 0 0 20px rgba(0, 97, 146, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 97, 146, 0);
    box-shadow: 0 0 0 0 rgba(0, 97, 146, 0);
  }
}
/* footer */
.ra-footer {
  background: #fff;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.ra-footer.ra-footer-thx {
  position: static;
}

.ra-ft-in {
  border: 0px solid red;
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ra-ft-link, .ra-ft-copyright {
  width: auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.ra-ft-copyright {
  width: auto;
}

.ra-ft-link > * {
  margin-left: 2rem;
}

.txt-ft-a:before {
  vertical-align: middle;
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/btn/ft_announce.svg) no-repeat center center;
  background-size: 20px auto;
  margin-right: 3px;
  margin-bottom: 3px;
}

.ra-ft-announce:before {
  margin-right: 5px;
  background-image: url(../img/btn/ft_announce.svg);
}

.ra-ft-cookies:before {
  background-image: url(../img/btn/ft_cookies.svg);
}

.ra-ft-contact:before {
  background-image: url(../img/btn/ft_contact.svg);
}

/* ----- layout ----- */
.ra-body-idx {
  border: 0px solid black;
  width: 100%;
  height: 100%;
}

.ra-idx-wrapper, .ra-idx-box, .ra-graph-wrapper-relative, .ra-err-wrapper {
  width: 100%;
  margin: 0 auto;
  max-width: 1280px;
  height: calc(100% - 120px);
  min-height: calc(100vh - 120px);
}

.ra-idx-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ra-thx-wrapper {
  width: 100%;
}

/* ----- err-wrapper ----- */
.ra-err-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  max-width: 600px;
  min-height: 500px;
  margin: 0 auto;
  padding-top: 5vh;
}
.ra-err-wrapper > * {
  margin: 10px 0;
}

.ra-err-pinktitle {
  margin: 20px 0;
}

.ra-404-kv {
  width: 80%;
  max-width: 180px;
}

/* ----- title-wrapper ----- */
.ra-idx-box {
  width: 50%;
  height: 100%;
}

.ra-idx-box.title-wrapper {
  border: 0px solid green;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.ra-idx-pinktitle {
  margin: 30px 0;
}

.ra-idx-pinktitle-br {
  display: none;
}

.ra-idx-title {
  width: 90%;
  max-width: 430px;
  height: auto;
}

.ra-btn {
  display: block;
  border-radius: 5px;
  cursor: pointer;
}

.ra-idx-btn {
  cursor: pointer;
  width: 230px;
  height: 44px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 5px 5px #0079b5;
}
.ra-idx-btn .txt-idx-btn-txt {
  color: #013781;
}
.ra-idx-btn:hover {
  background: #0079b5;
  box-shadow: 5px 5px #fff;
  transition: 0.5s;
}
.ra-idx-btn:hover .txt-idx-btn-txt {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .ra-idx-btn:hover {
    transition: none;
  }
}
.ra-btn-txt-arrow-tail::after {
  border: 0px solid red;
  display: block;
  content: "";
  width: 0.875rem;
  height: 100%;
  margin-top: 0px;
  margin-left: 10px;
  background: url(../img/btn/i_arrowr_blue.svg) no-repeat center center;
  background-size: auto 0.875rem;
  animation: floating-v 1s ease-in-out infinite;
}
.ra-btn-txt-arrow-tail:hover::after {
  background-image: url(../img/btn/i_arrowr_white.svg);
}

.ra-idx-btn.ra-btn-dark {
  background: #0079b5;
  box-shadow: 5px 5px #9cc3d0;
}
.ra-idx-btn.ra-btn-dark .txt-idx-btn-txt {
  color: #fff;
}
.ra-idx-btn.ra-btn-dark:hover {
  background: #fff;
  box-shadow: 5px 5px #0079b5;
}
.ra-idx-btn.ra-btn-dark:hover .txt-idx-btn-txt {
  color: #013781;
}

.ra-btn-txt-arrow-tail.ra-btn-dark::after {
  background-image: url(../img/btn/i_arrowr_white.svg);
}
.ra-btn-txt-arrow-tail.ra-btn-dark:hover::after {
  background-image: url(../img/btn/i_arrowr_blue.svg);
}

/* ----- city-wrapper ----- */
.ra-idx-box.graph-wrapper {
  border: 0px solid green;
}

.ra-graph-wrapper-relative {
  border: 0px solid red;
  width: 100%;
  height: 100%;
  position: relative;
}

.ra-city-robot {
  position: absolute;
  width: 180px;
  height: 195px;
  z-index: 2;
  left: 0;
  bottom: 0;
}

.ra-city-box {
  border: 0px solid green;
  position: absolute;
  width: 410px;
  height: 480px;
  z-index: 1;
  left: calc(50% - 225px);
  top: calc(50% - 240px);
}

.ra-city-box-relative {
  width: 100%;
  height: 100%;
  position: relative;
}
.ra-city-box-relative .ra-city-video {
  position: absolute;
  width: 100%;
  width: 90%;
  z-index: 3;
  top: 0;
  left: 0;
  transform: skewY(29deg) translate(10%, 25%) scale(0.8);
}
.ra-city-box-relative .ra-city-chart {
  position: absolute;
  width: 100%;
  z-index: 2;
  top: 0;
  right: 0;
}
.ra-city-box-relative .ra-city {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  left: 0;
}

/* ----- mask ----- */
.ra-mask {
  position: fixed;
  z-index: 19;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
}

.ra-full-video-wrapper {
  width: 80vw;
  max-width: 900px;
  max-height: 506px;
  height: 45vw;
  position: relative;
  border: 0px solid #fff;
  box-sizing: content-box;
  z-index: 21;
}

.ra-video-close {
  position: absolute;
  top: 0;
  right: -50px;
  display: inline-block;
  margin-left: auto;
  margin-right: 10px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  background: #006192;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ra-video-close .ndbx-icon {
  font-size: 24px;
}
.ra-video-close .ndbx-icon, .ra-video-close .ndbx-icon:before {
  color: #006192;
  color: #fff;
}

.ra-video-container {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ra-video-container > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ra-video-container > img.imgVideoPrev {
  width: 100%;
  height: auto;
  top: -16.8%;
}

.ra-video-playbtn {
  z-index: 2;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: url(../img/idx_play.svg) no-repeat center center rgba(0, 0, 0, 0.5);
  background-size: 70px auto;
}

.ra-memo-full-btn {
  max-width: 280px;
  width: 100%;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ra-full-btn {
  margin: 0 auto;
  max-width: 300px;
  width: 100%;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ra-full-btn-long {
  max-width: 500px;
}

.ra-half-btn {
  width: 49%;
  margin: 0 0.5%;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ra-btn-height-small {
  height: 36px;
  max-width: 140px;
}

.ra-btn-primary {
  background: #0079b5;
}
.ra-btn-primary .txt-btn-confirm {
  color: #fff;
  line-height: 1.2;
}
.ra-btn-primary:hover {
  background: #075994;
}

.jsBtnDisabled {
  opacity: 0.4 !important;
}

.ra-btn-primary-with-icon::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/chat/i_confirm_w.svg) no-repeat center center;
  background-size: 20px auto;
  margin-right: 5px;
}

.ra-btn-secondary {
  border: 2px solid #0079b5;
  background: #fff;
}
.ra-btn-secondary .txt-btn-secondary {
  color: #006192;
}
.ra-btn-secondary .ndbx-icon:before {
  color: #006192;
}
.ra-btn-secondary:hover {
  background: #0079b5;
  border-color: #0079b5;
}
.ra-btn-secondary:hover .txt-btn-secondary {
  color: #fff;
}
.ra-btn-secondary:hover .ndbx-icon:before {
  color: #fff;
}

.ra-btn-secondary.ra-btn-noborder {
  border-width: 0px;
}

.ra-btn-secondary.ra-btn-thinborder {
  border-width: 1px;
}

.ra-square-btn {
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* modal */
.ra-mask-transparent {
  border: 0px solid blue;
  position: fixed;
  z-index: 20;
  width: 100%;
  height: 100vh;
  left: 0;
  bottom: 0;
  overflow: hidden;
}

.ra-mask-transparent.ra-mask-privacy {
  border: 0px solid blue;
  height: 120px;
}

.ra-modal-position {
  width: 98%;
  max-width: 1280px;
  position: absolute;
  display: inline-block;
  left: 50%;
  bottom: 10px;
  transform: translate(-50%, 0%);
  z-index: 21;
}

.ra-modal-position.ra-modal-alert {
  width: 90%;
  max-width: 400px;
  top: 50%;
  bottom: auto;
  transform: translate(-50%, -50%);
  box-shadow: 0 0px 10px rgba(65, 65, 65, 0.35);
}

.ra-modal-container {
  width: 100%;
  margin: 0 auto;
  border-radius: 5px;
  background: #fff;
  padding: 25px 25px 15px 25px;
}

.ra-modal-blueborder {
  border: 1px solid #017AB3;
  box-shadow: 0 8px 24px rgba(65, 65, 65, 0.35);
}

.ra-modal-close {
  position: absolute;
  z-index: 2;
  top: 8px;
  right: 8px;
  height: 24px;
  width: 24px;
  background: url(../img/btn/btn_close.svg) no-repeat center center;
  background-size: 14px auto;
  border: none;
  cursor: pointer;
  outline: none;
}

.ra-modal-body {
  border: 0px solid red;
  padding: 0 8px 0px 0px;
}

.ra-modal-body.ra-modal-alert {
  padding: 20px 10px;
}

.ra-modal-body.ra-modal-personalinfo {
  padding: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.ra-modal-container.ra-modal-personalinfo {
  padding: 10px;
}

.ra-mask.ra-mask-cookies, .ra-mask.ra-mask-memolist {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 100%;
  overflow: hidden;
}

.ra-mask.ra-mask-centermodal {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  overflow: hidden;
}

.ra-mask.ra-mask-bluebg, .ra-mask.ra-mask-bluebg-full {
  background-color: transparent;
}
.ra-mask.ra-mask-bluebg:after, .ra-mask.ra-mask-bluebg-full:after {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% - 70px);
  background-color: rgba(207, 233, 238, 0.75);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 20;
}

.ra-mask.ra-mask-bluebg-full:after {
  height: 100% !important;
}

.ra-modal-api-tag-box h1 {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 0 10px 0;
}
.ra-modal-api-tag-box h1::before {
  vertical-align: middle;
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  background: url(../img/btn/i_info.svg) no-repeat center center;
  background-size: 18px auto;
  margin-bottom: 2px;
  margin-right: 5px;
}
.ra-modal-api-tag-box h2, .ra-modal-api-tag-box p {
  font-size: 0.875rem;
  font-weight: 300;
  color: #414141;
  text-align: justify;
  margin: 16px 0;
}
.ra-modal-api-tag-box p {
  margin: 0;
}
.ra-modal-api-tag-box h2 {
  font-size: 1rem;
  font-weight: 600;
}

.ra-modal-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 10px;
}

.ra-privacy-row {
  margin-top: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.ra-privacy-col1 {
  padding-top: 2px;
  width: 130px;
}

.ra-privacy-col2 {
  display: flex;
  flex-direction: column;
}

/* ----- robot-wrapper ----- */
.ra-thx-robot-wrapper {
  min-height: 400px;
}

.ra-thx-banner-wrapper {
  min-height: 400px;
}

.ra-thx-robot-wrapper {
  border: 0px solid blue;
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  justify-content: space-between;
  align-items: center;
}

.ra-thx-box {
  border: 0px solid blue;
  margin: 10px 0;
  width: 310px;
}

.ra-thx-robot-wrapper-relative {
  width: 310px;
  height: 300px;
  position: relative;
}

.ra-thx-robot-bg, .ra-thx-robot-graph, .ra-thx-robot-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.ra-thx-robot-bg {
  z-index: 1;
}

.ra-thx-robot-graph {
  z-index: 2;
}

.ra-thx-robot-text {
  z-index: 2;
  bottom: 10%;
  top: auto;
}

.ra-thx-robot-text p {
  color: #013781;
  font-size: 1rem;
}

.ra-thx-box.share-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
  margin-bottom: 32px;
}

.ra-thx-pinktitle {
  text-align: center;
  margin-bottom: 16px;
  margin-top: 16px;
  letter-spacing: 1px;
  line-height: 1.5;
}

.ra-thx-banner-wrapper {
  background: #f5f5f5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.ra-thx-box.share-wrapper-video {
  margin: 0;
}
.ra-thx-box.share-wrapper-video .ra-banner-photo {
  position: relative;
}
.ra-thx-box.share-wrapper-video .ra-video-playbtn {
  position: absolute;
  top: auto;
  left: auto;
  right: 10px;
  bottom: 10px;
  width: 36px;
  height: 36px;
  background: url(../img/thx_play.svg) no-repeat center center rgba(1, 122, 179, 0);
  background-size: 34px auto;
}

/* ----- banner-wrapper ----- */
.ra-banner-title {
  margin: 30px 0;
}

.ra-carousell {
  border: 0px solid red;
  height: 200px;
  max-width: 960px;
  width: 100%;
  margin-bottom: 20px;
}

.ra-swiper-relative {
  position: relative;
  width: 100%;
  height: 100%;
}

.ra-thx-swiper-container {
  width: 100%;
  padding-left: 20px;
  padding-right: 0px;
}

.ra-thx-swiper-slide {
  width: 220px;
}

.ra-banner-photo {
  width: 100%;
  height: auto;
}

.ra-swiper-ctrl {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
  height: 60px;
}

.ra-thx-swiper-pagination {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}
.ra-thx-swiper-pagination .swiper-pagination-bullet {
  margin: 8px 15px;
  border: 1px solid #000;
  background: transparent;
  opacity: 1;
}
.ra-thx-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #000;
}

.ra-thx-swiper-button-prev, .ra-thx-swiper-button-next {
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #414141;
}
.ra-thx-swiper-button-prev::after, .ra-thx-swiper-button-next::after {
  display: none;
}

/* chat and memo */
.ra-body-chat {
  width: 100%;
  height: 100%;
}

.ra-chat-and-memo-wrapper {
  height: 100vh;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.ra-memo-wrapper-pc {
  background: #fff;
}

.ra-chat-wrapper {
  border: 0px solid blue;
  height: 100%;
  position: relative;
}
.ra-chat-wrapper .ra-header {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ra-chat-wrapper .ra-chat-main-wrapper {
  width: 100%;
  position: absolute;
  left: 0;
  top: 70px;
  height: calc(100% - 70px);
  overflow-y: auto;
  padding-bottom: 0px;
}

.ra-chat-anchor-wrapper {
  width: 30px;
  position: absolute;
  right: 30px;
  bottom: 20px;
  z-index: 3;
}

.ra-chat-anchor-wrapper.ra-chat-anchor-wrapper-with-footer {
  bottom: calc(60px + 00px);
}

.ra-footer-version {
  position: absolute;
  z-index: 3;
  width: auto;
  right: 30px;
  bottom: 5px;
}
.ra-footer-version .ra-version-p {
  line-height: 1;
  display: block;
  font-size: 10px;
  text-align: right;
  color: #666;
  letter-spacing: 0px;
}

.ra-footer-version.ra-footer-version-with-footer {
  bottom: calc(60px + 5px);
  right: 20px;
}

.ra-chat-anchor {
  margin: 7px 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #017AB3;
  opacity: 0.3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ra-chat-anchor span {
  color: #fff;
}
.ra-chat-anchor::hover {
  opacity: 1;
}

/* avatar */
.ra-avtr-gender {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: url(../img/chat/avtr_girl_w.png) center center;
  background-size: 40px auto;
}

.ra-avtr-gender.ra-gender-unknown {
  background: url(../img/chat/avtr_unknown.svg);
}

.ra-avtr-gender.ra-gender-girl {
  background: url(../img/chat/avtr_girl_w.png);
}

.ra-avtr-gender.ra-gender-boy {
  background: url(../img/chat/avtr_boy_w.png);
}

.ra-avtr-gender.ra-gender-robot-w {
  background: url(../img/chat/avtr_robot_white.png);
}

.ra-avtr-gender.ra-memo-gender {
  width: 40px;
  height: 40px;
  background-size: 40px auto;
  margin-right: 10px;
}

/* chat */
.ra-msg-sec {
  padding: 0 5px;
  width: 100%;
  max-width: 600px;
  padding-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.msg-box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: 10px 0;
}

.msg-box-robot.msg-with-avatar {
  justify-content: flex-start;
}
.msg-box-robot.msg-with-avatar::before {
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
  background: url(../img/chat/avtr_robot.png) center center;
  background-size: 40px auto;
  margin-right: 10px;
}

.msg-box-user {
  justify-content: flex-end;
}
.msg-box-user::after {
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
  background: url(../img/chat/avtr_girl_w.png) center center;
  background-size: 40px auto;
  margin-left: 10px;
}

.msg-box-user.ra-gender-unknown::after {
  background-image: url(../img/chat/avtr_unknown.svg);
}

.msg-box-user.ra-gender-girl::after {
  background-image: url(../img/chat/avtr_girl_w.png);
}

.msg-box-user.ra-gender-boy::after {
  background-image: url(../img/chat/avtr_boy_w.png);
}

.msg-sticker {
  width: 200px;
  height: auto;
  margin-bottom: -10px;
  margin-left: 50px;
}

.msg-bbl {
  max-width: 95%;
}

.msg-bbl.msg-bbl-with-tail, .msg-bbl.msg-bbl-user {
  max-width: calc(100% - 100px);
}

.msg-bbl.msg-bbl-cont-words {
  width: 95%;
  max-width: calc(100% - 50px);
}

.msg-bbl {
  border-radius: 20px;
  padding: 14px;
  padding-right: 10px;
  position: relative;
}

.msg-bbl.msg-bbl-robot, .msg-bbl-robot {
  background: #ffffff;
  color: #414141;
}

.msg-bbl-robot.msg-bbl-with-tail {
  margin-bottom: 15px;
}
.msg-bbl-robot.msg-bbl-with-tail::before {
  position: absolute;
  bottom: -12px;
  left: 10px;
  display: inline-block;
  content: "";
  width: 33px;
  height: 15px;
  background: url(../img/chat/bbl_tail_robot.svg) center center;
  background-size: 33px auto;
}

.msg-bbl.msg-bbl-user {
  background: #FFE8B0;
  color: #414141;
  margin-bottom: 15px;
}
.msg-bbl.msg-bbl-user::before {
  position: absolute;
  bottom: -12px;
  right: 10px;
  display: inline-block;
  content: "";
  width: 33px;
  height: 15px;
  background: url(../img/chat/bbl_tail_user.svg) center center;
  background-size: 33px auto;
}

.msg-bbl-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  max-width: 500px;
  width: 95%;
}

.msg-box-user {
  justify-content: flex-end;
}

.msg-bbl-note-scroll {
  background: #F5F5F5;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  width: 96%;
  height: 200px;
  overflow-y: scroll;
}

.msg-bbl-note-scroll .ra-modal-api-tag-box {
  padding: 10px;
  padding-right: 20px;
}

.msg-bbl-btn-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  width: 100%;
}
.msg-bbl-btn-wrapper > * {
  margin: 10px 0;
}

.msg-box-align-left {
  justify-content: flex-start;
  padding-left: 50px;
}

.ra-modal-btn-wrapper-left-right {
  margin: 10px 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* gender */
.msg-bbl-gender-selection {
  width: 260px;
  height: 120px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 0;
}

.msg-bbl-gender-answer {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  background-color: #fff;
  cursor: pointer;
}
.msg-bbl-gender-answer p {
  margin-bottom: 10px;
}
.msg-bbl-gender-answer::before {
  margin-top: 10px;
  display: inline-block;
  content: "";
  width: 60px;
  height: 60px;
  background: url(../img/chat/avtr_girl_color.png) center center;
  background-size: 60px auto;
}
.msg-bbl-gender-answer.ra-sel-gender-boy {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.msg-bbl-gender-answer.ra-sel-gender-boy::before {
  background-image: url(../img/chat/avtr_boy_color.png);
}
.msg-bbl-gender-answer.ra-sel-gender-boy p {
  color: #006192;
}
.msg-bbl-gender-answer.ra-sel-gender-girl {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.msg-bbl-gender-answer.ra-sel-gender-girl::before {
  background-image: url(../img/chat/avtr_girl_color.png);
}
.msg-bbl-gender-answer.ra-sel-gender-girl p {
  color: #dc3149;
}
.msg-bbl-gender-answer.ra-sel-gender-boy:hover, .msg-bbl-gender-answer.ra-sel-gender-boy.active {
  background-color: #5AAACC;
}
.msg-bbl-gender-answer.ra-sel-gender-boy:hover::before, .msg-bbl-gender-answer.ra-sel-gender-boy.active::before {
  background-image: url(../img/chat/avtr_boy_w.png);
}
.msg-bbl-gender-answer.ra-sel-gender-boy:hover p, .msg-bbl-gender-answer.ra-sel-gender-boy.active p {
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}
.msg-bbl-gender-answer.ra-sel-gender-girl:hover, .msg-bbl-gender-answer.ra-sel-gender-girl.active {
  background-color: #F7C7C3;
}
.msg-bbl-gender-answer.ra-sel-gender-girl:hover::before, .msg-bbl-gender-answer.ra-sel-gender-girl.active::before {
  background-image: url(../img/chat/avtr_girl_w.png);
}
.msg-bbl-gender-answer.ra-sel-gender-girl:hover p, .msg-bbl-gender-answer.ra-sel-gender-girl.active p {
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}

/* picture */
.msg-bbl-age-pic::before {
  display: inline-block;
  content: "";
  width: 60px;
  height: 60px;
  background: url(../img/chat/pic_age.png) center center no-repeat;
  background-size: 60px auto;
}

.msg-bbl-job-pic {
  margin: 10px 0;
}
.msg-bbl-job-pic::before {
  display: inline-block;
  content: "";
  width: 120px;
  height: 68px;
  background: url(../img/chat/pic_job.png) center center no-repeat;
  background-size: 120px auto;
}

.msg-bbl-salary-pic {
  margin: 10px 0;
}
.msg-bbl-salary-pic::before {
  display: inline-block;
  content: "";
  width: 90px;
  height: 64px;
  background: url(../img/chat/pic_salary.png) center center no-repeat;
  background-size: 90px auto;
}

.msg-bbl-retireage-pic::before {
  display: inline-block;
  content: "";
  width: 58px;
  height: 58px;
  background: url(../img/chat/pic_retireage.png) center center no-repeat;
  background-size: 58px auto;
}

.msg-bbl-save-pic::before {
  display: inline-block;
  content: "";
  width: 100px;
  height: 64px;
  background: url(../img/chat/pic_save.png) center center no-repeat;
  background-size: 100px auto;
}

.msg-bbl-invest-pic::before {
  display: inline-block;
  content: "";
  width: 74px;
  height: 74px;
  background: url(../img/chat/pic_invest.png) center center no-repeat;
  background-size: 74px auto;
}

.msg-bbl-labor-retire-pic {
  margin-top: 20px;
  margin-bottom: -12px;
}
.msg-bbl-labor-retire-pic::before {
  display: inline-block;
  content: "";
  width: 120px;
  height: 80px;
  background: url(../img/chat/pic_labor_retire.png) center center no-repeat;
  background-size: 120px auto;
}

.msg-bbl-labor-insure-pic {
  margin-top: 20px;
  margin-bottom: -12px;
}
.msg-bbl-labor-insure-pic::before {
  display: inline-block;
  content: "";
  width: 120px;
  height: 80px;
  background: url(../img/chat/pic_labor_insure.png) center center no-repeat;
  background-size: 120px auto;
}

/* age */
.msg-bbl-stepper-title .txt-number {
  color: #017AB3;
  font-family: "Allianz Neo";
  font-size: 1.75rem;
  font-weight: 600;
  margin: 0 2px;
}

.msg-bbl-stepper-wrapper {
  width: 90%;
  height: 48px;
  position: relative;
}

.msg-bbl-input-money-wrapper {
  width: 90%;
  height: 110px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.ra-slider__wrapper-with-btn {
  width: 100%;
  position: absolute;
  top: auto;
  bottom: 10px;
  left: 0;
  padding: 0;
  padding: 0 26px;
}

.ra-slider__background {
  position: relative;
  background-color: #D9D9D9;
  display: block;
  height: 5.5px;
  border-radius: 2px;
  white-space: nowrap;
  cursor: pointer;
}

.ra-slider__filler {
  background-color: #017AB3;
  display: inline-block;
  height: 5.5px;
  border-radius: 2px;
  float: left;
}

.ra-slider__handle {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  border: 1px solid #fff;
  background: #017AB3;
  box-sizing: border-box;
  margin-left: 0px;
  top: -10px;
  z-index: 2;
  cursor: -webkit-grab;
  cursor: grab;
}

.ra-stepper__up {
  position: absolute;
  right: 0;
}

.ra-stepper__down {
  position: absolute;
  left: 0;
}

.ra-stepper__up, .ra-stepper__down {
  top: auto;
  bottom: 0;
}

.ra-stepper-btn-with-value::after {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -24px;
  left: 0;
  content: attr(data-value);
}

.msg-bbl-dropdown-wrapper {
  width: 90%;
  margin: 10px 0;
}

.msg-bbl-dropdown-wrapper-full {
  width: 100%;
  margin: 10px 0;
}

.ra-dropdown-txt {
  font-size: 1rem;
  font-color: #414141;
  font-weight: 600;
}

/* simulate ndbx */
.ndbx-icon {
  speak: none;
  text-transform: none;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: normal;
  text-align: center;
  width: 1em;
  height: 1em;
}

.nx-formfield {
  width: 100%;
  display: block;
  color: #414141;
}

.nx-formfield__wrapper {
  width: 100%;
  padding-bottom: 24px;
  padding-top: 16px;
}

.nx-formfield__row {
  min-height: 32px;
  background-color: transparent;
  display: flex;
  align-items: stretch;
  width: 100%;
}

.nx-formfield__flexfield {
  width: 100%;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: 0.2px;
  align-items: stretch;
  flex-direction: column;
  display: inline-flex;
  width: 100%;
  position: relative;
  min-width: 0;
  flex: 0 1 auto;
}

.nx-formfield__input-container {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #414141;
  height: 32px;
  flex: auto;
  padding: 0 0 3px 0;
}

.nx-formfield__input {
  position: relative;
  flex: auto;
  min-width: 0;
  display: flex;
  text-align: left;
}

.nx-formfield__label-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.nx-formfield__label {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  letter-spacing: 0.2;
  color: #414141;
  display: block;
  position: absolute;
  left: 0;
  pointer-events: none;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transform-origin: 0 0;
  transition: transform 0.15s ease-out, font-size 0.15s ease-out;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  text-align: left;
}

.c-input {
  text-align: inherit;
  font-size: inherit;
  font-weight: inherit;
  background: 0 0;
  color: inherit;
  border: none;
  outline: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
}

.nx-formfield.is-floating .nx-formfield__label {
  transform: translateY(-16px);
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.ra-summary-small-label {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.nx-formfield.is-focused:not(.nx-formfield--negative):not(.has-error) {
  color: #006192;
}

.nx-formfield.is-filled {
  color: #414141;
}

.nx-formfield.is-focused .nx-formfield__input-container {
  border-bottom: 1px solid #006192;
}

.nx-dropdown__container {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  cursor: pointer;
}

.nx-dropdown__rendered {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nx-dropdown__icon {
  width: 24px;
  font-size: 24px;
  line-height: 0;
}

.nx-dropdown__chevron {
  vertical-align: middle;
}

.nx-icon--chevron-down:before {
  content: "";
}

/* money wrapper */
.ra-input-wrapper {
  width: 100%;
  position: relative;
}
.ra-input-wrapper::before {
  content: "元";
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 10px;
  top: 18px;
  z-index: 3;
}

.ra-input-wrapper::before {
  font-size: 0.875rem;
  color: #414141;
}

.ra-input-amount {
  width: 100%;
  text-align: center;
  background: white;
  background-clip: initial;
  border: 1px solid #666666;
  border-radius: 5px;
  box-shadow: initial;
  cursor: initial;
  display: block;
  line-height: 1.5;
  margin: initial;
  margin-bottom: initial;
  padding: 12px 14px;
  position: relative;
  transition: box-shadow 150ms ease, border 150ms ease;
  width: 100%;
  height: 50px;
}
.ra-input-amount:focus {
  border-color: #017AB3;
  box-shadow: 0 0 0 1px #017AB3;
  outline: 0;
}

.nx-slider__label-container {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

nx-slider {
  width: 100%;
}

.msg-bbl-column-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* memo */
.ra-bottom-page {
  width: 100%;
  height: 70%;
  position: relative;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
  z-index: 21;
}

.ra-memo-header {
  background: #0079b5;
  height: 70px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
}

.ra-memo-footer {
  background: #fff;
  height: 100px;
}

.ra-memo-wrapper-mo {
  background: #fff;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  height: 100%;
}

.ra-memo-header.ra-memo-mo {
  background: #0079b5;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}

.ra-memo-body.ra-memo-mo {
  min-height: 200px;
  height: calc(100% - 140px);
  overflow-y: auto;
}

.ra-memo-body-in {
  height: 100%;
}

.ra-memo-body.ra-memo-pc {
  height: calc(100% - 70px);
  overflow-y: auto;
}

.ra-memo-footer.ra-memo-mo {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 0px solid #aaa;
}

.ra-memo-close {
  display: inline-block;
  margin-left: auto;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #F2F9FA;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ra-memo-close .ndbx-icon, .ra-memo-close .ndbx-icon:before {
  color: #006192;
}

.ra-memo-sec-row-title {
  height: 58px;
  padding: 0 20px;
  background: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.ra-memo-sec-row-title h3, .ra-summary-row-title h3 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #017AB3;
}

.ra-memo-sec-row-data {
  height: 48px;
  padding: 0 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ra-memo-sec-row-data.colorA {
  background-color: #F0F0F0;
}
.ra-memo-sec-row-data.colorB {
  background-color: #FCFCFC;
}

p.ra-memo-label, p.ra-memo-value {
  font-size: 1rem;
  font-weight: 400;
  color: #414141;
}

.ra-memo-robot-footer {
  width: 100%;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ra-memo-robot-footer::before {
  display: inline-block;
  content: "";
  width: 220px;
  height: 62px;
  background: url(../img/chat/memo_continue.png) center center no-repeat;
  background-size: 220px auto;
}

.ra-confirm-icon:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../img/chat/i_confirm_blue.svg) no-repeat center center;
  background-size: 18px auto;
  margin-right: 5px;
  vertical-align: middle;
}

/* js scroll bar */
.scroll-element_track, .scroll-bar {
  opacity: 1 !important;
}

.scroll-element_track {
  background-color: #C9C9C9 !important;
}

.scroll-bar {
  background-color: #949494 !important;
}

.scrollbar-inner > .scroll-element.scroll-y {
  height: 98%;
  top: 1%;
}

.ra-radio-button-group {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ra-radio-button-group input[type="radio"] {
  opacity: 0.01;
  z-index: 100;
}

.ra-radio-button-group input[type="radio"] + label {
  background: #fff;
}
.ra-radio-button-group input[type="radio"] + label, .ra-radio-button-group input[type="radio"] + label .ndbx-icon:before {
  color: #006192;
}

.ra-radio-button-group input[type="radio"]:hover + label,
.ra-radio-button-group input[type="radio"]:checked + label {
  background: #0079b5;
}
.ra-radio-button-group input[type="radio"]:hover + label, .ra-radio-button-group input[type="radio"]:hover + label .ndbx-icon:before,
.ra-radio-button-group input[type="radio"]:checked + label,
.ra-radio-button-group input[type="radio"]:checked + label .ndbx-icon:before {
  color: #fff;
}

.ra-radio-button-group label {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* */
.msg-bbl-note-accordion {
  background: #F5F5F5;
  margin-left: auto;
  margin-right: auto;
  margin: 10px 0 0px 0;
  width: 96%;
}

.ra-acc-header {
  cursor: pointer;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ra-acc-header::after {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background: url(../img/btn/btn_tg_close.svg) no-repeat center center;
  background-size: 16px auto;
  margin-left: 6px;
  margin-bottom: 1px;
  transform: rotate(0deg);
  transition: 0.5s;
}

.ra-acc-header.open::after {
  transform: rotate(180deg);
  transition: 0.5s;
}

.msg-bbl p.ra-acc-title, .ra-acc-title {
  color: #414141;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.msg-bbl p.ra-acc-title::before, .ra-acc-title::before {
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  background: url(../img/btn/i_info.svg) no-repeat center center;
  background-size: 18px auto;
  margin-bottom: 2px;
  margin-right: 5px;
}

.msg-bbl p.ra-acc-txt, .ra-acc-txt {
  font-size: 0.875rem;
  font-weight: 300;
  color: #000;
  text-align: justify;
  margin: 16px 0;
}

.ra-acc-txt-wrapper {
  margin: 0 20px;
  border-top: 1px solid #000;
  padding-bottom: 10px;
}

ul.ra-ul-dot {
  padding: 0;
  margin: 10px 0;
}
ul.ra-ul-dot li {
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
ul.ra-ul-dot li p {
  width: calc(100% - 15px);
  text-align: justify;
  padding-right: 10px;
}
ul.ra-ul-dot li:before {
  box-sizing: content-box;
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #414141;
  margin: 6px 6px 0 0;
}

.ra-personal-info-row {
  margin: 10px 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.ra-personal-info-row::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/btn/icon_name.svg) no-repeat center center;
  background-size: 20px auto;
  padding-top: 34px;
  margin-right: 5px;
}

.ra-personal-info-row.ra-person-phone::before {
  background-image: url(../img/btn/icon_phone.svg);
}

.ra-personal-info-row.ra-person-email::before {
  background-image: url(../img/btn/icon_email.svg);
}

.ra-personal-field .nx-formfield__wrapper {
  padding-bottom: 5px;
}

.ra-input-note, .ra-input-error {
  font-size: 0.875rem;
  font-weight: 400;
}

.ra-input-note {
  color: #ACACAC;
}

.ra-input-error-wrapper {
  margin-top: 20px;
}
.ra-input-error-wrapper.ra-for-amount {
  margin-top: 0px;
}
.ra-input-error-wrapper.ra-for-summary {
  margin-top: 0;
  width: 100%;
}

.ra-input-error {
  color: #DC3149;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ra-input-error span {
  padding-top: 3px;
}
.ra-input-error::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../img/btn/icon_err.svg) no-repeat center center;
  background-size: 18px auto;
  margin-right: 5px;
}

.msg-bbl-personal-info {
  padding-right: 15px;
  width: 95%;
}

.ra-personal-info-row, .ra-person-col {
  width: 100%;
}

.ra-chart-wrapper {
  width: 100%;
  max-width: 320px;
}

.ra-chart-table {
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.ra-chart-title, .ra-chart-data {
  width: 100%;
}
.ra-chart-title > *, .ra-chart-data > * {
  display: inline-block;
  vertical-align: middle;
}

.ra-chart-title > * {
  height: 30px;
  line-height: 30px;
}

.ra-chart-data > * {
  height: 48px;
  line-height: 48px;
  margin-top: 10px;
}

.ra-emotion-title, .ra-rate-title, .ra-money-title,
.ra-emotion, .ra-rate, .ra-money {
  border-radius: 10px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}

.ra-emotion-title, .ra-emotion {
  width: 70px;
}

.ra-emotion-title {
  background: #FEF2DA;
  color: #AA641F;
}

.ra-rate, .ra-rate-title {
  width: 80px;
  text-align: center;
  background: #ECE7EF;
  color: #5A3982;
}

.ra-money, .ra-money-title {
  width: calc(100% - 160px);
  text-align: center;
  background: #EAF3F4;
  color: #106192;
}

.ra-emotion img {
  width: 50px;
  height: auto;
  margin-top: -5px;
}

.ra-money {
  text-align: right;
}
.ra-money::after {
  margin-left: 5px;
  content: "";
  display: inline-block;
  width: 38px;
  height: 50px;
  background: url(../img/chat/chart/money_l.png) no-repeat center bottom;
  background-size: 38px auto;
  float: right;
}

.ra-money-l:after {
  background-image: url(../img/chat/chart/money_l.png);
}

.ra-money-m:after {
  background-image: url(../img/chat/chart/money_m.png);
}

.ra-money-s:after {
  background-image: url(../img/chat/chart/money_s.png);
}

.ra-chart-number {
  font-size: 24px !important;
  font-weight: 600;
  margin-right: 2px;
}

.ra-chart-unit {
  font-size: 16px !important;
}

.ra-chart-age {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
  background: url(../img/chat/chart/arrow.png) no-repeat center center;
  background-size: 137px auto;
}

.ra-chart-age, .ra-total-title {
  color: #5B5D30;
  text-align: center;
}

.ra-total-title {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #ccdc61;
  font-size: 14px;
  padding: 10px 0;
}

.ra-total-body {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: center;
  color: #006192;
  background-color: #f0f4cb;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ra-total-body img {
  width: 66px;
  height: auto;
  margin-right: 5px;
}
.ra-total-body .ra-chart-unit {
  margin-top: 3px;
}

/* summary */
.msg-carousell {
  border: 0px solid red;
  height: auto;
  max-width: 500px;
  width: 100%;
  margin: 10px 0 80px 0;
}

.ra-summary-swiper-container {
  padding-left: 50px;
}

.msg-swipe-card {
  border-radius: 20px;
  margin: 0 auto;
  width: 98%;
  height: auto;
  min-height: 395px;
}

.ra-summary-swiper-slide {
  width: 260px;
}

.ra-summary-row-title {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  height: 60px;
  padding: 0 20px;
  background: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.ra-summary-row-data, .ra-summary-row-retire {
  width: 100%;
  height: 48px;
  padding: 0 0px 0 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ra-summary-row-data.ra-yellowA, .ra-summary-row-retire.ra-yellowA {
  background-color: #FFF9EC;
}
.ra-summary-row-data.ra-yellowB, .ra-summary-row-retire.ra-yellowB {
  background-color: #FFF7E2;
}
.ra-summary-row-data.ra-greenA, .ra-summary-row-retire.ra-greenA {
  background-color: #F8FAE5;
}
.ra-summary-row-data.ra-greenB, .ra-summary-row-retire.ra-greenB {
  background-color: #F4F7D8;
}
.ra-summary-row-data .ra-btn-edit, .ra-summary-row-retire .ra-btn-edit {
  margin-left: auto;
  opacity: 0.5;
}

.ra-summary-row-data.ra-2row {
  height: 96px;
  padding: 0;
  flex-direction: column;
}
.ra-summary-row-data.ra-2row .ra-summary-label {
  padding-bottom: 0;
}
.ra-summary-row-data.ra-2row .ra-summary-value {
  padding-left: 10px;
  margin-top: -5px;
}
.ra-summary-row-data.ra-2row .ra-summary-value p {
  line-height: 1.2;
}
.ra-summary-row-data.ra-2row .ra-summary-value .ra-memo-value {
  max-width: 205px;
}

/* summary editor */
.ra-summary-row-editor {
  width: 100%;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
}

.ra-summary-row-editor-row {
  width: 100%;
  border: 0px solid blue;
  height: 48px;
  padding: 0px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.ra-summary-row-editor.ra-2row {
  height: 96px;
}

.ra-summary-row-editor-label {
  height: 32px;
}

.ra-summary-row-retire {
  width: 100%;
  height: 96px;
  padding: 0 0px 0 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.ra-summary-column {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.ra-summary-column .ra-summary-label {
  height: 32px;
}
.ra-summary-column .ra-summary-value {
  height: 32px;
}

.ra-summary-pic-large:before {
  content: "";
  display: inline-block;
  width: 90px;
  height: 96px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 90px auto;
}

.ra-summary-pic-large.ra-summary-retire-total:before {
  background-image: url(../img/chat/pic_sum_retire_umb.png);
  background-size: 60px auto;
}

.ra-summary-pic-large.ra-summary-retire-save:before {
  background-image: url(../img/chat/pic_sum_save.png);
  background-size: 60px auto;
}

.ra-summary-pic-large.ra-summary-retire-invest:before {
  background-image: url(../img/chat/pic_invest.png);
  background-size: 60px auto;
}

.ra-summary-pic-large.ra-summary-labor-retire:before {
  background-image: url(../img/chat/pic_labor_retire.png);
  background-size: 80px auto;
}

.ra-summary-pic-large.ra-summary-labor-insure:before {
  background-image: url(../img/chat/pic_labor_insure.png);
  background-size: 80px auto;
}

.ra-summary-pic-large.ra-summary-retire-moneybag:before {
  background-image: url(../img/chat/chart/moneybag.png);
  background-size: 64px auto;
}

.ra-summary-pic-small {
  margin-right: 5px;
}
.ra-summary-pic-small:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px auto;
}

.ra-summary-pic-small.ra-gender-unknown:before {
  background-image: url(../img/chat/avtr_unknown.svg);
  background-size: 30px auto;
}

.ra-summary-pic-small.ra-gender-girl:before {
  background-image: url(../img/chat/avtr_girl_w.png);
  background-size: 30px auto;
}

.ra-summary-pic-small.ra-gender-boy:before {
  background-image: url(../img/chat/avtr_boy_w.png);
  background-size: 30px auto;
}

.ra-summary-pic-small.ra-summary-age:before {
  background-image: url(../img/chat/pic_age.png);
  background-size: 30px auto;
}

.ra-summary-pic-small.ra-summary-job:before {
  background-image: url(../img/chat/pic_sum_job.png);
  background-size: 30px auto;
}

.ra-summary-pic-small.ra-summary-salary:before {
  background-image: url(../img/chat/pic_sum_salary.png);
  background-size: 30px auto;
}

.ra-summary-pic-small.ra-summary-retireage:before {
  background-image: url(../img/chat/pic_retireage.png);
  background-size: 30px auto;
}

.ra-summary-pic-small.ra-summary-name,
.ra-summary-pic-small.ra-summary-phone,
.ra-summary-pic-small.ra-summary-email,
.ra-summary-pic-small.ra-summary-confirm {
  margin-right: 0;
  width: 40px;
}

.ra-summary-pic-small.ra-summary-name:before {
  background-image: url(../img/btn/icon_name.svg);
  background-size: 18px auto;
}

.ra-summary-pic-small.ra-summary-phone:before {
  background-image: url(../img/btn/icon_phone.svg);
  background-size: 24px auto;
}

.ra-summary-pic-small.ra-summary-email:before {
  background-image: url(../img/btn/icon_email.svg);
  background-size: 20px auto;
}

.ra-summary-pic-small.ra-summary-confirm:before {
  background-image: url(../img/chat/i_confirm_blue.svg);
  background-size: 20px auto;
}

.ra-btn-edit {
  cursor: pointer;
}
.ra-btn-edit:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 48px;
  background: url(../img/btn/btn_edit.svg) no-repeat center center;
  background-size: 20px auto;
}

.ra-btn-edit.ra-inline-icon {
  cursor: default;
}
.ra-btn-edit.ra-inline-icon:before {
  width: 16px;
  height: 16px;
  margin: 2px 2px 0px 4px;
  background-size: 16px auto;
}

.ra-summary-note-accordion .ra-acc-header {
  padding: 10px 0 10px 20px;
}
.ra-summary-note-accordion .ra-acc-header::after {
  margin-left: 0;
  background-image: url(../img/btn/btn_tg_close_blue.svg);
  background-size: 0.875rem auto;
}
.ra-summary-note-accordion .ra-acc-title {
  font-size: 0.875rem;
  color: #006192;
}
.ra-summary-note-accordion .ra-acc-title::before {
  display: none;
}
.ra-summary-note-accordion .ra-acc-txt-wrapper {
  border: none;
  margin-top: 0;
}
.ra-summary-note-accordion ul.ra-note-ul {
  font-size: 0.75rem;
  font-weight: 300;
  padding: 0;
  margin-top: -5px;
}
.ra-summary-note-accordion ul.ra-note-ul li {
  margin: 5px 0;
  line-height: 1.2;
  text-align: justify;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.ra-summary-note-accordion ul.ra-note-ul li span {
  width: calc(100% - 14px);
}
.ra-summary-note-accordion ul.ra-note-ul li::before {
  content: "－";
  display: block;
  font-size: inherit;
}

.msg-bbl-summary-confirm-pic {
  margin-bottom: 10px;
}
.msg-bbl-summary-confirm-pic::before {
  display: inline-block;
  content: "";
  width: 45px;
  height: 45px;
  background: url(../img/chat/pic_confirm.png) center center no-repeat;
  background-size: 45px auto;
}

/* ----- progress ----- */
.ra-text-align-justify {
  text-align: justify;
}

.ra-progress-wrapper {
  margin-right: -18px;
  border: 0px solid red;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ra-progress-btn {
  position: relative;
  margin: 0 auto;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ra-progress-btn .ra-donut-hole {
  fill: #F2F9FA;
}
.ra-progress-btn .ra-donut-ring, .ra-progress-btn .ra-donut-segment {
  stroke-width: 5;
}
.ra-progress-btn .ra-donut-ring {
  stroke: #C9C9C9;
  fill: transparent;
}
.ra-progress-btn .ra-donut-segment {
  transform-origin: center;
  stroke-dashoffset: 25;
  stroke: #017ab3;
  fill: transparent;
}

.ra-progress-btn[data-progress='step1'] .ra-donut-segment {
  stroke-dasharray: 25 75;
}
.ra-progress-btn[data-progress='step1'] .ra-progress-btn-text p span:before {
  content: "1";
}

.ra-progress-btn[data-progress='step2'] .ra-donut-segment {
  stroke-dasharray: 50 50;
}
.ra-progress-btn[data-progress='step2'] .ra-progress-btn-text p span:before {
  content: "2";
}

.ra-progress-btn[data-progress='step3'] .ra-donut-segment {
  stroke-dasharray: 75 25;
}
.ra-progress-btn[data-progress='step3'] .ra-progress-btn-text p span:before {
  content: "3";
}

.ra-progress-btn[data-progress='step4'] .ra-donut-segment {
  stroke-dasharray: 100 0;
}
.ra-progress-btn[data-progress='step4'] .ra-progress-btn-text p span:before {
  content: "4";
}

.ra-progress-btn-text p {
  position: absolute;
  z-index: 1;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 100%;
  display: block;
  text-align: center;
  color: #013781;
  font-size: 9px;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.1;
  letter-spacing: 0;
  margin-top: 0px;
  transform: scale(0.9);
}

.nx-icon--chevron-right:before {
  content: "";
}

.ra-progress-wrapper {
  transform: translateX(0px);
  transition: 0.5s;
}
.ra-progress-wrapper .ra-progress-toggle {
  transition: 0.5s;
  transform: rotate(0deg);
}

.ra-progress-wrapper.close {
  transform: translateX(338px);
  transition: 0.5s;
}
.ra-progress-wrapper.close .ra-progress-toggle span {
  transition: 0.5s;
  transform: rotate(180deg);
}

.ra-progress-modal {
  width: 360px;
  height: 60px;
  border-radius: 5px;
  background: #F2F9FA;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 10px;
}

.ra-progress-wrapper-mo, .ra-progress-bbl-mo:before {
  top: 65px;
}

.ra-progress-wrapper-mo {
  position: fixed;
  z-index: 8;
  width: 100%;
  left: 0;
  height: 150px;
  background: linear-gradient(to bottom, #cfe9ee 0%, rgba(207, 233, 238, 0.5) 75%, rgba(207, 233, 238, 0) 100%);
}

.ra-progress-bbl-mo {
  position: fixed;
  z-index: 9;
  top: 80px;
  left: 2%;
  width: 96%;
  height: auto;
  background: #fff;
  border-radius: 15px;
}
.ra-progress-bbl-mo:before {
  position: fixed;
  z-index: 9;
  right: calc(2% + 19px);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 15px 7.5px;
  border-color: transparent transparent #ffffff transparent;
}

.ra-progress-bbl-mo {
  padding: 10px 0 20px 0;
}
.ra-progress-bbl-mo .ra-progress-close {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 15px;
  cursor: pointer;
}
.ra-progress-bbl-mo .ra-progress-close span {
  color: #017ab3;
}
.ra-progress-bbl-mo .ra-progress-body {
  width: 100%;
  height: auto;
}

.ra-multi-stepper-labels.label-blue {
  margin-bottom: 5px;
}
.ra-multi-stepper-labels.label-blue .ra-multi-step-label {
  color: #017ab3;
  opacity: 0;
}

.ra-progress-toggle {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80%;
  border: 0px solid red;
  border-right: 1px solid #cfe9ee;
  width: 24px;
}
.ra-progress-toggle span {
  color: #017ab3;
}

.ra-progress-body {
  border: 0px solid red;
  width: calc(100% - 24px);
}

.ra-multi-stepper {
  display: flex;
  margin: 0 auto;
  align-items: center;
}

.ra-multi-step-item {
  flex: 1 1 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-bottom: 8px;
  cursor: pointer;
  max-width: 100%;
}

.ra-multi-step-stop {
  width: 16px;
  height: 16px;
  boder: 2px solid #017ab3;
  background: url("../img/btn/icon_progress_stop.svg") no-repeat;
  background-size: 16px 16px;
  border-radius: 50%;
  flex: 0 0 auto;
  position: relative;
}
.ra-multi-step-stop.active {
  background-image: url("../img/btn/icon_progress_stop_act.svg");
}

.ra-multi-step-line {
  border-top: 4px dotted #C9C9C9;
  margin: 0 0px;
  position: absolute;
  left: calc(16px + 0px);
  width: calc(100% - (16px + (0px * 2)));
  transform: translateX(50%);
  top: calc(16px / 2 - 4px / 2);
}
.ra-multi-step-line.active {
  border-top: 4px solid #017ab3;
}

.ra-progress-body[data-progress='step1'] .ra-multi-stepper .ra-multi-step-item:nth-of-type(1) .ra-multi-step-stop,
.ra-progress-body[data-progress='step2'] .ra-multi-stepper .ra-multi-step-item:nth-of-type(1) .ra-multi-step-stop,
.ra-progress-body[data-progress='step2'] .ra-multi-stepper .ra-multi-step-item:nth-of-type(2) .ra-multi-step-stop,
.ra-progress-body[data-progress='step3'] .ra-multi-stepper .ra-multi-step-item:nth-of-type(1) .ra-multi-step-stop,
.ra-progress-body[data-progress='step3'] .ra-multi-stepper .ra-multi-step-item:nth-of-type(2) .ra-multi-step-stop,
.ra-progress-body[data-progress='step3'] .ra-multi-stepper .ra-multi-step-item:nth-of-type(3) .ra-multi-step-stop,
.ra-progress-body[data-progress='step4'] .ra-multi-stepper .ra-multi-step-item:nth-of-type(1) .ra-multi-step-stop,
.ra-progress-body[data-progress='step4'] .ra-multi-stepper .ra-multi-step-item:nth-of-type(2) .ra-multi-step-stop,
.ra-progress-body[data-progress='step4'] .ra-multi-stepper .ra-multi-step-item:nth-of-type(3) .ra-multi-step-stop,
.ra-progress-body[data-progress='step4'] .ra-multi-stepper .ra-multi-step-item:nth-of-type(4) .ra-multi-step-stop {
  background-image: url("../img/btn/icon_progress_stop_act.svg");
}

.ra-progress-body[data-progress='step2'] .ra-multi-stepper .ra-multi-step-item:nth-of-type(1) .ra-multi-step-line,
.ra-progress-body[data-progress='step3'] .ra-multi-stepper .ra-multi-step-item:nth-of-type(1) .ra-multi-step-line,
.ra-progress-body[data-progress='step3'] .ra-multi-stepper .ra-multi-step-item:nth-of-type(2) .ra-multi-step-line,
.ra-progress-body[data-progress='step4'] .ra-multi-stepper .ra-multi-step-item:nth-of-type(1) .ra-multi-step-line,
.ra-progress-body[data-progress='step4'] .ra-multi-stepper .ra-multi-step-item:nth-of-type(2) .ra-multi-step-line,
.ra-progress-body[data-progress='step4'] .ra-multi-stepper .ra-multi-step-item:nth-of-type(3) .ra-multi-step-line {
  border-top: 4px solid #017ab3;
}

.ra-progress-body[data-progress='step1'] .ra-multi-stepper-labels.label-blue .ra-multi-step-label:nth-of-type(1),
.ra-progress-body[data-progress='step2'] .ra-multi-stepper-labels.label-blue .ra-multi-step-label:nth-of-type(2),
.ra-progress-body[data-progress='step3'] .ra-multi-stepper-labels.label-blue .ra-multi-step-label:nth-of-type(3),
.ra-progress-body[data-progress='step4'] .ra-multi-stepper-labels.label-blue .ra-multi-step-label:nth-of-type(4) {
  opacity: 1;
}

.ra-multi-stepper-labels {
  width: 100%;
  flex: 1 1 100%;
  display: flex;
  margin: 0 auto;
  vertical-align: top;
  align-self: flex-start;
  align-items: flex-start;
}

.ra-multi-step-label {
  font-size: 10px;
  font-weight: normal;
  color: #414141;
  text-align: center;
  flex: 1 1 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.ra-progress-wrapper-mo.close {
  display: none;
}

/* s2 survey intro */
.ra-intro-wrapper {
  width: calc(90% + 20px);
  margin: 20px 0 0 10px;
}

.ra-fundlist-wrapper {
  width: 90%;
  margin: 20px auto;
}

.ra-intro-header, .ra-fundlist-header {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  background: #0079b5;
  height: 56px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
}

.ra-intro-header.ra-gender-girl,
.ra-fundlist-header.ra-gender-girl {
  background: #F7C7C3;
}

.ra-intro-header.ra-gender-boy,
.ra-fundlist-header.ra-gender-boy {
  background: #5AAACC;
}

.ra-avtr-gender.ra-intro-gender {
  width: 40px;
  height: 40px;
  background-size: 40px auto;
  margin-right: 10px;
}

h2.ra-intro-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.ra-intro-body, .ra-fundlist-body {
  background: #fff;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  padding: 20px;
}
.ra-intro-body p, .ra-fundlist-body p {
  font-size: 14px;
}

/* ----- s2 fundlist ----- */
.ra-survey-container[data-id="idFundListAndChart"] {
  max-width: 960px;
}

.ra-fundlist-body {
  padding: 0 0 20px 0;
}
.ra-fundlist-body .ra-summary-fundlist-in {
  margin-bottom: 20px;
  height: 300px;
}
.ra-fundlist-body .ra-summary-fundlist-in.auto-height {
  height: auto;
}
.ra-fundlist-body .ra-modal-btn-wrapper-left-right {
  padding: 20px;
  margin: 0 auto;
}

/* ----- s2 risktype ----- */
.ra-risktype-container {
  max-width: 740px;
  max-width: 800px;
  margin: 0 auto;
  padding-bottom: 0px;
}

.ra-risktype-wrapper {
  width: 100%;
  margin: 20px auto;
}

.ra-risktype-header {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  height: 56px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
}
.ra-risktype-header[data-surv-rst="surv-rst-conserv"] {
  background-color: #C27F06;
}
.ra-risktype-header[data-surv-rst="surv-rst-steady"] {
  background-color: #5A3982;
}
.ra-risktype-header[data-surv-rst="surv-rst-active"] {
  background-color: #0D3876;
}

.ra-risktype-header .ra-avtr-robot {
  width: 40px;
  height: 40px;
  background-size: 40px auto;
  background-image: url("../img/chat/avtr_robot_white.png");
  margin-right: 10px;
}

.ra-risktype-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

.ra-risktype-body {
  min-height: 200px;
  background: #fff;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  padding: 20px;
}
.ra-risktype-body > p, .ra-risktype-body > small {
  display: block;
  text-align: center;
  margin-bottom: 5px;
}

.ra-risktype-radiogroup-wrapper ul.ra-risktype-rst-table {
  border: 0px solid green;
  padding: 0;
  margin: 50px auto 0 auto;
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.ra-risktype-radiogroup-wrapper ul.ra-risktype-rst-table li {
  width: 33%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.ra-risktype-radiogroup-wrapper ul.ra-risktype-rst-table li:not(:last-child) {
  border-right: 2px dotted #767676;
}

ul.ra-risktype-rst-table[data-surv-rst="surv-rst-active"] li {
  width: 33%;
}

ul.ra-risktype-rst-table[data-surv-rst="surv-rst-steady"] li {
  width: 50%;
}

ul.ra-risktype-rst-table[data-surv-rst="surv-rst-conserv"] li {
  width: 50%;
}

.ra-risktype-radiobtn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ra-risktype-radio[type="radio"]:checked,
.ra-risktype-radio[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.ra-risktype-radio[type="radio"]:checked + label,
.ra-risktype-radio[type="radio"]:not(:checked) + label {
  position: relative;
  padding: 8px 0 8px 0;
  cursor: pointer;
  background: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  opacity: 0.7;
}
.ra-risktype-radio[type="radio"]:checked + label p,
.ra-risktype-radio[type="radio"]:not(:checked) + label p {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ra-risktype-radio[type="radio"]:checked + label .ra-icon--minus-circle, .ra-risktype-radio[type="radio"]:checked + label .ra-icon--plus-circle,
.ra-risktype-radio[type="radio"]:not(:checked) + label .ra-icon--minus-circle,
.ra-risktype-radio[type="radio"]:not(:checked) + label .ra-icon--plus-circle {
  margin-left: 5px;
  padding-bottom: 2px;
}

.ra-risktype-radio[type="radio"]:checked + label {
  background: #0079b5;
  border: 1px solid #0079b5;
  color: #fff;
  opacity: 1;
}

/* 勾選題旁邊的圓餅圖 */
.ra-risktype-chart-wrapper {
  border: 0px solid #eee;
  position: relative;
  width: 220px;
  height: 180px;
  display: inline-block;
}

.ra-risktype-chart {
  width: 100%;
  height: 100%;
  margin-top: 10%;
  display: inline-block;
}

.ra-risktype-article {
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 20px;
  text-align: justify;
}

.ra-risktype-illus {
  margin: 0 auto;
  width: 140px;
}
.ra-risktype-illus img {
  width: 100%;
  height: auto;
}

/* ----- s3 基金配置總覽 ----- */
.msg-swipe-card {
  width: 99%;
}

.ra-summary-fundlist-usertype {
  width: 90%;
  margin: 0px auto 10px auto;
  border-radius: 25px;
  background: #0079b5;
  height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
}
.ra-summary-fundlist-usertype .ra-icon--plus-circle, .ra-summary-fundlist-usertype .ra-icon--minus-circle {
  line-height: 1;
  margin-bottom: 2px;
  margin-left: 2px;
}

.ra-summary-fundlist-usertype.ra-gender-girl {
  background: #F7C7C3;
}

.ra-summary-fundlist-usertype.ra-gender-boy {
  background: #80C9E8;
}

.ra-avtr-gender.ra-fundlist-gender {
  width: 30px;
  height: 30px;
  background-size: 30px auto;
  margin-right: 10px;
}

.ra-summary-row-data.ra-grayA {
  background: #F0F0F0;
}
.ra-summary-row-data.ra-grayB {
  background: #FCFCFC;
}

.ra-summary-fundlist-in {
  border: 0px solid blue;
  height: 280px;
  /* 48px * 6 */
  overflow-y: auto;
}

.ra-summary-fundlist-wrapper .ra-summary-row-data.ra-summary-row-fund {
  padding-left: 10px;
  padding-right: 10px;
  min-height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ra-summary-fundlist-wrapper .ra-summary-row-data.ra-summary-row-fund a {
  width: calc(100% - 45px);
  text-indent: -28px;
  padding-left: 30px;
}
.ra-summary-fundlist-wrapper .ra-summary-row-data.ra-summary-row-fund span {
  width: 30px;
  text-align: right;
  margin-right: 10px;
  margin-left: 5px;
}

.ra-summary-fundlist-link {
  font-size: 0.875rem;
  color: #013781;
  text-decoration: underline;
  text-align: justify;
}
.ra-summary-fundlist-link:before {
  content: attr(data-idx);
  text-decoration: none !important;
  background: #0079b5;
  background: #888;
  font-size: 10px;
  color: #fff;
  display: inline-block;
  width: 18px;
  text-indent: 0;
  text-align: center;
  margin-right: 7px;
  margin-left: 2px;
}

/* ----- s2 survey ----- */
.ra-allianz-font {
  font-family: "Allianz Neo" !important;
}

.ra-survey-wrapper {
  height: 100%;
  position: relative;
}
.ra-survey-wrapper .ra-header {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ra-survey-wrapper .ra-survey-main-wrapper {
  border: 0px solid blue;
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 70px;
  height: calc(100% - 70px);
  overflow-y: auto;
  padding-bottom: 100px;
}
.ra-survey-wrapper .ra-survey-main-wrapper.ra-STOP-SCROLLING {
  overflow-y: hidden;
}

.ra-survey-container {
  max-width: 740px;
  margin: 0 auto;
  padding-bottom: 0px;
}

.ra-survey-item:before, .ra-survey-item:after {
  content: "";
  display: block;
  width: 100%;
  clear: both;
}

.ra-survey-item:before {
  content: "";
  width: 3px;
  height: 100%;
  background: #006192;
  left: 0%;
  top: 50px;
  position: absolute;
  z-index: 0;
  transition: 0.5s;
}

.ra-survey-item.is-hidden:before {
  height: 0px;
  transition: 0.5s;
}

.ra-survey {
  width: 100%;
  margin: 30px auto;
  position: relative;
  padding: 0 20px;
  transition: all 0.4s ease;
}

.ra-survey:before {
  content: "";
  width: 3px;
  height: 100%;
  background: #fff;
  left: 0%;
  top: 50px;
  position: absolute;
  opacity: 0.5;
}

.ra-survey-item {
  margin-bottom: 50px;
  position: relative;
}

.ra-survey-item .ra-survey-icon {
  background: #006192;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
  margin-left: -23px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ra-survey-item .ra-survey-icon p {
  font-size: 14px;
  color: #fff;
  letter-spacing: 1px;
}

.ra-survey-item .ra-survey-content {
  width: 45%;
  background: #fff;
  padding: 20px 10px 10px 10px;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  transition: all 0.3s ease;
}

.ra-survey-item .ra-survey-content h2 {
  padding: 15px;
  background: #FFE8B0;
  color: #006192;
  margin: -20px -10px 15px -10px;
  border-radius: 15px 15px 0 0;
  font-weight: 600;
  font-size: 1.125rem;
}

.ra-survey-item .ra-survey-content p {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ra-survey-item .ra-survey-content:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 45%;
  top: 20px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #FFE8B0;
}

.ra-survey {
  margin: 30px;
  padding: 0px;
  width: 90%;
}

.ra-survey:before {
  left: 0;
}

.ra-survey-item .ra-survey-content {
  width: 90%;
  float: right;
}

.ra-survey-item .ra-survey-content:before {
  left: 10%;
  margin-left: -15px;
  border-left: 0;
  border-right: 15px solid #FFE8B0;
}

.ra-survey-item .ra-survey-icon {
  left: 0;
}

.ra-survey-item .ra-survey-lock-hint,
.ra-survey-item.is-hidden .ra-survey-lock-hint.is-hidden {
  display: none;
}

.ra-survey-item.is-hidden .ra-survey-lock-hint {
  display: block;
  position: absolute;
  z-index: 2;
  left: calc(50% + 30px);
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  font-weight: 600;
  color: #017AB3;
}

.ra-survey-item.is-hidden .ra-survey-icon {
  opacity: 0.3;
  opacity: 0;
}
.ra-survey-item.is-hidden .ra-survey-content {
  opacity: 0.3;
}

.ra-survey-item.animate-it .ra-survey-icon {
  opacity: 1;
  animation: bounce-1 0.6s;
}
.ra-survey-item.animate-it .ra-survey-content {
  opacity: 1;
  animation: bounce-2 0.6s;
}

.ra-survey-item:nth-of-type(4) {
  margin-bottom: 10px;
}

.ra-survey-item .ra-survey-icon:before {
  content: "";
  width: 40px;
  height: 40px;
  background: url("../img/btn/survey/Q1.svg") no-repeat;
  background-size: 40px auto;
}

.ra-survey-item .ra-survey-icon.no-bg:before {
  display: none;
}

.ra-survey-item[data-id='Q1'] .ra-survey-icon:before {
  background-image: url("../img/btn/survey/Q1.svg");
}

.ra-survey-item[data-id='Q2'] .ra-survey-icon:before {
  background-image: url("../img/btn/survey/Q2.svg");
}

.ra-survey-item[data-id='Q3'] .ra-survey-icon:before {
  background-image: url("../img/btn/survey/Q3.svg");
}

.ra-survey-item[data-id='Q4'] .ra-survey-icon:before {
  background-image: url("../img/btn/survey/Q4.svg");
}

.ra-survey-item[data-id='Q5'] .ra-survey-icon:before {
  background-image: url("../img/btn/survey/Q5.svg");
}

.ra-survey-item[data-id='Q6'] .ra-survey-icon:before {
  background-image: url("../img/btn/survey/Q6.svg");
}

.ra-survey-item[data-id='Q7'] .ra-survey-icon:before {
  background-image: url("../img/btn/survey/Q7.svg");
}

.ra-survey-item[data-id='Q8'] .ra-survey-icon:before {
  background-image: url("../img/btn/survey/Q8.svg");
}

.ra-survey-radiogroup {
  margin: 0;
  padding: 0px;
}
.ra-survey-radiogroup li {
  width: 100%;
}

.ra-survey-radio[type="radio"]:checked,
.ra-survey-radio[type="radio"]:not(:checked),
.ra-survey-radio[type="checkbox"]:checked,
.ra-survey-radio[type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.ra-survey-radio[type="radio"]:checked + label,
.ra-survey-radio[type="radio"]:not(:checked) + label,
.ra-survey-radio[type="checkbox"]:checked + label,
.ra-survey-radio[type="checkbox"]:not(:checked) + label {
  position: relative;
  padding: 8px 8px 8px 32px;
  cursor: pointer;
  background: #fff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  width: 100%;
}
.ra-survey-radio[type="radio"]:checked + label span.ra-survey-radio-value,
.ra-survey-radio[type="radio"]:not(:checked) + label span.ra-survey-radio-value,
.ra-survey-radio[type="checkbox"]:checked + label span.ra-survey-radio-value,
.ra-survey-radio[type="checkbox"]:not(:checked) + label span.ra-survey-radio-value {
  display: flex;
  width: calc(100% - 60px);
  font-size: 1rem;
  color: #414141;
  text-align: justify;
}
.ra-survey-radio[type="radio"]:checked + label span.ra-survey-radio-score,
.ra-survey-radio[type="radio"]:not(:checked) + label span.ra-survey-radio-score,
.ra-survey-radio[type="checkbox"]:checked + label span.ra-survey-radio-score,
.ra-survey-radio[type="checkbox"]:not(:checked) + label span.ra-survey-radio-score {
  text-align: right;
  width: 40px;
  font-size: 1rem;
  font-weight: 600;
  color: #3DBFF5;
}

.ra-survey-radio[type="radio"]:checked + label,
.ra-survey-radio[type="checkbox"]:checked + label {
  background: #F4F3ED;
  background: #eee;
}

.ra-survey-radio[type="radio"]:checked + label:before,
.ra-survey-radio[type="radio"]:not(:checked) + label:before,
.ra-survey-radio[type="checkbox"]:checked + label:before,
.ra-survey-radio[type="checkbox"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 7px;
  width: 20px;
  height: 20px;
  border: 2px solid #808080;
  border-radius: 100%;
  background: #fff;
  box-sizing: border-box;
}

.ra-survey-radio[type="radio"]:checked + label:after,
.ra-survey-radio[type="radio"]:not(:checked) + label:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #017AB3;
  position: absolute;
  top: 12px;
  left: 12px;
  border-radius: 100%;
  transition: all 0.2s ease;
}

.ra-survey-radio[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.ra-survey-radio[type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

.ra-survey-radio[type="checkbox"]:checked + label:before,
.ra-survey-radio[type="checkbox"]:not(:checked) + label:before {
  border-radius: 5px;
}

.ra-survey-radio[type="checkbox"]:checked + label:before {
  border: 2px solid #017AB3;
  background-color: #017AB3;
}

.ra-survey-radio[type="checkbox"]:not(:checked) + label:after,
.ra-survey-radio[type="checkbox"]:checked + label:after {
  font-family: "Allianz-Icons";
  font-size: 1rem;
  content: "";
  position: absolute;
  top: 8px;
  left: 10px;
  color: #fff;
  transition: all 0.2s ease;
}

.ra-survey-radio[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.ra-survey-radio[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/*------ s2 fundlist -------- */
.ra-fundlist-rst-container {
  width: 100%;
  max-width: 740px;
  margin: 0 auto;
  margin-bottom: 50px;
}

.ra-fundlist-rst-people {
  margin: 0 auto;
  width: 141px;
  height: 110px;
  background-image: url(../img/survey/fundlist.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}

.ra-fundlist-rst-wrapper {
  width: 100%;
  position: relative;
  min-height: 550px;
}

.ra-fundlist-user-rst {
  position: absolute;
  z-index: 2;
  padding: 20px;
  left: 50%;
  transform: translateX(-50%);
  top: 0%;
  width: 90%;
  max-width: 500px;
  height: 90px;
  color: #fff;
  border-radius: 5px;
  background-color: #017AB3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.ra-fundlist-user-rst p {
  font-size: 1.125rem;
}
.ra-fundlist-user-rst small {
  font-size: 0.875rem;
  margin-bottom: 8px;
}
.ra-fundlist-user-rst span.ra-hlight {
  color: #FFEC00;
}

.ra-fundlist-rst-table-wrapper {
  position: absolute;
  z-index: 1;
  top: 40px;
  width: 100%;
  padding: 70px 20px 20px 20px;
  border-radius: 20px;
  background: #ffffff;
}

.ra-fundlist-rst-table-wrapper .ra-chart-data {
  opacity: 0.3;
}
.ra-fundlist-rst-table-wrapper .ra-chart-data.ra-active-rst {
  opacity: 1;
  animation: floating 1s infinite;
}
.ra-fundlist-rst-table-wrapper .ra-rate-title, .ra-fundlist-rst-table-wrapper .ra-rate {
  width: 150px;
}
.ra-fundlist-rst-table-wrapper .ra-money, .ra-fundlist-rst-table-wrapper .ra-money-title {
  width: calc(100% - 160px);
}

/* ----- s2 survey result ----- */
.ra-survey-rst-container {
  width: 100%;
  max-width: 740px;
  margin: 0 auto;
  margin-bottom: 50px;
}

.ra-survey-rst-people {
  border: 0px solid red;
  margin: 0 auto;
  width: 81%;
  max-width: 330px;
  height: 235px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.ra-survey-rst-people[data-surv-rst="surv-rst-active"] {
  background-image: url(../img/survey/rst_active.png);
}
.ra-survey-rst-people[data-surv-rst="surv-rst-conserv"] {
  background-image: url(../img/survey/rst_conserv.png);
}
.ra-survey-rst-people[data-surv-rst="surv-rst-steady"] {
  background-image: url(../img/survey/rst_steady.png);
}

.ra-survey-rst-wrapper {
  width: 100%;
  position: relative;
  min-height: 550px;
}

.ra-survey-user-rst {
  position: absolute;
  z-index: 2;
  padding: 20px;
  left: 5%;
  top: 0%;
  width: 90%;
  height: 90px;
  color: #fff;
  border-radius: 5px;
  background-color: #AA641F;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ra-survey-user-rst[data-surv-rst="surv-rst-conserv"] {
  background-color: #C27F06;
}
.ra-survey-user-rst[data-surv-rst="surv-rst-steady"] {
  background-color: #5A3982;
}
.ra-survey-user-rst[data-surv-rst="surv-rst-active"] {
  background-color: #0D3876;
}
.ra-survey-user-rst p {
  font-size: 0.875rem;
  margin: 5px 0;
}

span.ra-survey-user-rst-score, span.ra-survey-user-rst-type {
  font-size: 20px;
  border-left: 1px solid #fff;
  padding: 0px 14px;
}

span.ra-survey-user-rst-score[data-surv-rst="surv-rst-steady"]:before {
  content: "26分~54分";
}

span.ra-survey-user-rst-type[data-surv-rst="surv-rst-steady"]:before {
  content: "穩健型保戶";
}

span.ra-survey-user-rst-score[data-surv-rst="surv-rst-conserv"]:before {
  content: "25分(含以下)";
}

span.ra-survey-user-rst-type[data-surv-rst="surv-rst-conserv"]:before {
  content: "保守型保戶";
}

span.ra-survey-user-rst-score[data-surv-rst="surv-rst-active"]:before {
  content: "55分(含以上)";
}

span.ra-survey-user-rst-type[data-surv-rst="surv-rst-active"]:before {
  content: "積極型保戶";
}

span.ra-survey-user-rst-type {
  border-right: 1px solid #fff;
}

.ra-survey-rst-table-wrapper {
  position: absolute;
  z-index: 1;
  top: 40px;
  width: 100%;
  padding: 70px 20px 20px 20px;
  border-radius: 20px;
  background: #ffffff;
}

.ra-survey-rst-table {
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.ra-survey-rst-table[data-surv-rst="surv-rst-conserv"] .ra-survey-rst-data.surv-rst-conserv {
  opacity: 1;
  animation: floating 1s infinite;
}
.ra-survey-rst-table[data-surv-rst="surv-rst-steady"] .ra-survey-rst-data.surv-rst-steady {
  opacity: 1;
  animation: floating 1s infinite;
}
.ra-survey-rst-table[data-surv-rst="surv-rst-active"] .ra-survey-rst-data.surv-rst-active {
  opacity: 1;
  animation: floating 1s infinite;
}

.ra-survey-rst-data {
  opacity: 0.25;
}

.ra-survey-rst-title, .ra-survey-rst-data {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  margin: 2px 0;
}

.ra-survey-rst-title > * {
  min-height: 50px;
}

.ra-rst-score-title, .ra-rst-type-title, .ra-rst-score, .ra-rst-type {
  border-radius: 10px;
  font-size: 0.875rem;
  padding: 15px 15px 10px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ra-rst-score {
  padding-left: 10px;
  padding-right: 10px;
}

.ra-rst-score-title, .ra-rst-type-title {
  background-color: #959595;
  color: #fff;
}

.ra-survey-rst-data.surv-rst-conserv .ra-rst-score, .ra-survey-rst-data.surv-rst-conserv .ra-rst-type {
  background-color: #FEF2DA;
  color: #AA641F;
}

.ra-survey-rst-data.surv-rst-steady .ra-rst-score, .ra-survey-rst-data.surv-rst-steady .ra-rst-type {
  background-color: #ECE7EF;
  color: #5A3982;
}

.ra-survey-rst-data.surv-rst-active .ra-rst-score, .ra-survey-rst-data.surv-rst-active .ra-rst-type {
  background-color: #EAF3F4;
  color: #106192;
}

.ra-rst-score-title, .ra-rst-score {
  width: 28%;
  margin: 2px 1%;
}

.ra-rst-type-title, .ra-rst-type {
  width: 68%;
  margin: 2px 1%;
}

.ra-rst-score {
  text-align: center;
}
.ra-rst-score img {
  width: 70%;
  max-width: 60px;
  height: auto;
}

.ra-rst-type {
  justify-content: flex-start;
}

.ra-rst-score p:first-child,
.ra-rst-type p:first-child {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 10px;
}

.ra-rst-type p:first-child {
  width: 100%;
  text-align: left;
}

.ra-rst-score p:nth-child(2) {
  width: 100%;
  margin-top: -5px;
}

.ra-rst-changeline {
  display: none;
}

.ra-survey-rst-note {
  font-size: 0.875rem;
  margin: 10px auto 10px auto;
  text-align: center;
}

.ra-survey-rst-container.is-hidden {
  display: none;
}

/* ----- s3 summary ----- */
/* s3 summary intro */
.ra-summary-container {
  max-width: 740px;
  margin: 0 auto;
  padding-bottom: 0px;
  max-width: 1450px;
}

.ra-summary-wrapper {
  width: 90%;
  margin: 20px auto;
}

.ra-summary-header {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  background: #F0F5CD;
  height: 56px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
}

.ra-summary-header .ra-avtr-robot {
  width: 40px;
  height: 40px;
  background-size: 40px auto;
  background-image: url("../img/chat/avtr_robot.png");
  margin-right: 10px;
}

p.ra-summary-title {
  font-size: 0.875rem;
}

.ra-summary-body {
  min-height: 200px;
  background: #fff;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  padding: 0px 0 20px 0;
}
.ra-summary-body p {
  font-size: 14px;
}

.msg-carousell.ra-for-s3-summary {
  border: 0px solid red;
  margin-top: 0;
  margin-bottom: 50px;
}
.msg-carousell.ra-for-s3-summary .ra-summary-swiper-container {
  padding-left: 0;
}
.msg-carousell.ra-for-s3-summary .ra-summary-swiper-slide {
  width: 50%;
  width: 260px;
}
.msg-carousell.ra-for-s3-summary .ra-swiper-ctrl {
  height: 40px;
  margin: 10px auto 0 auto;
}
.msg-carousell.ra-for-s3-summary .ra-summary-row-data.ra-2row .ra-summary-value .ra-memo-value {
  max-width: none;
}

/* s3 summary rst */
.ra-summary-rst {
  width: 90%;
  max-width: 740px;
  margin: 0 auto;
  margin-bottom: 50px;
  position: relative;
  max-width: 1450px;
}

.ra-summary-rst-illus {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: -30px;
  border: 0px solid red;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  background: url(../img/chat/pic_confirm.png) center center no-repeat;
  background-size: 60px auto;
}

.ra-summary-rst-wrapper {
  margin-top: 50px;
  width: 100%;
  border-radius: 25px;
  background: #fff;
  padding: 20px;
  padding-top: 40px;
}
.ra-summary-rst-wrapper p {
  display: block;
  text-align: center;
  width: 100%;
  margin: 5px auto;
}
.ra-summary-rst-wrapper .ra-modal-btn-wrapper-left-right {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 740px;
}

/*-- s2 fund -- */
.ra-fund-container {
  width: 98%;
  margin: 0 auto;
  max-width: 1024px;
}

.ra-fundbox-wrapper {
  width: 100%;
  margin: 20px 0;
}

.ra-fundbox-header {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  height: 74px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 25px;
  background: #FFF2D3;
}

.ra-fundbox-header.ra-fundbox-round {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.ra-fundbox-title, .ra-fundbox-tool {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.ra-fundbox-title h2 {
  color: #414141;
  font-size: 1.875rem;
  font-weight: 300;
  line-height: 1;
  margin: 1rem auto;
}
.ra-fundbox-title p {
  color: #414141;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1;
}
.ra-fundbox-title .ra-btn-br {
  display: none;
}

.ra-title-rightline h2 {
  padding-right: 16px;
}
.ra-title-rightline p {
  border-left: 1px solid #bbb;
  padding-left: 16px;
}

.ra-fundbox-tool .ra-btn, .ra-fund-footer-btn-in .ra-btn, .ra-mobile-fund-filter-footer .ra-btn {
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ra-fundbox-tool .ra-btn > *, .ra-fund-footer-btn-in .ra-btn > *, .ra-mobile-fund-filter-footer .ra-btn > * {
  border: 0px solid red;
}
.ra-fundbox-tool .ra-btn:not(:last-child), .ra-fund-footer-btn-in .ra-btn:not(:last-child), .ra-mobile-fund-filter-footer .ra-btn:not(:last-child) {
  margin-right: 10px;
}
.ra-fundbox-tool .ra-btn:before, .ra-fund-footer-btn-in .ra-btn:before, .ra-mobile-fund-filter-footer .ra-btn:before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/fund/icon_docu.svg) no-repeat center center;
  background-size: 18px auto;
  margin-right: 5px;
}
.ra-fundbox-tool .ra-tool-icon-ques:before, .ra-fund-footer-btn-in .ra-tool-icon-ques:before, .ra-mobile-fund-filter-footer .ra-tool-icon-ques:before {
  background-image: url(../img/fund/icon_ques_w.svg);
}
.ra-fundbox-tool .ra-tool-icon-docu:before, .ra-fund-footer-btn-in .ra-tool-icon-docu:before, .ra-mobile-fund-filter-footer .ra-tool-icon-docu:before {
  background-image: url(../img/fund/icon_docu.svg);
}
.ra-fundbox-tool .ra-tool-icon-docu:hover:before, .ra-fund-footer-btn-in .ra-tool-icon-docu:hover:before, .ra-mobile-fund-filter-footer .ra-tool-icon-docu:hover:before {
  background-image: url(../img/fund/icon_docu_w.svg);
}
.ra-fundbox-tool .ra-tool-icon-chart:before, .ra-fund-footer-btn-in .ra-tool-icon-chart:before, .ra-mobile-fund-filter-footer .ra-tool-icon-chart:before {
  background-image: url(../img/fund/icon_chart.svg);
}
.ra-fundbox-tool .ra-tool-icon-chart:hover:before, .ra-fund-footer-btn-in .ra-tool-icon-chart:hover:before, .ra-mobile-fund-filter-footer .ra-tool-icon-chart:hover:before {
  background-image: url(../img/fund/icon_chart_w.svg);
}
.ra-fundbox-tool .ra-btn.ra-btn-word4, .ra-fund-footer-btn-in .ra-btn.ra-btn-word4, .ra-mobile-fund-filter-footer .ra-btn.ra-btn-word4 {
  width: 100px;
}
.ra-fundbox-tool .ra-btn.ra-btn-word4 span, .ra-fund-footer-btn-in .ra-btn.ra-btn-word4 span, .ra-mobile-fund-filter-footer .ra-btn.ra-btn-word4 span {
  width: 54px;
}
.ra-fundbox-tool .ra-btn.ra-btn-word6, .ra-fund-footer-btn-in .ra-btn.ra-btn-word6, .ra-mobile-fund-filter-footer .ra-btn.ra-btn-word6 {
  width: 130px;
}
.ra-fundbox-tool .ra-btn.ra-btn-word6 span, .ra-fund-footer-btn-in .ra-btn.ra-btn-word6 span, .ra-mobile-fund-filter-footer .ra-btn.ra-btn-word6 span {
  width: 80px;
}
.ra-fundbox-tool .ra-btn .txt-btn-secondary, .ra-fundbox-tool .ra-btn .txt-btn-confirm, .ra-fund-footer-btn-in .ra-btn .txt-btn-secondary, .ra-fund-footer-btn-in .ra-btn .txt-btn-confirm, .ra-mobile-fund-filter-footer .ra-btn .txt-btn-secondary, .ra-mobile-fund-filter-footer .ra-btn .txt-btn-confirm {
  padding-top: 3px;
  letter-spacing: 1px;
  font-size: 0.75rem;
  line-height: 1.2;
}
.ra-fundbox-tool .ra-tool-icon-back:before, .ra-fundbox-tool .ra-tool-icon-trash:before, .ra-fundbox-tool .ra-tool-icon-check:before, .ra-fund-footer-btn-in .ra-tool-icon-back:before, .ra-fund-footer-btn-in .ra-tool-icon-trash:before, .ra-fund-footer-btn-in .ra-tool-icon-check:before, .ra-mobile-fund-filter-footer .ra-tool-icon-back:before, .ra-mobile-fund-filter-footer .ra-tool-icon-trash:before, .ra-mobile-fund-filter-footer .ra-tool-icon-check:before {
  background: none;
  font-family: "Allianz-Icons";
  font-size: 18px;
  color: #006192;
}
.ra-fundbox-tool .ra-tool-icon-back:hover:before, .ra-fundbox-tool .ra-tool-icon-trash:hover:before, .ra-fund-footer-btn-in .ra-tool-icon-back:hover:before, .ra-fund-footer-btn-in .ra-tool-icon-trash:hover:before, .ra-mobile-fund-filter-footer .ra-tool-icon-back:hover:before, .ra-mobile-fund-filter-footer .ra-tool-icon-trash:hover:before {
  color: #fff;
}
.ra-fundbox-tool .ra-tool-icon-back:before, .ra-fund-footer-btn-in .ra-tool-icon-back:before, .ra-mobile-fund-filter-footer .ra-tool-icon-back:before {
  content: "";
}
.ra-fundbox-tool .ra-tool-icon-trash:before, .ra-fund-footer-btn-in .ra-tool-icon-trash:before, .ra-mobile-fund-filter-footer .ra-tool-icon-trash:before {
  content: "";
}
.ra-fundbox-tool .ra-tool-icon-check:before, .ra-fund-footer-btn-in .ra-tool-icon-check:before, .ra-mobile-fund-filter-footer .ra-tool-icon-check:before {
  content: "";
  color: #fff;
}

.ra-fundbox-body {
  background: #fff;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.ra-fundbox-upper {
  margin-bottom: 5px;
}

.ra-fundbox-lower {
  margin-top: 5px;
}

.ra-fundbox-upper .ra-fundbox-body {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ra-fundbox-lower .ra-fundbox-body {
  padding-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.ra-fundbox-body.ra-fundbox-body-chart-and-menu {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 0;
  padding-left: 0px;
}

/* 4大類旁的圓餅圖 */
.fund-robo-chart-wrapper {
  border: px solid yellow;
  position: relative;
  width: 300px;
  height: 240px;
  overflow: hidden;
}

.ra-fund-robo-chart {
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
  display: inline-block;
}

.ra-fund-robo-chart-txt, .ra-fund-robo-chart-note {
  display: inline-block;
  text-align: center;
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ra-fund-robo-chart-txt span, .ra-fund-robo-chart-note span {
  font-size: 1rem;
  line-height: 1;
  vertical-align: middle;
}

.ra-fund-robo-chart-note {
  opacity: 0.6;
  top: auto;
  bottom: 0;
}

/* main menu 4大類 */
[data-pos="idOriginalMenuPos"] {
  width: calc(100% - 320px);
}

.msg-carousell.ra-for-fund-four-type-menu {
  border: 0px solid red;
  margin-top: 0;
  margin-bottom: 50px;
}
.msg-carousell.ra-for-fund-four-type-menu .ra-summary-swiper-container {
  padding-left: 0;
}
.msg-carousell.ra-for-fund-four-type-menu .ra-summary-swiper-slide {
  width: 180px;
  padding-right: 20px;
}
.msg-carousell.ra-for-fund-four-type-menu .ra-fund-robomenu-item-wrapper {
  width: 160px;
}
.msg-carousell.ra-for-fund-four-type-menu .ra-fund-robomenu-item-wrapper:not(:first-child) {
  margin-left: 0;
}
.msg-carousell.ra-for-fund-four-type-menu .ra-summary-swiper-slide:last-child {
  width: 160px;
  padding-right: 0;
}
.msg-carousell.ra-for-fund-four-type-menu .ra-swiper-ctrl {
  height: 40px;
  margin: 10px auto 0 auto;
}
.msg-carousell.ra-for-fund-four-type-menu .ra-summary-row-data.ra-2row .ra-summary-value .ra-memo-value {
  max-width: none;
}

.ra-fund-robomenu-wrapper {
  border: 0px solid #eee;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  overflow-x: auto;
}

.ra-fund-robomenu-item-wrapper {
  width: 23%;
  min-width: 140px;
  overflow-x: hidden;
}

.ra-fund-robomenu-item-wrapper:not(:first-child) {
  margin-left: 2%;
}

.ra-fund-robomenu-mainitem-wrapper {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.ra-fund-robomenu-subitem-toggle {
  width: 20px;
  height: 54px;
  display: flex;
  align-items: center;
}
.ra-fund-robomenu-subitem-toggle:before {
  width: 20px;
  height: 20px;
  font-family: "Allianz-Icons";
  content: "";
  font-size: 18px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
}

.ra-fund-robomenu-item-wrapper.open-submenu .ra-fund-robomenu-subitem-toggle:before {
  transform: rotate(180deg);
  transition: 0.5s;
}

.ra-fund-robomenu-item {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 54px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 5px;
  flex: 1;
}

.ra-robomenu-item-name {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.ra-robomenu-item-name:before {
  display: inline-block;
  content: "";
  width: 22px;
  height: 40px;
  background: url(../img/fund/icon_4type_balance.svg) no-repeat center center;
  background-size: 22px auto;
  margin-right: 5px;
}

.ra-robomenu-item-name p {
  font-weight: 600;
  font-size: 15px;
  text-decoration: underline;
  line-height: 1.3;
}

.ra-fund-robomenu-subitem-wrapper {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #aaaaaa;
  padding: 0px;
}

.ra-fund-robomenu-subitem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 5px;
  background: #fff;
}
.ra-fund-robomenu-subitem:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 8px 5px 10px 5px;
}
.ra-fund-robomenu-subitem .ra-robomenu-subitem-name {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ra-fund-robomenu-subitem .ra-robomenu-subitem-name .ndbx-icon {
  margin: 0px 5px 0px 3px;
}
.ra-fund-robomenu-subitem .ra-robomenu-subitem-name p {
  font-weight: 600;
  font-size: 13px;
  text-decoration: underline;
  line-height: 1.3;
}

[data-type="idNoLink"] .ra-fund-robomenu-subitem .ra-robomenu-subitem-name .ndbx-icon {
  visibility: hidden;
  width: 0px;
}
[data-type="idNoLink"] .ra-fund-robomenu-subitem .ra-robomenu-subitem-name p {
  text-decoration: none;
}

.ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-item, .ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-mainitem-wrapper, .ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-subitem-toggle:before {
  background: #FFE9DC;
  color: #F07D2D;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-item p, .ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-mainitem-wrapper p, .ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-subitem-toggle:before p {
  font-size: 0.875rem;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-item .ra-robomenu-item-name:before {
  background-image: url(../img/fund/icon_4type_balance.svg);
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-item:hover, .ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-item:hover + .ra-fund-robomenu-subitem-toggle, .ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-item.active, .ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-item.active + .ra-fund-robomenu-subitem-toggle {
  background: #F07D2D;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-item:hover + .ra-fund-robomenu-subitem-toggle:before, .ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-item.active + .ra-fund-robomenu-subitem-toggle:before {
  color: #fff;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-item:hover .ra-robomenu-item-name:before, .ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-item.active .ra-robomenu-item-name:before {
  background-image: url(../img/fund/icon_4type_balance_w.svg);
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-robomenu-item-name:before {
  background-image: url(../img/fund/icon_4type_balance_gr.svg);
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-subitem-wrapper {
  border-color: #F07D2D;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-subitem {
  color: #F07D2D;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-subitem:hover, .ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-subitem.active {
  background: #FD934F;
}

.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-item, .ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-mainitem-wrapper, .ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-subitem-toggle:before {
  background: #DCF4FE;
  color: #1894F8;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-item .ra-robomenu-item-name:before {
  background-image: url(../img/fund/icon_4type_stock.svg);
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-item:hover, .ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-item:hover + .ra-fund-robomenu-subitem-toggle, .ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-item.active, .ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-item.active + .ra-fund-robomenu-subitem-toggle {
  background: #0A9FDD;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-item:hover + .ra-fund-robomenu-subitem-toggle:before, .ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-item.active + .ra-fund-robomenu-subitem-toggle:before {
  color: #fff;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-item:hover .ra-robomenu-item-name:before, .ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-item.active .ra-robomenu-item-name:before {
  background-image: url(../img/fund/icon_4type_stock_w.svg);
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-robomenu-item-name:before {
  background-image: url(../img/fund/icon_4type_stock_gr.svg);
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-fund-robomenu-item.active {
  background: #0A9FDD;
  color: #fff;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-subitem-wrapper {
  border-color: #3DBFF5;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-subitem {
  color: #1894F8;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-subitem:hover, .ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-subitem.active {
  background: #3DBFF5;
}

.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-item, .ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-mainitem-wrapper, .ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-subitem-toggle:before {
  background: #EFF2D4;
  color: #8F9F24;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-item .ra-robomenu-item-name:before {
  background-image: url(../img/fund/icon_4type_bond.svg);
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-item:hover, .ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-item:hover + .ra-fund-robomenu-subitem-toggle, .ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-item.active, .ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-item.active + .ra-fund-robomenu-subitem-toggle {
  background: #8F9F24;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-item:hover + .ra-fund-robomenu-subitem-toggle:before, .ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-item.active + .ra-fund-robomenu-subitem-toggle:before {
  color: #fff;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-item:hover .ra-robomenu-item-name:before, .ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-item.active .ra-robomenu-item-name:before {
  background-image: url(../img/fund/icon_4type_bond_w.svg);
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-robomenu-item-name:before {
  background-image: url(../img/fund/icon_4type_bond_gr.svg);
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-subitem-wrapper {
  border-color: #ADC029;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-subitem {
  color: #8F9F24;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-subitem:hover, .ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-subitem.active {
  background: #ADC029;
}

.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-item, .ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-mainitem-wrapper, .ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-subitem-toggle:before {
  background: #E8DFF2;
  color: #5A3982;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-item .ra-robomenu-item-name:before {
  background-image: url(../img/fund/icon_4type_cash.svg);
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-item:hover, .ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-item:hover + .ra-fund-robomenu-subitem-toggle, .ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-item.active, .ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-item.active + .ra-fund-robomenu-subitem-toggle {
  background: #5A3982;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-item:hover + .ra-fund-robomenu-subitem-toggle:before, .ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-item.active + .ra-fund-robomenu-subitem-toggle:before {
  color: #fff;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-item:hover .ra-robomenu-item-name:before, .ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-item.active .ra-robomenu-item-name:before {
  background-image: url(../img/fund/icon_4type_cash_w.svg);
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-robomenu-item-name:before {
  background-image: url(../img/fund/icon_4type_cash_gr.svg);
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-subitem-wrapper {
  border-color: #8D61BD;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-subitem {
  color: #5A3982;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-subitem span.ndbx-icon {
  color: #8D61BD;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-subitem:hover, .ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-subitem.active {
  background: #8D61BD;
}

.ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-item:hover, .ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-item.active,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-item:hover,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-item.active,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-item:hover,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-item.active,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-item:hover,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-item.active {
  color: #fff;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-fund-robomenu-item, .ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-fund-robomenu-item:hover,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-fund-robomenu-item,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-fund-robomenu-item:hover,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-fund-robomenu-item,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-fund-robomenu-item:hover,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-fund-robomenu-item,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-fund-robomenu-item:hover {
  background: #F5F5F5;
  color: #aaaaaa;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-fund-robomenu-subitem-toggle,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-fund-robomenu-subitem-toggle,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-fund-robomenu-subitem-toggle,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-fund-robomenu-subitem-toggle {
  display: none;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-mainitem-wrapper.disabled + .ra-fund-robomenu-subitem-wrapper,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-mainitem-wrapper.disabled + .ra-fund-robomenu-subitem-wrapper,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-mainitem-wrapper.disabled + .ra-fund-robomenu-subitem-wrapper,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-mainitem-wrapper.disabled + .ra-fund-robomenu-subitem-wrapper {
  display: none;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-subitem-wrapper,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-subitem-wrapper,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-subitem-wrapper,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-subitem-wrapper {
  background-color: #fff;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-subitem:hover, .ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-subitem.active,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-subitem:hover,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-subitem.active,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-subitem:hover,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-subitem.active,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-subitem:hover,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-subitem.active {
  color: #fff;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-subitem:hover span.ndbx-icon, .ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-subitem.active span.ndbx-icon,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-subitem:hover span.ndbx-icon,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-subitem.active span.ndbx-icon,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-subitem:hover span.ndbx-icon,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-subitem.active span.ndbx-icon,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-subitem:hover span.ndbx-icon,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-subitem.active span.ndbx-icon {
  color: #fff;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-subitem-toggle:before,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-subitem-toggle:before,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-subitem-toggle:before,
.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-subitem-toggle:before {
  background: transparent;
}

/* 非agi建議者仍可選取 */
.ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-fund-robomenu-item.active {
  background: #F07D2D;
  color: #fff;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-balance"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-fund-robomenu-item.active .ra-robomenu-item-name:before {
  background-image: url(../img/fund/icon_4type_balance_w.svg);
}

.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-fund-robomenu-item.active {
  background: #0A9FDD;
  color: #fff;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-stock"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-fund-robomenu-item.active .ra-robomenu-item-name:before {
  background-image: url(../img/fund/icon_4type_stock_w.svg);
}

.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-fund-robomenu-item.active {
  background: #8F9F24;
  color: #fff;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-bond"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-fund-robomenu-item.active .ra-robomenu-item-name:before {
  background-image: url(../img/fund/icon_4type_bond_w.svg);
}

.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-fund-robomenu-item.active {
  background: #5A3982;
  color: #fff;
}
.ra-fund-robomenu-item-wrapper[data-robo-type="type-cash"] .ra-fund-robomenu-mainitem-wrapper.disabled .ra-fund-robomenu-item.active .ra-robomenu-item-name:before {
  background-image: url(../img/fund/icon_4type_cash_w.svg);
}

/* 輸入關鍵字 */
.ra-fund-search-row {
  max-width: 540px;
  width: 100%;
  margin: 10px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ra-fund-search-row .ra-fund-search-field .nx-formfield__wrapper {
  position: relative;
}
.ra-fund-search-row .ra-fund-search-field .nx-formfield__wrapper::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/fund/fund_search.svg) no-repeat center center;
  background-size: 20px auto;
  padding-top: 34px;
  margin-right: 5px;
}
.ra-fund-search-row .nx-formfield__label, .ra-fund-search-row .c-input {
  padding-left: 30px;
}
.ra-fund-search-row .ra-btn {
  margin-left: 16px;
  margin-bottom: 8px;
  width: 66px;
}

/* 進階篩選- filter - mobile版 */
.ra-mobile-fund-filter-slider {
  z-index: 199;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(207, 233, 238, 0.75);
  display: block;
}

.ra-mobile-fund-filter-wrapper.open {
  transform: translateX(0%);
  transition: 0.5s;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 90%;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: -10px 0px 10px -10px rgba(0, 0, 0, 0.25);
}

.ra-mobile-fund-filter-wrapper {
  transform: translateX(100%);
  transition: 0.5s;
}

.ra-mobile-fund-filter-footer, .ra-mobile-fund-filter-head {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ra-mobile-fund-filter-body, .ra-mobile-fund-filter-footer, .ra-mobile-fund-filter-head {
  padding-left: 10px;
  padding-right: 10px;
}

.ra-mobile-fund-filter-head {
  justify-content: space-between;
}
.ra-mobile-fund-filter-head .ra-fund-adv-title {
  margin: 0 0 0 5px;
}
.ra-mobile-fund-filter-head .ra-btn {
  font-size: 0.875rem;
  height: 30px;
  padding: 0 10px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFF7E2;
  color: #C27F06;
}
.ra-mobile-fund-filter-head .ra-btn span {
  padding-top: 3px;
}
.ra-mobile-fund-filter-head .ra-tool-icon-trash:before {
  display: block;
  width: 20px;
  height: 20px;
  content: "";
  font-family: "Allianz-Icons";
  font-size: 18px;
  color: #C27F06;
}

.ra-mobile-fund-filter-body {
  height: calc(100% - 120px);
  background: #f5f5f5;
  overflow-y: auto;
  padding: 10px 5px;
}

[data-pos="idMobileFilterPos"] .ra-fund-adv-filter-ul li {
  flex-wrap: wrap;
}
[data-pos="idMobileFilterPos"] .ra-fund-adv-filter-ul li .ra-fund-adv-filter-label {
  width: 48%;
  padding-left: 0;
  margin-left: 2%;
}
[data-pos="idMobileFilterPos"] .ra-fund-adv-filter-ul li .ra-fund-adv-filter-checkbox-all {
  width: 33%;
  margin-left: 15%;
}
[data-pos="idMobileFilterPos"] .ra-fund-adv-filter-ul li .ra-fund-adv-filter-checkbox-all, [data-pos="idMobileFilterPos"] .ra-fund-adv-filter-ul li .ra-fund-adv-filter-label {
  margin-bottom: 10px;
}
[data-pos="idMobileFilterPos"] .ra-fund-adv-filter-ul li .ra-fund-adv-filter-checkbox-group {
  width: 100%;
}
[data-pos="idMobileFilterPos"] .ra-fund-adv-filter-ul li .ra-fund-adv-filter-checkbox-group .ra-fund-adv-filter-checkbox {
  width: 32%;
}
[data-pos="idMobileFilterPos"] .ra-fund-adv-filter-ul li .ra-fund-adv-filter-checkbox-group .ra-fund-adv-filter-checkbox.ra-checkbox-long {
  width: 65%;
}
[data-pos="idMobileFilterPos"] .ra-fund-adv-filter-ul li .ra-fund-adv-filter-li-toggle {
  width: 100%;
  background: #f5f5f5;
}

.ra-fund-adv-filter-button-for-mobile {
  background: #C27F06;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 100%;
  margin: -12px auto 12px auto;
  height: 34px;
  font-size: 0.875rem;
}
.ra-fund-adv-filter-button-for-mobile:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../img/fund/fund_filter_w.svg") no-repeat center center;
  background-size: 16px auto;
  margin-right: 5px;
}

.ra-fund-adv-filter-button-for-mobile {
  display: none;
}

/* 進階篩選-pc 版 */
.ra-fund-adv-filter {
  padding: 10px 10px 0px 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
}

.ra-fund-adv-filter-ul-toggle-wrapper {
  cursor: pointer;
  width: 100%;
  height: 70px;
  position: relative;
}
.ra-fund-adv-filter-ul-toggle-wrapper .ra-fund-adv-filter-ul-footer {
  background: url("../img/fund/adv_filter_footer.png") no-repeat #F5F5F5;
  background-position: bottom 5px right 85px;
  width: 100%;
  height: 50px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.ra-fund-adv-filter-ul-toggle-wrapper::after {
  position: absolute;
  left: 0;
  bottom: 10px;
  display: block;
  content: "";
  height: 1px;
  width: 100%;
  background-color: #C27F06;
  z-index: 1;
}
.ra-fund-adv-filter-ul-toggle-wrapper .ra-fund-adv-filter-ul-toggle {
  border: 0px solid blue;
  position: absolute;
  bottom: 3px;
  right: 50px;
  z-index: 2;
  background-color: #fff;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ra-fund-adv-filter-ul-toggle-wrapper .ra-fund-adv-filter-ul-toggle:before {
  content: "收合篩選條件";
  font-size: 0.75rem;
  font-weight: 600;
  color: #C27F06;
}
.ra-fund-adv-filter-ul-toggle-wrapper .ra-fund-adv-filter-ul-toggle:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 14px;
  transform: rotate(180deg);
  background: no-repeat center center;
  background-width: 18px auto;
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?> <svg fill="%23C27F06" width="11px" height="6px" viewBox="0 0 11 6" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M5.03472222,4.02548087 L8.93689443,0.0991782746 C9.07008566,-0.0348365893 9.28853531,-0.0327654818 9.41912591,0.103750281 L9.97714095,0.687083605 C10.1017144,0.81730926 10.0999833,1.02214328 9.97322628,1.150274 L5.27415227,5.90027392 C5.14260975,6.03324203 4.9268347,6.03324203 4.79529217,5.90027392 L0.0962181624,1.150274 C-0.0305388438,1.02214328 -0.0322700035,0.81730926 0.0923034974,0.687083605 L0.650318536,0.103750281 C0.780909136,-0.0327654818 0.999358782,-0.0348365893 1.13255001,0.0991782746 L5.03472222,4.02548087 Z" id="Fill-1" ></path> </svg>');
}

.ra-fund-adv-filter-ul-toggle-wrapper.close {
  height: calc(70px - 40px);
}
.ra-fund-adv-filter-ul-toggle-wrapper.close .ra-fund-adv-filter-ul-footer {
  background: #F5F5F5;
  height: calc(50px - 40px);
}
.ra-fund-adv-filter-ul-toggle-wrapper.close .ra-fund-adv-filter-ul-toggle:before {
  content: "展開篩選條件";
}
.ra-fund-adv-filter-ul-toggle-wrapper.close .ra-fund-adv-filter-ul-toggle:after {
  transform: rotate(0deg);
}

.ra-fund-adv-title {
  color: #C27F06;
  font-size: 1.125rem;
  font-weight: 600;
  background: url("../img/fund/fund_filter.svg") left center no-repeat;
  background-size: 16px auto;
  padding-left: 22px;
  margin: 10px auto 20px auto;
}
.ra-fund-adv-title small {
  font-size: 80%;
}

.ra-fund-adv-filter-ul {
  width: 100%;
  margin: 0;
  padding: 0;
  height: auto;
  overflow: hidden;
}

/* 整個body收合時，裡面的 jsFundFilterOneGroupToggle 不顯示也不可以按 */
.ra-fund-adv-filter-ul.close .ra-fund-adv-filter-li-toggle {
  visibility: hidden;
}

.ra-fund-adv-filter-ul li {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  overflow: hidden;
}
.ra-fund-adv-filter-ul li > * {
  border: 0px solid blue;
}
.ra-fund-adv-filter-ul li:not(:last-child) {
  border-bottom: 1px dotted #414141;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.ra-fund-adv-filter-ul li .ra-fund-adv-filter-label {
  width: 100px;
}
.ra-fund-adv-filter-ul li .ra-fund-adv-filter-checkbox-all {
  width: 100px;
}
.ra-fund-adv-filter-ul li .ra-fund-adv-filter-li-toggle {
  width: 50px;
}
.ra-fund-adv-filter-ul li .ra-fund-adv-filter-checkbox-group {
  width: calc(100% - 150px);
}

.ra-fund-adv-filter-checkbox-all .ra-fund-adv-filter-checkbox {
  width: 100%;
}

.ra-fund-adv-filter-label {
  justify-content: flex-start;
  color: #000;
  font-size: 0.875rem;
}

.ra-fund-adv-filter-li-check-count {
  font-weight: 600;
  margin-left: 2px;
}

.ra-fund-adv-filter-li-toggle:before {
  content: "收合";
  font-size: 0.75rem;
  font-weight: 600;
  color: #C27F06;
}
.ra-fund-adv-filter-li-toggle:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 14px;
  transform: rotate(180deg);
  background: no-repeat center center;
  background-width: 18px auto;
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?> <svg fill="%23C27F06" width="11px" height="6px" viewBox="0 0 11 6" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M5.03472222,4.02548087 L8.93689443,0.0991782746 C9.07008566,-0.0348365893 9.28853531,-0.0327654818 9.41912591,0.103750281 L9.97714095,0.687083605 C10.1017144,0.81730926 10.0999833,1.02214328 9.97322628,1.150274 L5.27415227,5.90027392 C5.14260975,6.03324203 4.9268347,6.03324203 4.79529217,5.90027392 L0.0962181624,1.150274 C-0.0305388438,1.02214328 -0.0322700035,0.81730926 0.0923034974,0.687083605 L0.650318536,0.103750281 C0.780909136,-0.0327654818 0.999358782,-0.0348365893 1.13255001,0.0991782746 L5.03472222,4.02548087 Z" id="Fill-1" ></path> </svg>');
}

.ra-fund-adv-filter-li-toggle.close:before {
  content: "展開";
}
.ra-fund-adv-filter-li-toggle.close:after {
  transform: rotate(0deg);
}

.ra-fund-adv-filter-checkbox-group {
  display: flex;
  flex-wrap: wrap;
}

.ra-fund-adv-filter-checkbox {
  cursor: pointer;
  width: 100px;
  height: 30px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  background-color: #fff;
  color: #006192;
  margin: 0 2px;
}
.ra-fund-adv-filter-checkbox:hover, .ra-fund-adv-filter-checkbox.active {
  color: #fff;
  background-color: #006192;
}

.ra-fund-adv-filter-checkbox.ra-checkbox-long {
  width: 205px;
}

.ra-fund-adv-filter-checkbox-group .ra-fund-adv-filter-checkbox {
  margin-bottom: 5px;
}

.ra-fund-adv-filter-label,
.ra-fund-adv-filter-checkbox-all,
.ra-fund-adv-filter-li-toggle {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ra-fund-adv-filter-label {
  justify-content: flex-start;
  padding-left: 10px;
}

/* */
.ra-fund-adv-filter-rst-wrapper {
  border-radius: 5px;
  width: 100%;
  margin-top: 5px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  background: #ccc;
}
.ra-fund-adv-filter-rst-wrapper[data-type="idTypeBond"] {
  background-color: #ADC029;
}
.ra-fund-adv-filter-rst-wrapper[data-type="idTypeStock"] {
  background-color: #3DBFF5;
}
.ra-fund-adv-filter-rst-wrapper[data-type="idTypeBalance"] {
  background-color: #FD934F;
}
.ra-fund-adv-filter-rst-wrapper[data-type="idTypeCash"] {
  background-color: #8D61BD;
}
.ra-fund-adv-filter-rst-wrapper[data-type="idTypeCross"] {
  background-color: #959595;
}

.ra-fund-adv-filter-rst-list, .ra-fund-adv-filter-rst-tag-wrapper, .ra-fund-adv-filter-rst-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.ra-fund-adv-filter-rst-title {
  width: 90px;
  height: 30px;
  line-height: 30px;
  margin: 5px;
}

.ra-fund-adv-filter-rst-tag-all {
  width: 110px;
  justify-content: center;
}

.ra-fund-adv-filter-rst-tag-wrapper {
  flex-wrap: wrap;
}

.ra-fund-adv-filter-rst-list {
  width: calc(100% - 200px);
}

.ra-fund-adv-filter-rst-tag {
  margin: 5px;
  border-radius: 5px;
  height: 30px;
  padding: 2px 10px 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  color: #414141;
  font-size: 0.875rem;
}
.ra-fund-adv-filter-rst-tag .ra-tag-del-btn {
  margin-left: 15px;
}
.ra-fund-adv-filter-rst-tag .ra-tag-del-btn:before {
  font-family: "Allianz-Icons";
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  font-size: 14px;
}

.ra-fund-adv-filter-rst-tag.disabled {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.ra-fund-pick-info {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.875rem;
  margin-bottom: 10px;
}
.ra-fund-pick-info .ra-fund-rst-number {
  font-size: 1.25rem;
  font-weight: 300;
  color: #013781;
  margin: 0 3px;
}

/* */
/* 基金選擇表 */
.ra-fund-pick-table {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  text-align: left;
  margin-bottom: 50px;
}

.ra-fund-pick-table-withalloc {
  margin-bottom: 50px;
}

.ra-fund-pick-table.close {
  display: none;
}

.ra-fpt-thead {
  position: static;
}

.ra-fpt-header-row {
  border-top: 2px solid #D8D8D8;
  border-bottom: 2px solid #D8D8D8;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.ra-fpt-header-cell {
  border: 0px solid blue;
  width: 14%;
  height: 80px;
  background: #f5f5f5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.ra-fpt-th-title-wrapper {
  font-size: 1rem;
  font-weight: 600;
  color: #414141;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}

.ra-fpt-th-sort-indicator {
  width: 12px;
  height: 24px;
  margin-right: 5px;
}
.ra-fpt-th-sort-indicator:before, .ra-fpt-th-sort-indicator:after {
  color: #414141;
  font-family: "Allianz-Icons";
  display: block;
  width: 12px;
  height: 12px;
  font-size: 12px;
}
.ra-fpt-th-sort-indicator:before {
  content: "";
}
.ra-fpt-th-sort-indicator:after {
  content: "";
}

/* 排序 */
.ra-fpt-th-title-wrapper.active-sort-up .ra-fpt-th-sort-indicator:before, .ra-fpt-th-title-wrapper.active-sort-up .ra-fpt-th-title {
  color: #006192;
}
.ra-fpt-th-title-wrapper.active-sort-up .ra-fpt-th-sort-indicator:after {
  color: transparent;
}

.ra-fpt-th-title-wrapper.active-sort-down .ra-fpt-th-sort-indicator:after, .ra-fpt-th-title-wrapper.active-sort-down .ra-fpt-th-title {
  color: #006192;
}
.ra-fpt-th-title-wrapper.active-sort-down .ra-fpt-th-sort-indicator:before {
  color: transparent;
}

.ra-fpt-th-title-clearall-wrapper, .ra-fpt-th-title-explain-wrapper {
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.ra-fpt-th-title-clearall-wrapper a {
  text-decoration: underline;
  color: #006192;
  font-size: 0.875rem;
}

.ra-fpt-header-cell[data-cell="tdCheckbox"] {
  width: 10%;
}
.ra-fpt-header-cell[data-cell="tdFundName"] {
  width: 10%;
}
.ra-fpt-header-cell[data-cell="tdPercent"] {
  width: 10%;
}
.ra-fpt-header-cell[data-cell="tdPercentFundName"] {
  width: 10%;
}
.ra-fpt-header-cell[data-cell="tdFundMoney"] {
  width: 11%;
}
.ra-fpt-header-cell[data-cell="tdFundrRisk"] {
  width: 11%;
}
.ra-fpt-header-cell[data-cell="tdFundOneMonth"] {
  width: 20%;
}
.ra-fpt-header-cell[data-cell="tdFundThreeYear"] {
  width: 18%;
}
.ra-fpt-header-cell[data-cell="tdFundRewardRatio"] {
  width: 20%;
}

/* tbody */
.ra-fpt-table-cell[data-cell="tdCheckbox"] {
  width: 10%;
}
.ra-fpt-table-cell[data-cell="tdFundName"] {
  width: 90%;
}

.ra-fpt-table-cell[data-cell="tdPercent"] {
  border: 0px solid blue;
  width: 10%;
  padding-left: 0;
  padding-right: 0;
}
.ra-fpt-table-cell[data-cell="tdPercentFundName"] {
  width: 90%;
}

.ra-fpt-table-cell[data-cell="tdEmptyPadding"] {
  width: 20%;
}
.ra-fpt-table-cell[data-cell="tdFundMoney"] {
  width: 11%;
}
.ra-fpt-table-cell[data-cell="tdFundrRisk"] {
  width: 11%;
}
.ra-fpt-table-cell[data-cell="tdFundOneMonth"] {
  width: 20%;
}
.ra-fpt-table-cell[data-cell="tdFundThreeYear"] {
  width: 18%;
}
.ra-fpt-table-cell[data-cell="tdFundRewardRatio"] {
  width: 20%;
}

.ra-fpt-row-title, .ra-fpt-row-data {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.ra-fpt-table-cell {
  border: 0px solid red;
  height: auto;
  padding-top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}

.ra-fpt-row-title .ra-fpt-table-cell {
  height: 80px;
  height: auto;
}

.ra-fpt-table-cell[data-cell="tdCheckbox"] {
  justify-content: center;
}

label.ra-fundpick-checkbox-notxt {
  width: 40px;
  height: 40px;
}

.ra-fpt-table-cell[data-cell="tdFundName"], .ra-fpt-table-cell[data-cell="tdPercentFundName"] {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  letter-spacing: 1px;
}
.ra-fpt-table-cell[data-cell="tdFundName"] > *, .ra-fpt-table-cell[data-cell="tdPercentFundName"] > * {
  margin: 2px 0;
}

.ra-fpt-td-agi-type, .ra-fpt-td-agi-code {
  font-size: 0.75rem;
}

.ra-fpt-td-agi-code {
  margin-left: 10px;
}

.ra-fpt-td-fundname-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.ra-fpt-td-fundname, .ra-fpt-td-fundname-note {
  line-height: 1.5;
  font-weight: 600;
  text-align: justify;
}

.ra-fpt-td-fundname {
  color: #0D3876;
  text-decoration: underline;
}

.ra-fpt-td-fundname-note {
  color: #959595;
}

.ra-fpt-row-data {
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 5px;
}

.ra-fund-raio {
  display: flex;
  align-items: center;
}
.ra-fund-raio:after {
  content: "";
  display: inline-block;
  font-family: "Allianz-Icons";
  font-size: 1.25rem;
  width: 20px;
  height: 20px;
  margin-left: 0px;
}

.ra-fund-raio.ra-fund-raio-up {
  color: #E82048;
}
.ra-fund-raio.ra-fund-raio-up:after {
  content: "";
}

.ra-fund-raio.ra-fund-raio-down {
  color: #3DA57A;
}
.ra-fund-raio.ra-fund-raio-down:after {
  content: "";
}

/* fundpick explain */
.ra-fpt-th-title-explain-wrapper {
  position: relative;
  width: 100%;
}

.ra-fpt-th-explain-toggle {
  border: 0px solid red;
  display: flex;
  justify-content: center;
  width: 100%;
  padding-left: 12px;
  padding-left: 0;
  text-align: center;
  cursor: pointer;
}
.ra-fpt-th-explain-toggle:before {
  color: #767676;
  font-family: "Allianz-Icons";
  display: block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  content: "";
}

.ra-fpt-th-explain-toggle.open:after {
  z-index: 3;
  position: absolute;
  right: calc(50% - 6px);
  top: 20px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 12px 6px;
  border-color: transparent transparent #E3A73B transparent;
}

.ra-fpt-th-explain-body {
  border: 0px solid red;
  position: absolute;
  width: 360px;
  height: 150px;
  top: 32px;
  left: calc(50% - 170px);
  right: 0;
  z-index: 1;
}
.ra-fpt-th-explain-body.align-left {
  right: auto;
  left: 0;
}
.ra-fpt-th-explain-body.align-right {
  right: 0;
  left: auto;
}

.ra-explain-bbl {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background: #FFE8B0;
  border: 5px solid #E3A73B;
  border-radius: 5px;
  font-size: 0.875rem;
}

.ra-explain-bbl-head {
  padding: 10px 10px 5px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ra-explain-bbl-head .ra-explain-bbl-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  text-align: center;
  cursor: pointer;
  color: #006192;
  background: #fff;
  border-radius: 50%;
}

.ra-explain-bbl-body {
  padding: 10px 10px 10px 10px;
}
.ra-explain-bbl-body p {
  text-align: justify;
}

/* 不能選的基金 - ra-row-disabled */
.ra-fpt-row-title.disabled, .ra-fpt-row-data.disabled {
  background-color: #f5f5f5;
}
.ra-fpt-row-title.disabled span, .ra-fpt-row-title.disabled a, .ra-fpt-row-data.disabled span, .ra-fpt-row-data.disabled a {
  opacity: 0.5;
}
.ra-fpt-row-title.disabled .nx-formfield__input-container, .ra-fpt-row-data.disabled .nx-formfield__input-container {
  border-bottom: 1px solid #888;
}
.ra-fpt-row-title.disabled .ra-fund-alloc-row-del, .ra-fpt-row-data.disabled .ra-fund-alloc-row-del {
  opacity: 1;
}

.ra-fpt-row-data.disabled span {
  opacity: 0.5;
}

.ra-fpt-more-loader {
  border: 0px solid red;
  position: relative;
  width: 100px;
  height: 100px;
}
.ra-fpt-more-loader img, .ra-fpt-more-loader a {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.ra-fpt-more-loader img {
  top: 10px;
  z-index: 1;
  width: 90px;
  height: auto;
}
.ra-fpt-more-loader a {
  top: 90px;
  z-index: 2;
  display: inline-block;
  font-size: 0.625rem;
  color: #0D3876;
  text-decoration: underline;
}

/* fundpick checkbox */
.ra-fundpick-checkbox[type="checkbox"]:checked,
.ra-fundpick-checkbox[type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.ra-fundpick-checkbox[type="checkbox"]:checked + label,
.ra-fundpick-checkbox[type="checkbox"]:not(:checked) + label {
  position: relative;
  padding: 8px 8px 8px 32px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.ra-fundpick-checkbox[type="checkbox"]:checked + label span.ra-fundpick-checkbox-value,
.ra-fundpick-checkbox[type="checkbox"]:not(:checked) + label span.ra-fundpick-checkbox-value {
  font-size: 0.75rem;
}

.ra-fundpick-checkbox[type="checkbox"]:checked + label span.ra-fundpick-checkbox-value {
  color: #006192;
}

.ra-checkbox-size14[type="checkbox"]:checked + label,
.ra-checkbox-size14[type="checkbox"]:not(:checked) + label {
  padding: 2px 0px 0px 18px;
}

.ra-fundpick-checkbox[type="checkbox"]:disabled,
.ra-fundpick-checkbox[type="checkbox"]:disabled + label {
  cursor: default;
  opacity: 0.4;
}

.ra-fundpick-checkbox[type="checkbox"]:checked + label:before,
.ra-fundpick-checkbox[type="checkbox"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 7px;
  width: 20px;
  height: 20px;
  border: 2px solid #808080;
  background: #fff;
  box-sizing: border-box;
  border-radius: 5px;
}

.ra-checkbox-size14[type="checkbox"]:checked + label:before,
.ra-checkbox-size14[type="checkbox"]:not(:checked) + label:before {
  top: 0px;
  left: 0px;
  width: 14px;
  height: 14px;
  border-width: 1px;
  border-radius: 3px;
}

.ra-fundpick-checkbox[type="checkbox"]:checked + label:before {
  border: 2px solid #017AB3;
  background-color: #017AB3;
}

.ra-checkbox-size14[type="checkbox"]:checked + label:before {
  border-width: 1px;
}

.ra-fundpick-checkbox[type="checkbox"]:not(:checked) + label:after,
.ra-fundpick-checkbox[type="checkbox"]:checked + label:after {
  font-family: "Allianz-Icons";
  font-size: 1rem;
  content: "";
  position: absolute;
  top: 8px;
  left: 10px;
  color: #fff;
  transition: all 0.2s ease;
}

.ra-checkbox-size14[type="checkbox"]:not(:checked) + label:after,
.ra-checkbox-size14[type="checkbox"]:checked + label:after {
  font-size: 0.75rem;
  top: 1px;
  left: 1px;
}

.ra-fundpick-checkbox[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.ra-fundpick-checkbox[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/*  */
.ra-fund-footer {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  overflow: hidden;
  transition: 0.5s;
}

.ra-fund-footer.open {
  height: 620px;
  transition: 0.5s;
}

.ra-fund-footer-header {
  width: 100%;
  height: 60px;
  background: rgba(1, 122, 179, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}
.ra-fund-footer-header .ra-fund-footer-header-in {
  width: 98%;
  margin: 0 auto;
  max-width: 1024px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ra-fund-footer-header .ra-fund-footer-header-in > * {
  border: 0px solid red;
}
.ra-fund-footer-header .ra-fund-footer-header-in p, .ra-fund-footer-header .ra-fund-footer-header-in span {
  color: #fff;
  font-size: 1rem;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  letter-spacing: 1px;
}

.ra-footer-txt-highlight {
  color: #F6F400 !important;
  font-size: 1.25rem;
  font-weight: 600;
  margin-right: 2px;
}

.ra-fund-footer-summary-wrapper, .ra-fund-footer-action-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ra-footer-txt-highlight[data-type="statusFundExceed"]:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../img/btn/icon_err.svg) no-repeat center center;
  background-size: 18px auto;
  margin-right: 5px;
  margin-bottom: 2px;
  vertical-align: middle;
}

.ra-fund-footer-square-btn {
  margin: 0 10px 0 0;
  border-radius: 5px;
  padding: 0px 8px 0 8px;
  height: 26px;
  display: flex;
  justify-self: center;
  align-items: center;
  font-size: 0.75rem;
  color: #006192;
  background: #CCE4EF;
}
.ra-fund-footer-square-btn:visited {
  color: #006192;
}

.ra-fund-footer-circle-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ra-fund-footer-circle-btn:first-child {
  margin: 0 10px 0 0;
}
.ra-fund-footer-circle-btn:before {
  content: "";
  width: 36px;
  height: 36px;
  margin-right: 10px;
  border-radius: 50%;
  background: url("../img/fund/footer_up.svg") #CCE4EF no-repeat center center;
  background-size: 36px auto;
}
.ra-fund-footer-circle-btn span {
  text-align: left;
}

.ra-fund-footer-square-btn:hover {
  background-color: #fff;
}

.ra-fund-footer-circle-btn:hover:before {
  background-color: #fff;
}

.ra-fund-footer-circle-btn.ra-circle-btn-exit:before {
  background-image: url("../img/fund/footer_exit.svg");
}

.ra-fund-footer-circle-btn.ra-circle-btn-toggle:before {
  background-image: url("../img/fund/footer_down.svg");
  transform: rotate(180deg);
}

.ra-fund-footer-circle-btn.ra-circle-btn-add:before {
  background-image: url("../img/fund/footer_add.svg");
}

.ra-fund-footer-circle-btn.ra-circle-btn-sendout:before {
  background-image: url("../img/fund/footer_sendout.svg");
}

.ra-fund-footer.open .ra-circle-btn-toggle:before {
  transform: rotate(0deg);
}

.ra-fund-footer-body {
  background: #fff;
  width: 100%;
  height: 500px;
  position: relative;
}

.ra-fund-footer-body-in {
  border: 0px solid red;
  width: 100%;
  height: 450px;
  overflow-y: auto;
}

.ra-fund-robo-notify-bbl {
  width: 200px;
  background: rgba(1, 122, 179, 0.8);
  border-radius: 5px;
  font-size: 0.75rem;
  color: #fff;
  padding: 10px;
  margin-bottom: 10px;
}

.ra-fund-robo-notify-bbl.longtxt {
  width: 300px;
}
.ra-fund-robo-notify-bbl.longtxt p {
  padding-left: 3px;
}

.ra-fund-robo-notify-bbl.close {
  display: none;
}

.ra-fund-robo-notify-bbl-wrapper.ra-notify-at-footer {
  position: absolute;
  top: 25px;
  left: calc(50% - 240px - 220px);
}

.ra-fund-footer-btn-wrapper {
  background: #f5f5f5;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ra-fund-footer-btn-in, .ra-fund-footer-body {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ra-fund-footer-btn-in, .ra-fund-footer-body-in {
  width: 100%;
  max-width: 480px;
}

.ra-fund-cart-item-header, .ra-fund-cart-subitem-header {
  cursor: pointer;
  height: 36px;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ra-fund-cart-item-header:after, .ra-fund-cart-subitem-header:after {
  width: 36px;
  height: 36px;
  font-family: "Allianz-Icons";
  content: "";
  font-size: 24px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
}

.ra-fund-cart-item-header.close:after, .ra-fund-cart-subitem-header.close:after {
  transform: rotate(180deg);
  transition: 0.5s;
}

.ra-fund-cart-wrapper {
  padding-right: 16px;
}

.ra-fund-cart-item-header .ra-fund-cart-item-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ra-fund-cart-item-header .ra-fund-cart-item-title:before {
  display: inline-block;
  content: "";
  width: 22px;
  height: 40px;
  background: url(../img/fund/icon_4type_balance_w.svg) no-repeat center center;
  background-size: 22px auto;
  margin: 0 5px;
}
.ra-fund-cart-item-header[data-robo-type="type-balance"] {
  background: #F07D2D;
}
.ra-fund-cart-item-header[data-robo-type="type-stock"] {
  background: #0A9FDD;
}
.ra-fund-cart-item-header[data-robo-type="type-stock"] .ra-fund-cart-item-title:before {
  background-image: url(../img/fund/icon_4type_stock_w.svg);
}
.ra-fund-cart-item-header[data-robo-type="type-bond"] {
  background: #8F9F24;
}
.ra-fund-cart-item-header[data-robo-type="type-bond"] .ra-fund-cart-item-title:before {
  background-image: url(../img/fund/icon_4type_bond_w.svg);
}
.ra-fund-cart-item-header[data-robo-type="type-cash"] {
  background: #5A3982;
}
.ra-fund-cart-item-header[data-robo-type="type-cash"] .ra-fund-cart-item-title:before {
  background-image: url(../img/fund/icon_4type_cash_w.svg);
}
.ra-fund-cart-item-header[data-robo-type="type-cross"] {
  background: #959595;
  cursor: initial;
}
.ra-fund-cart-item-header[data-robo-type="type-cross"]::after {
  display: none;
}
.ra-fund-cart-item-header[data-robo-type="type-cross"] .ra-fund-cart-item-title:before {
  background: none;
  width: 10px;
}

.ra-fund-cart-item-body.close {
  display: none;
}

.ra-fund-cart-subitem-header .ra-fund-cart-subitem-title {
  padding-left: 30px;
}
.ra-fund-cart-subitem-header[data-robo-type="type-balance"] {
  background: #FD934F;
}
.ra-fund-cart-subitem-header[data-robo-type="type-stock"] {
  background: #3DBFF5;
}
.ra-fund-cart-subitem-header[data-robo-type="type-bond"] {
  background: #ADC029;
}
.ra-fund-cart-subitem-header[data-robo-type="type-cash"] {
  background: #8D61BD;
}

.ra-fund-cart-subitem-body {
  padding: 10px 10px 10px 30px;
}
.ra-fund-cart-subitem-body[data-robo-type="type-balance"] {
  background: #FFE9DC;
}
.ra-fund-cart-subitem-body[data-robo-type="type-stock"] {
  background: #DCF4FE;
}
.ra-fund-cart-subitem-body[data-robo-type="type-bond"] {
  background: #EFF2D4;
}
.ra-fund-cart-subitem-body[data-robo-type="type-cash"] {
  background: #E8DFF2;
}

.ra-fund-cart-subitem-body.close {
  display: none;
}

.ra-fund-cart-subitem-ul {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
.ra-fund-cart-subitem-ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}

.ra-fund-cart-fund-link {
  font-size: 0.875rem;
  color: #013781;
  text-decoration: underline;
  text-align: justify;
  width: calc(100% - 40px);
}

.ra-fund-cart-fund-btn-del:before {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-family: "Allianz-Icons";
  content: "";
  font-size: 24px;
  background-color: rgba(255, 255, 255, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
}
.ra-fund-cart-fund-btn-del:hover:before {
  background-color: #fff;
}

.ra-fund-cart-subitem-ul-footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ra-fund-cart-default-str {
  color: #aaa;
  font-size: 0.875rem;
  opacity: 1;
}
.ra-fund-cart-default-str.invisible {
  opacity: 0;
}

.ra-fund-cart-btn-add {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 10px 0 10px;
  background-color: rgba(255, 255, 255, 0.75);
  font-size: 0.75rem;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ra-fund-cart-btn-add:before {
  font-family: "Allianz-Icons";
  content: "";
  font-size: 0.875rem;
  padding-bottom: 2px;
}
.ra-fund-cart-btn-add:hover {
  background-color: #fff;
}

.ra-fund-cart-upper {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.ra-fund-cart-lower {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.ra-fund-robo-notify-bbl {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ra-fund-robo-notify-bbl:before {
  display: inline-block;
  content: "";
  width: 30px;
  height: 28px;
  background: url(../img/chat/avtr_robot.png) no-repeat left center;
  background-size: 24px auto;
}
.ra-fund-robo-notify-bbl p {
  width: calc(100% - 80px);
}

.ra-fund-robo-notify-close {
  width: 50px;
  font-size: 10px;
  color: #006192;
  background: #CCE4EF;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ra-fund-robo-notify-close:before {
  font-family: "Allianz-Icons";
  content: "";
  font-size: 0.875rem;
}
.ra-fund-robo-notify-close:hover {
  background: #fff;
}

.ra-fund-robo-notify-4type {
  padding: 2px;
}
.ra-fund-robo-notify-4type:not(:last-child):after {
  content: "、";
}
.ra-fund-robo-notify-4type[data-type="type-balance"] span {
  background-color: #F07D2D;
}
.ra-fund-robo-notify-4type[data-type="type-stock"] span {
  background-color: #0A9FDD;
}
.ra-fund-robo-notify-4type[data-type="type-bond"] span {
  background-color: #8F9F24;
}
.ra-fund-robo-notify-4type[data-type="type-cash"] span {
  background-color: #5A3982;
}

/* 排序 switch */
.ra-fund-pick-info.ra-with-switch {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ra-fund-switch-bytype-crosstype {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ra-fund-switch-title {
  font-size: 0.875rem;
  color: #000;
  border: 0px solid red;
  heigth: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ra-fund-switch-title:before {
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  background: url(../img/fund/switch_sort.svg) no-repeat left center;
  background-size: 12px auto;
  margin-right: 5px;
  border: 0px solid red;
}

.switch-field {
  display: flex;
}

.switch-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.switch-field label {
  background-color: #F5F5F5;
  color: #959595;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  padding: 0px 10px;
  line-height: 30px;
  height: 30px;
  margin-right: -1px;
  transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
  cursor: pointer;
}

.switch-field input:checked + label {
  background-color: #0079b5;
  color: #fff;
}

.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0;
}

.ra-fund-robo-notify-bbl-wrapper.ra-notify-at-fund-alloc {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 18;
}

.ra-fpt-row-title[data-robo-type="type-balance"], .ra-fpt-row-data[data-robo-type="type-balance"] {
  background: #FFE9DC;
}
.ra-fpt-row-title[data-robo-type="type-stock"], .ra-fpt-row-data[data-robo-type="type-stock"] {
  background: #DCF4FE;
}
.ra-fpt-row-title[data-robo-type="type-bond"], .ra-fpt-row-data[data-robo-type="type-bond"] {
  background: #EFF2D4;
}
.ra-fpt-row-title[data-robo-type="type-cash"], .ra-fpt-row-data[data-robo-type="type-cash"] {
  background: #E8DFF2;
}

/* 檢視基金配置 表格 */
.ra-fund-alloc-row-del:before {
  width: 18px;
  height: 24px;
  font-family: "Allianz-Icons";
  content: "";
  font-size: 24px;
  color: #414141;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.ra-fund-alloc-row-del:hover:before {
  color: #006192;
}

.ra-fund-alloc-percent-input {
  width: 50px;
}
.ra-fund-alloc-percent-input .nx-formfield__flexfield {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.ra-fund-alloc-percent-input .nx-formfield__input-container {
  width: 30px;
  height: 24px;
  height: 26px;
}
.ra-fund-alloc-percent-input .nx-percent {
  font-size: 0.875rem;
  width: 12px;
}
.ra-fund-alloc-percent-input .nx-formfield__input {
  text-align: center;
}

.ra-fund-alloc-percent-input.disabled {
  opacity: 0.2;
}

.ra-fund-cart-item-header.ra-fund-alloc-type-header,
.ra-fund-cart-subitem-header.ra-fund-alloc-subtype-header {
  width: 100%;
}
.ra-fund-cart-item-header.ra-fund-alloc-type-header:after,
.ra-fund-cart-subitem-header.ra-fund-alloc-subtype-header:after {
  margin-right: 40%;
}

.ra-fund-alloc-type-header-user-info-wrapper {
  width: 80%;
}

.ra-fund-alloc-type-header-user-info,
.ra-fund-alloc-type-header-user-info-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.ra-fund-alloc-type-header-user-info {
  min-width: 120px;
}

.ra-total-percent {
  border: 0px solid yellow;
  font-size: 1.125rem;
  padding-bottom: 3px;
  text-align: right;
  width: 45px;
  display: inline-block;
  margin-left: 2px;
}

.ra-avtr-gender.ra-fund-alloc-gender {
  width: 26px;
  height: 26px;
  background-size: 26px auto;
  margin: 0 8px;
}

.ra-fund-cart-item-header.ra-fund-alloc-type-header .ra-fund-cart-item-title,
.ra-fund-cart-subitem-header.ra-fund-alloc-subtype-header .ra-fund-cart-subitem-title {
  line-height: 28px;
  height: 28px;
  border-left: 1px solid #fff;
  padding-left: 10px;
  margin-left: 5%;
  margin-left: 12px;
}

.ra-fund-cart-subitem-header.ra-fund-alloc-subtype-header .ra-fund-cart-subitem-title {
  padding-left: 42px;
}

.ra-fund-alloc-type-body.close,
.ra-fund-alloc-subtype-body.close {
  display: none;
}

/* 基金頁面，logo header可以向上捲動 */
.ra-survey-main-wrapper.ra-FUND-WRAPPER {
  border: 0px solid yellow;
  top: 0;
  /* $h-fund-footer-header = 60 */
  height: calc(100% - 60px);
  padding-bottom: 80px;
}

.ra-fund-container.ra-FUND-WRAPPER {
  /* $h-ra-header = 70px */
  padding-top: 70px;
}

/* 4分類 置頂選單 */
.ra-topmenu-wrapper, .ra-topmenu-wrapper-fund {
  display: none;
}

.ra-topmenu-wrapper.open, .ra-topmenu-wrapper-fund.open {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 54px;
  background: #cfe9ee;
  /* scroll bar width */
  width: calc(100% - 14px);
}

.ra-topmenu-wrapper.open {
  z-index: 10;
}

.ra-topmenu-wrapper-fund.open {
  z-index: 9;
}

.ra-topmenu-wrapper {
  top: 0;
}

.ra-topmenu-wrapper-fund {
  top: 54px;
}

.ra-topmenu-wrapper-fund.ra-HUMAN-MODE {
  top: 0;
}

.ra-topmenu-wrapper .ra-topmenu-in, .ra-topmenu-wrapper-fund .ra-topmenu-in-fund {
  height: 100%;
  width: 98%;
  max-width: 1024px;
  margin: 0 auto;
}

.ra-topmenu-wrapper.shadow-on .ra-topmenu-in,
.ra-topmenu-wrapper-fund.shadow-on .ra-topmenu-in-fund {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.25);
}

.ra-topmenu-in {
  background: #fff;
}

.ra-topmenu-in-fund {
  background: #f5f5f5;
}

[data-pos="idTopMenuFundPos"] .ra-fpt-header-cell {
  height: 54px;
}
[data-pos="idTopMenuFundPos"] .ra-fpt-header-cell .ra-fpt-th-title-explain-wrapper {
  display: none;
}
[data-pos="idTopMenuFundPos"] [data-cell="tdCheckbox"] .ra-fpt-th-title-wrapper {
  display: none;
}
[data-pos="idTopMenuFundPos"] [data-cell="tdCheckbox"] .ra-fpt-th-title-explain-wrapper {
  display: block;
}

[data-pos="idTopMenuPos"] {
  z-index: 9;
}
[data-pos="idTopMenuPos"] .ra-fund-robomenu-item-wrapper {
  margin: 0;
  width: 25%;
  min-width: auto;
}
[data-pos="idTopMenuPos"] .ra-fund-robomenu-item-wrapper .ra-fund-robomenu-item, [data-pos="idTopMenuPos"] .ra-fund-robomenu-item-wrapper .ra-fund-robomenu-mainitem-wrapper {
  border-radius: 0;
}
[data-pos="idTopMenuPos"] .ra-fund-robomenu-subitem-wrapper {
  display: none;
}
[data-pos="idTopMenuPos"] .ra-fund-robomenu-subitem-toggle {
  display: flex;
}
[data-pos="idTopMenuPos"] .ra-fund-robomenu-item-wrapper.open-submenu .ra-fund-robomenu-subitem-wrapper {
  display: block;
}
[data-pos="idTopMenuPos"] .ra-fund-robomenu-item-wrapper.open-submenu .ra-fund-robomenu-subitem {
  padding-right: 24px;
}
[data-pos="idTopMenuPos"] .ra-fund-robomenu-item-wrapper.open-submenu:after {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 54px;
  content: "";
  width: 100%;
  max-width: 1024px;
  display: block;
  height: 100px;
  background: linear-gradient(180deg, #cfe9ee 0%, rgba(207, 233, 238, 0.5) 75%, rgba(207, 233, 238, 0) 100%);
  left: 50%;
  transform: translateX(-50%);
}

[data-pos="idOriginalMenuPos"] .ra-fund-robomenu-subitem-toggle {
  display: none;
}

/* 基金頁各種popup */
/* 基金配置 百分比 popup */
.ra-fund-check-wrapper {
  text-align: center;
}
.ra-fund-check-wrapper p {
  font-size: 1rem;
}
.ra-fund-check-wrapper img {
  margin-top: 10px;
  width: 160px;
  height: auto;
}

.txt-highlight-pink {
  color: #E82048;
  font-weight: 600;
}

@media (max-width: 600px) {
  .ra-fund-check-wrapper .ra-pc-br {
    display: none;
  }
  .ra-fund-check-wrapper p {
    font-size: 0.875rem;
  }
}
[data-type='idFundAllocCheck_LessThan100'] .ra-fund-check-wrapper {
  display: none;
}
[data-type='idFundAllocCheck_LessThan100'] .ra-fund-check-wrapper[data-type='idFundAllocCheck_LessThan100'] {
  display: block;
}

[data-type='idFundAllocCheck_MoreThan100'] .ra-fund-check-wrapper {
  display: none;
}
[data-type='idFundAllocCheck_MoreThan100'] .ra-fund-check-wrapper[data-type='idFundAllocCheck_MoreThan100'] {
  display: block;
}

/* 基金配置 自動配置 popup */
.txt-highlight-4type {
  font-weight: 600;
}
.txt-highlight-4type[data-type="type-balance"] {
  color: #F07D2D;
}
.txt-highlight-4type[data-type="type-stock"] {
  color: #0A9FDD;
}
.txt-highlight-4type[data-type="type-bond"] {
  color: #8F9F24;
}
.txt-highlight-4type[data-type="type-cash"] {
  color: #5A3982;
}

.TESTWORDS {
  cursor: pointer;
  margin-top: 10px;
  text-align: center;
  font-size: 10px;
}
.TESTWORDS a {
  color: red;
  text-decoration: underline;
  font-weight: bold;
}

/* modal 基金組合建議指引 */
.ra-modal-guide {
  bottom: auto;
  top: 10%;
  max-width: 1000px;
}
.ra-modal-guide .ra-modal-body {
  margin: 10px auto 10px auto;
}
.ra-modal-guide .ra-modal-close {
  background: none;
  right: 10px;
  width: 30px;
  height: 30px;
}
.ra-modal-guide .ra-modal-close:before {
  font-family: "Allianz-Icons";
  content: "";
  display: inline-block;
  font-size: 30px;
  color: #006192;
}

.ra-guide-body-in img {
  width: 100%;
  height: auto;
}

.ra-guide-bbl-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.ra-guide-bbl-wrapper.hide {
  visibility: hidden;
  height: 20px;
}

.ra-guide-title-robot {
  width: 100px;
  height: 92px;
}
.ra-guide-title-robot:before {
  margin-top: -10px;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background: url(../img/robo_act/robo.png) center center no-repeat;
  background-size: 100% auto;
}

h2.ra-guide-title {
  color: #414141;
  font-size: 1.875rem;
  font-weight: 300;
  line-height: 1;
  margin: 0 0 10px 120px;
}
h2.ra-guide-title:after {
  content: "";
  display: inline-block;
  width: 50px;
  height: 36px;
  background: url(../img/guide/guide.png) center center no-repeat;
  background-size: 100% auto;
  margin-left: 5px;
  vertical-align: bottom;
}

.ra-guide-bbl {
  flex: 1;
  padding: 10px;
  background-color: #efefef;
  position: relative;
  margin-left: 15px;
  border-radius: 10px;
}
.ra-guide-bbl p {
  font-size: 0.875rem;
  text-align: justify;
}
.ra-guide-bbl:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 20px 8px 0;
  border-color: transparent #efefef transparent transparent;
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
}

.ra-guide-bbl.ra-guide-bbl-buffett {
  background: url("../img/guide/buffett.png") no-repeat right 5px bottom 5px #efefef;
  background-size: 50px auto;
  padding-right: 70px;
}

.ra-GUIDE-FOR-PC {
  display: block;
}

.ra-GUIDE-FOR-MO {
  display: none;
}

.ra-GUIDE-FOR-PC.hide, .ra-GUIDE-FOR-MO.hide {
  display: none;
}

.ra-modal-btn-wrapper-left-right.hide, .ra-guide-body-wrapper.hide {
  display: none;
}

.ra-modal-header.ra-modal-header-with-switch {
  display: flex;
  flex-wrap: wrap;
}
.ra-modal-header.ra-modal-header-with-switch .ra-guide-title {
  margin-bottom: 0;
}

.switch-field.ra-guide-tabs {
  margin-left: 20px;
}

@media (min-width: 600.98px) and (max-height: 740px) {
  .ra-modal-guide {
    top: 5vh;
  }

  .ra-modal-guide .ra-modal-container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .ra-modal-guide .ra-modal-body {
    width: calc(100% + 10px);
    padding: 0;
    margin-bottom: 20px;
  }
  .ra-modal-guide .ra-modal-footer {
    padding-bottom: 0;
  }

  .ra-guide-body-wrapper {
    overflow-y: auto;
    height: calc(100vh - 320px);
  }
}
@media (max-width: 600px) {
  .ra-GUIDE-FOR-PC {
    display: none;
  }

  .ra-GUIDE-FOR-MO {
    display: block;
  }

  .ra-modal-guide .ra-modal-container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .ra-modal-guide .ra-modal-body {
    width: calc(100% + 10px);
    padding: 0;
    margin-bottom: 20px;
  }
  .ra-modal-guide .ra-modal-footer {
    padding-bottom: 0;
  }

  h2.ra-guide-title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.625rem;
    margin: -10px auto 10px auto;
  }
  h2.ra-guide-title:after {
    width: 35px;
  }

  .ra-guide-title-robot {
    width: 50px;
    height: 46px;
  }

  .ra-guide-body-in .ra-guide-title-robot:before {
    margin-top: 0;
  }
  .ra-guide-body-in .ra-guide-bbl-wrapper {
    margin-bottom: 10px;
  }

  .ra-guide-bbl p {
    font-size: 0.75rem;
  }

  .switch-field.ra-guide-tabs {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto 10px auto;
  }

  .ra-guide-body-wrapper {
    overflow-y: auto;
    height: 420px;
  }

  .ra-modal-header-with-switch .ra-guide-body-wrapper {
    height: 380px;
  }

  .ra-guide-body-in {
    margin-right: 15px;
  }
}
@media (min-width: 360px) and (max-height: 700px) {
  .ra-modal-guide {
    top: 30px;
  }

  .ra-guide-body-wrapper {
    height: 320px;
  }
}
@media (max-width: 359px) {
  .ra-modal-guide {
    top: 30px;
  }

  .ra-guide-body-wrapper {
    height: 280px;
  }
}
@media screen and (max-width: 768px) {
  *::-webkit-scrollbar {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .ra-chat-anchor-wrapper {
    right: 10px;
    bottom: 20px;
    z-index: 3;
    transform: scale(1.2);
  }

  .ra-footer-version {
    right: 10px;
  }

  .ra-footer-version.ra-footer-version-with-footer {
    bottom: calc(60px + 2px);
  }
}
/* ----- text ----- */
@media (max-width: 600px) {
  .txt-idx-pinktitle {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
  }
}
@media (max-width: 600px) {
  .ra-err-wrapper {
    overflow: hidden;
  }

  .ra-err-pinktitle {
    margin: 10px 0;
  }
}
/* pad */
@media (min-width: 601px) and (max-width: 980px) {
  .ra-footer.ra-footer-thx {
    position: absolute;
  }
}
/* landscape phone */
@media (max-height: 600px) and (orientation: landscape) {
  .ra-footer.ra-footer-thx {
    position: static;
  }
}
@media (max-width: 600px) {
  .ra-footer {
    height: 80px;
    position: static;
  }

  .ra-ft-in {
    padding: 0 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
  }

  .ra-ft-link, .ra-ft-copyright {
    width: 100%;
  }

  .ra-ft-link {
    margin-bottom: 5px;
    justify-content: center;
  }

  .ra-ft-link > * {
    margin: 0 5px;
  }

  .ra-ft-copyright {
    margin-top: 5px;
  }

  .ra-footer.ra-footer-thx {
    position: static;
  }
}
@media (max-width: 980px) {
  .ra-idx-wrapper {
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    height: calc(100% - 120px);
    min-height: calc(100vh - 120px);
  }

  .ra-idx-box {
    width: 100%;
    height: auto;
    min-height: auto;
  }

  .ra-idx-box.title-wrapper {
    transform: scale(1);
    transform-origin: top;
    height: 320px;
    margin-top: -10px;
  }

  .ra-idx-pinktitle {
    margin: 30px 0;
  }

  .ra-graph-wrapper-relative {
    width: 60%;
    height: 480px;
    min-height: auto;
    margin: 0 auto;
  }

  .ra-city-box {
    width: 410px;
    height: 480px;
    transform: scale(1) translate(5%, -14%);
    transform: scale(1) translate(2%, -20%);
  }
}
/* pc */
@media (min-width: 601px) and (max-width: 980px) and (max-height: 860px) {
  .ra-body-idx {
    border: 0px solid red;
    height: auto;
  }

  .ra-city-box {
    transform: scale(1) translate(5%, 0%);
  }

  .ra-footer {
    position: static;
  }
}
/* ipad */
@media (min-width: 601px) and (max-width: 980px) and (orientation: portrait) {
  .ra-body-idx {
    border: 0px solid blue;
    overflow: hidden;
  }
}
/* normal phone */
@media (max-width: 600px) {
  .ra-body-idx {
    height: 100%;
  }

  .ra-idx-wrapper {
    overflow-x: hidden;
    min-height: calc(100% - 150px);
    height: auto;
    width: 100%;
  }

  .ra-idx-box.title-wrapper {
    transform: scale(0.9);
    margin-top: 10px;
    height: auto;
  }

  .ra-idx-title {
    width: 90%;
  }

  .ra-idx-pinktitle {
    margin: 16px 0;
    font-size: 15px;
  }

  .ra-graph-wrapper-relative {
    width: 100%;
    height: 430px;
    height: 380px;
  }

  .ra-city-box {
    border: 0px solid blue;
    width: 80vw;
    height: 93.6vw;
    transform: scale(1) translate(-2%, 0%);
    left: 10vw;
    top: 0;
  }

  .ra-city-robot {
    transform-origin: center bottom;
    transform: scale(0.9);
    left: -2vw;
    bottom: 10px;
    bottom: -20px;
  }

  .ra-idx-pinktitle-br {
    display: block;
    height: 0;
  }
}
/* short phone */
@media (max-width: 600px) and (min-height: 680px) {
  .ra-idx-pinktitle-br {
    display: block;
    height: 0;
  }
}
@media (max-width: 600px) {
  .ra-full-video-wrapper {
    width: 100vw;
    height: 56.25vw;
    position: relative;
    box-sizing: content-box;
  }

  .ra-video-close {
    position: absolute;
    top: 0;
    width: 32px;
    height: 32px;
    top: -40px;
    right: -5px;
  }
}
@media (max-width: 1030px) {
  .ra-mask-transparent.ra-mask-privacy {
    height: 130px;
  }
}
@media (max-width: 600px) {
  .ra-mask-transparent.ra-mask-privacy {
    height: 200px;
  }

  .ra-full-video-wrapper {
    margin-top: -20vh;
  }
}
@media (max-width: 340px) {
  .ra-privacy-row {
    flex-direction: column;
  }

  .ra-privacy-col {
    width: 100%;
  }

  .txt-btn-confirm, .txt-btn-secondary {
    font-size: 0.875rem;
  }

  .ra-chart-wrapper .ra-chart-number {
    letter-spacing: 0;
    font-size: 20px !important;
  }
  .ra-chart-wrapper .ra-money::after {
    margin-left: 0;
    width: 28px;
    height: 40px;
    background-size: 28px auto;
  }
}
@media (max-width: 980px) {
  .ra-thx-robot-wrapper {
    max-width: 620px;
    max-width: 660px;
  }
}
/* long pc */
@media (min-width: 981px) and (min-height: 900px) {
  .ra-thx-banner-wrapper {
    height: 50vh;
  }
}
/* pad */
@media (min-width: 661px) and (max-width: 980px) and (min-height: 900px) {
  .ra-thx-robot-wrapper {
    min-height: 400px;
  }

  .ra-thx-banner-wrapper {
    min-height: calc(100vh - 520px);
  }
  .ra-thx-banner-wrapper > * {
    margin: 20px 0;
  }
}
@media (max-width: 660px) {
  .ra-thx-robot-wrapper {
    width: 100%;
    flex-direction: column;
    justify-content: space-around;
    padding-top: 10px;
    padding-bottom: 30px;
  }

  .ra-thx-box.share-wrapper-video {
    margin-top: 20px;
  }
}
@media (max-width: 600px) {
  .ra-thx-swiper-pagination {
    width: 100%;
  }

  .ra-thx-swiper-button-prev, .ra-thx-swiper-button-next {
    display: none;
  }
}
/* long pc */
@media (min-width: 1200px) {
  .ra-msg-sec {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
  }

  .msg-box-robot.msg-no-avatar {
    justify-content: flex-start;
    padding-left: 50px;
  }

  .msg-bbl.msg-bbl-with-tail, .msg-bbl.msg-bbl-user, .msg-bbl.msg-bbl-cont-words {
    max-width: 500px;
  }
}
/* mobile */
@media (max-width: 600px) {
  .msg-bbl, .msg-bbl-column {
    max-width: 95%;
  }
}
/* pc, ipad landscape */
@media (min-width: 980.98px) {
  .ra-memo-wrapper-pc {
    width: 360px;
  }

  .ra-chat-wrapper {
    width: calc(100% - 360px);
  }

  .ra-chat-memo-icon {
    display: none;
  }

  .ra-mask-memolist {
    display: none;
  }
}
@media (max-width: 980px) {
  .ra-memo-wrapper-pc {
    display: none;
  }

  .ra-chat-wrapper {
    width: 100%;
  }

  .ra-chat-memo-icon {
    display: flex;
  }
}
/* pc */
@media (min-width: 980.98px) {
  .ra-memo-sec {
    width: 100%;
  }
}
/* ipad portrait */
@media (min-width: 600.98px) and (max-width: 980px) {
  .ra-memo-content-wrapper {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .ra-memo-sec {
    width: 50%;
  }

  .ra-memo-sec-last {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .ra-memo-sec {
    width: 100%;
  }
}
@media (min-width: 600.98px) {
  .msg-bbl.msg-bbl-maxwidth {
    max-width: 500px !important;
  }
}
@media (min-width: 500.98px) {
  .msg-carousell {
    max-width: none;
  }
}
@media (max-width: 980px) {
  .ra-chat-and-memo-wrapper {
    border: 0px solid red;
    height: 100%;
  }

  .ra-chat-wrapper .ra-chat-main-wrapper {
    border: 0px solid green;
    height: calc(100% - 70px);
  }
}
@media (max-width: 600px) {
  .ra-chat-and-memo-wrapper {
    height: 100%;
  }
}
/* pc */
.ra-modal-position.ra-modal-personalinfo {
  width: 90%;
  max-width: 600px;
  top: 40%;
  transform: translate(-50%, -40%);
}

.ra-modal-position.ra-modal-personalask {
  width: 90%;
  max-width: 600px;
  top: 40%;
  transform: translate(-50%, -40%);
}

/* pad */
@media (min-width: 601px) and (max-width: 980px) {
  .ra-modal-position.ra-modal-personalinfo {
    max-width: 600px;
    height: 600px;
    top: 40%;
    transform: translate(-50%, -40%);
  }

  .ra-modal-container.ra-modal-personalinfo {
    height: 100%;
  }

  .msg-bbl-note-scroll {
    height: 400px;
  }

  .ra-modal-position.ra-modal-personalask {
    max-width: 600px;
    top: 40%;
    transform: translate(-50%, -40%);
  }
}
/* phone */
@media (max-width: 600px) {
  .ra-modal-position.ra-modal-personalinfo {
    max-width: 400px;
    height: auto;
    top: 30%;
    transform: translate(-50%, -30%);
  }

  .msg-bbl-note-scroll {
    height: 200px;
  }

  .ra-modal-position.ra-modal-personalask {
    max-width: 400px;
    top: 40%;
    transform: translate(-50%, -40%);
  }
}
/* short phone */
@media (max-width: 600px) and (max-height: 600px) {
  .ra-modal-position.ra-modal-personalinfo {
    max-width: 400px;
    top: 30%;
    transform: translate(-50%, -30%);
  }

  .msg-bbl-note-scroll {
    height: 100px;
  }

  .msg-bbl-btn-wrapper > * {
    margin: 3px 0;
  }

  .ra-modal-position.ra-modal-personalask {
    max-width: 400px;
    top: 40%;
    transform: translate(-50%, -40%);
  }
}
/* 完整版 */
/* phone */
@media (max-width: 600px) {
  .ra-header {
    padding-right: 10px;
  }
}
.ra-modal-btn-wrapper-left-right.ra-pc-oneline {
  min-width: 500px;
}
.ra-modal-btn-wrapper-left-right.ra-pc-oneline .ra-half-btn {
  width: 40%;
}

@media (max-width: 600px) {
  .ra-modal-btn-wrapper-left-right.ra-pc-oneline {
    min-width: auto;
    flex-direction: column;
  }
  .ra-modal-btn-wrapper-left-right.ra-pc-oneline .ra-half-btn {
    width: 100%;
    margin-top: 10px;
  }
}
/* ----- wpd progress ----- */
.ra-mo-2button-wrapper {
  display: flex;
  width: auto;
  justify-content: flex-start;
  align-items: center;
}

@media (min-width: 600.98px) {
  .ra-progress-wrapper-mo {
    display: none;
  }

  .ra-mo-only, .ra-mo-2button-wrapper {
    display: none;
  }
}
@media (max-width: 600px) {
  .ra-progress-wrapper.ra-pc-only {
    display: none;
  }

  .ra-progress-wrapper-mo.ra-progress-ABSOLUTEMODE {
    position: absolute;
  }

  .ra-progress-bbl-mo.ra-progress-ABSOLUTEMODE {
    position: absolute;
    top: 15px;
  }
  .ra-progress-bbl-mo.ra-progress-ABSOLUTEMODE:before {
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -15px;
    right: calc(2% + 8px);
  }
}
/* ----- s2 survey ----- */
@media (max-width: 480px) {
  .ra-survey-icon {
    transform: scale(0.8);
    transform-origin: top;
  }

  .ra-survey-item.animate-it .ra-survey-icon {
    opacity: 1;
    animation: bounce-1-mo 0.6s;
  }

  .ra-survey-item .ra-survey-content:before {
    top: 10px;
    border-right-width: 10px;
    margin-left: -10px;
  }

  .ra-survey-item {
    margin-bottom: 40px;
  }

  .ra-survey-item:before {
    top: 40px;
  }
}
@media (max-width: 600px) {
  .ra-rst-changeline {
    display: block;
    height: 0;
    margin-bottom: -5px;
  }

  .ra-survey-rst-wrapper {
    min-height: 700px;
  }
}
/* small phone */
@media (max-width: 340px) {
  .ra-survey-user-rst p {
    font-size: 13px;
  }

  span.ra-survey-user-rst-score, span.ra-survey-user-rst-type {
    font-size: 18px;
  }

  .ra-rst-score-title, .ra-rst-type-title, .ra-rst-score, .ra-rst-type {
    padding: 10px 15px;
  }

  .ra-rst-score {
    padding-left: 5px;
    padding-right: 5px;
  }
}
/* ----- s2 risktype ----- */
@media (max-width: 800px) {
  .ra-risktype-wrapper {
    width: 90%;
    margin: 0 auto;
  }

  .ra-risktype-body {
    padding: 15px;
  }
  .ra-risktype-body p {
    font-size: 0.875rem;
  }
  .ra-risktype-body small {
    font-size: 50%;
  }

  .ra-risktype-radiogroup-wrapper ul.ra-risktype-rst-table {
    border: 0px solid green;
    margin-top: 20px;
    flex-direction: column;
  }
  .ra-risktype-radiogroup-wrapper ul.ra-risktype-rst-table li {
    width: 100%;
    display: inline-block;
    text-align: center;
  }
  .ra-risktype-radiogroup-wrapper ul.ra-risktype-rst-table li:not(:last-child) {
    border-right: 0;
    border-bottom: 2px dotted #767676;
  }

  .ra-risktype-radiobtn, .ra-risktype-donut, .ra-risktype-article {
    display: inline-block;
  }

  .ra-risktype-radiobtn, .ra-risktype-donut {
    vertical-align: top;
  }

  .ra-risktype-radiobtn {
    margin-top: 20px;
    display: inline-block;
    width: 100px;
  }

  .ra-risktype-donut {
    width: calc(100% - 120px);
  }

  .ra-risktype-radio[type="radio"]:checked + label,
  .ra-risktype-radio[type="radio"]:not(:checked) + label {
    width: 100%;
    display: inline-block;
    border-radius: 15px;
  }
  .ra-risktype-radio[type="radio"]:checked + label .ra-icon--check,
  .ra-risktype-radio[type="radio"]:not(:checked) + label .ra-icon--check {
    display: block;
    width: 100%;
    margin: 0 auto;
  }

  .ra-risktype-article {
    padding-left: 0;
    padding-right: 0;
    font-size: 0.75rem;
  }
}
@media (max-width: 480px) {
  .ra-risktype-radiogroup-wrapper ul.ra-risktype-rst-table li {
    text-align: center;
  }

  .ra-risktype-wrapper {
    width: 90%;
  }

  .ra-risktype-body {
    padding: 15px 7px;
  }

  .ra-risktype-radiobtn {
    display: inline-block;
    width: 80px;
  }

  .ra-risktype-donut {
    width: calc(100% - 90px);
  }
}
/* ----- s2 fundlist ----- */
@media (max-width: 800px) {
  .ra-fundlist-2column-wrapper .ra-fundlist-wrapper, .ra-fundlist-2column-wrapper .ra-fundlist-rst-container {
    width: 48%;
  }

  .ra-fundlist-rst-table-wrapper .ra-chart-title > * {
    font-size: 0.75rem;
  }
  .ra-fundlist-rst-table-wrapper .ra-rate-title, .ra-fundlist-rst-table-wrapper .ra-rate {
    width: 120px;
  }
  .ra-fundlist-rst-table-wrapper .ra-money, .ra-fundlist-rst-table-wrapper .ra-money-title {
    width: calc(100% - 130px);
  }
}
@media (max-width: 768px) {
  .ra-fundlist-wrapper .ra-summary-fundlist-in {
    height: 300px;
  }
}
@media (max-width: 600px) {
  .ra-fundlist-body .ra-modal-btn-wrapper-left-right {
    padding: 0px 20px 10px 20px;
  }
}
@media (max-width: 340px) {
  .ra-fundlist-user-rst {
    padding-left: 5px;
    padding-right: 5px;
  }

  .ra-fundlist-rst-table-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* ----- s3 summary ----- */
@media (max-width: 600px) {
  .msg-carousell.ra-for-s3-summary .ra-summary-swiper-slide {
    width: 100%;
  }
  .msg-carousell.ra-for-s3-summary .msg-swipe-card {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .ra-summary-rst-wrapper p {
    text-align: left;
  }

  .ra-modal-btn-wrapper-left-right {
    margin-top: 0;
  }
}
/* 基金選擇表 */
/* top */
@media (max-width: 980px) {
  .ra-fpt-th-title {
    font-size: 0.75rem;
  }

  .ra-topmenu-wrapper.open, .ra-topmenu-wrapper-fund.open {
    width: 100%;
  }
  .ra-topmenu-wrapper.open .ra-fpt-header-row, .ra-topmenu-wrapper-fund.open .ra-fpt-header-row {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 600px) {
  .ra-fund-container {
    width: 100%;
  }

  .ra-topmenu-wrapper-fund .ra-topmenu-in-fund {
    width: 100%;
  }

  .ra-topmenu-wrapper .ra-topmenu-in, .ra-topmenu-wrapper-fund .ra-topmenu-in-fund {
    width: 100%;
  }
}
/* chart, main menu */
@media (max-width: 1052px) {
  .msg-carousell.ra-for-fund-four-type-menu .ra-summary-swiper-slide:last-child {
    width: 180px;
    padding-right: 20px;
  }
}
@media (max-width: 600px) {
  .ra-fundbox-body.ra-fundbox-body-chart-and-menu {
    flex-direction: column;
    align-items: center;
  }

  [data-pos="idOriginalMenuPos"] {
    width: 98%;
    margin-left: 1%;
  }

  [data-pos="idTopMenuPos"] .ra-fund-robomenu-item {
    flex-direction: column;
  }
  [data-pos="idTopMenuPos"] .ra-robomenu-item-name p {
    font-size: 10px !important;
  }
  [data-pos="idTopMenuPos"] .ra-robomenu-item-name p .ra-balance-br {
    display: none;
  }
  [data-pos="idTopMenuPos"] .ra-robomenu-item-name, [data-pos="idTopMenuPos"] .ra-robomenu-item-percent {
    border: 0px solid blue;
    width: 100%;
  }
  [data-pos="idTopMenuPos"] .ra-robomenu-item-name {
    flex: 1;
  }
  [data-pos="idTopMenuPos"] .ra-robomenu-item-percent {
    text-align: right;
    height: 20px;
  }
  [data-pos="idTopMenuPos"] .ra-robomenu-item-name:before {
    display: none;
  }
  [data-pos="idTopMenuPos"] .ra-fund-robomenu-item-wrapper {
    overflow-x: visible;
  }
  [data-pos="idTopMenuPos"] .ra-fund-robomenu-subitem-wrapper {
    width: 400%;
  }
  [data-pos="idTopMenuPos"] .ra-fund-robomenu-item-wrapper:nth-of-type(1) .ra-fund-robomenu-subitem-wrapper {
    transform: translateX(0%);
  }
  [data-pos="idTopMenuPos"] .ra-fund-robomenu-item-wrapper:nth-of-type(2) .ra-fund-robomenu-subitem-wrapper {
    transform: translateX(-25%);
  }
  [data-pos="idTopMenuPos"] .ra-fund-robomenu-item-wrapper:nth-of-type(3) .ra-fund-robomenu-subitem-wrapper {
    transform: translateX(-50%);
  }
  [data-pos="idTopMenuPos"] .ra-fund-robomenu-item-wrapper:nth-of-type(4) .ra-fund-robomenu-subitem-wrapper {
    transform: translateX(-75%);
  }

  [data-pos="idOriginalMenuPos"] {
    width: 98%;
    margin: 0 1%;
  }
}
/* fundbox header */
@media (min-width: 760.8px) and (max-width: 980px) {
  .ra-fundbox-body {
    padding-left: 5px;
    padding-right: 5px;
  }

  .ra-fpt-th-title-clearall-wrapper {
    padding-left: 5px;
  }

  .ra-fpt-table-cell[data-cell="tdPercent"] {
    padding-left: 5px;
  }
}
@media (max-width: 830px) {
  .ra-fund-alloc-percent-input .nx-formfield__input {
    font-size: 90%;
  }
}
@media (min-width: 760.8px) {
  [data-txt="idFundTitleAlloc"] {
    min-width: 200px;
  }
}
@media (max-width: 760px) {
  .ra-fundbox-header {
    flex-direction: column;
    height: auto;
    padding: 0 10px;
    flex-direction: column;
  }

  .ra-fundbox-title h2 {
    font-size: 1.625rem;
    flex-grow: 1;
    padding-right: 8px;
  }
  .ra-fundbox-title p {
    font-size: 0.875rem;
    width: 85px;
    padding-left: 10px;
  }
  .ra-fundbox-title p.ra-title-long-p {
    width: 182px;
  }
  .ra-fundbox-title .ra-btn-br {
    display: block;
    height: 0px;
  }
  .ra-fundbox-title [data-txt="idFundTitleAlloc"] {
    font-size: 1.5rem;
  }

  .ra-fundbox-tool {
    margin-top: -10px;
    margin-bottom: 15px;
  }
  .ra-fundbox-tool .ra-btn-br {
    display: none;
  }

  .ra-fundbox-tool .ra-btn, .ra-fundbox-tool .ra-btn.ra-btn-word4, .ra-fundbox-tool .ra-btn.ra-btn-word6, .ra-fund-footer-btn-in .ra-btn, .ra-fund-footer-btn-in .ra-btn.ra-btn-word4, .ra-fund-footer-btn-in .ra-btn.ra-btn-word6 {
    width: auto;
    height: auto;
    padding: 5px;
  }
  .ra-fundbox-tool .ra-btn span, .ra-fundbox-tool .ra-btn.ra-btn-word4 span, .ra-fundbox-tool .ra-btn.ra-btn-word6 span, .ra-fund-footer-btn-in .ra-btn span, .ra-fund-footer-btn-in .ra-btn.ra-btn-word4 span, .ra-fund-footer-btn-in .ra-btn.ra-btn-word6 span {
    width: auto;
  }

  .ra-fundbox-header.ra-one-row-on-mobile {
    flex-direction: row;
    justify-content: center;
  }
  .ra-fundbox-header.ra-one-row-on-mobile .ra-fundbox-tool {
    margin: 0;
  }
}
/* 進階篩選- filter */
@media (max-width: 600px) {
  .ra-fund-adv-filter, .ra-fund-adv-filter-ul-toggle-wrapper {
    display: none;
  }

  .ra-fund-adv-filter-button-for-mobile {
    display: flex;
  }

  .ra-fund-adv-filter-rst-wrapper {
    flex-wrap: wrap;
    padding: 10px;
  }
  .ra-fund-adv-filter-rst-wrapper .ra-fund-adv-filter-rst-title {
    font-size: 0.875rem;
    order: 1;
    flex: 1;
  }
  .ra-fund-adv-filter-rst-wrapper .ra-fund-adv-filter-rst-tag-all {
    order: 2;
    margin-left: auto;
    width: auto;
  }
  .ra-fund-adv-filter-rst-wrapper .ra-fund-adv-filter-rst-list {
    order: 3;
    width: 100%;
    margin-top: 0px;
    padding-top: 10px;
    border-top: 1px solid #fff;
  }
  .ra-fund-adv-filter-rst-wrapper .ra-fund-adv-filter-rst-tag {
    font-size: 0.75rem;
    height: 24px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .ra-fund-adv-filter-rst-wrapper .ra-fund-adv-filter-rst-tag .ra-tag-del-btn {
    margin-left: 5px;
  }
}
/* explain */
@media (max-width: 760px) {
  .ra-fpt-th-explain-body {
    border: 0px solid red;
    height: auto;
    left: auto;
  }
  .ra-fpt-th-explain-body[data-explain-body="idExplainFundRewardRatio"] {
    width: 333%;
    right: 0%;
  }
  .ra-fpt-th-explain-body[data-explain-body="idExplainFundThreeYear"] {
    width: 500%;
    right: -150%;
  }
  .ra-fpt-th-explain-body[data-explain-body="idExplainFundOneMonth"] {
    width: 500%;
    right: -250%;
  }
  .ra-fpt-th-explain-body[data-explain-body="idExplainFundRisk"] {
    width: 666%;
    right: -466.2%;
  }
  .ra-fpt-th-explain-body[data-explain-body="idExplainFundMoney"] {
    width: 666%;
    right: -566.1%;
  }
}
/* fund pick table 選擇基金列表 */
@media (max-width: 760px) {
  .ra-fund-pick-info.ra-with-switch {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .ra-fund-pick-info.ra-with-switch .ra-fund-switch-bytype-crosstype {
    margin: 10px 0;
  }

  .ra-topmenu-wrapper-fund.open {
    height: 70px;
  }

  .ra-fpt-table-cell {
    font-size: 0.875rem;
  }

  .ra-fund-pick-table {
    width: calc(100% + 40px);
  }

  [data-pos="idOriginalMenuFundPos"] .ra-fpt-header-row, [data-pos="idOriginalMenuFundPos_cross"] .ra-fpt-header-row,
  [data-pos="idTopMenuFundPos"] .ra-fpt-header-row {
    flex-wrap: wrap;
  }
  [data-pos="idOriginalMenuFundPos"] .ra-fpt-header-cell[data-cell="tdCheckbox"], [data-pos="idOriginalMenuFundPos_cross"] .ra-fpt-header-cell[data-cell="tdCheckbox"],
  [data-pos="idTopMenuFundPos"] .ra-fpt-header-cell[data-cell="tdCheckbox"] {
    padding-left: 10px;
    width: 25%;
    align-items: flex-start;
  }
  [data-pos="idOriginalMenuFundPos"] .ra-fpt-header-cell[data-cell="tdCheckbox"] .ra-fpt-th-title-wrapper, [data-pos="idOriginalMenuFundPos"] .ra-fpt-header-cell[data-cell="tdCheckbox"] .ra-fpt-th-title-clearall-wrapper, [data-pos="idOriginalMenuFundPos_cross"] .ra-fpt-header-cell[data-cell="tdCheckbox"] .ra-fpt-th-title-wrapper, [data-pos="idOriginalMenuFundPos_cross"] .ra-fpt-header-cell[data-cell="tdCheckbox"] .ra-fpt-th-title-clearall-wrapper,
  [data-pos="idTopMenuFundPos"] .ra-fpt-header-cell[data-cell="tdCheckbox"] .ra-fpt-th-title-wrapper,
  [data-pos="idTopMenuFundPos"] .ra-fpt-header-cell[data-cell="tdCheckbox"] .ra-fpt-th-title-clearall-wrapper {
    height: 20px;
  }
  [data-pos="idOriginalMenuFundPos"] .ra-fpt-header-cell[data-cell="tdFundName"], [data-pos="idOriginalMenuFundPos_cross"] .ra-fpt-header-cell[data-cell="tdFundName"],
  [data-pos="idTopMenuFundPos"] .ra-fpt-header-cell[data-cell="tdFundName"] {
    width: 75%;
    align-items: flex-start;
  }
  [data-pos="idOriginalMenuFundPos"] .ra-fpt-header-cell[data-cell="tdFundName"] .ra-fpt-th-title-explain-wrapper, [data-pos="idOriginalMenuFundPos_cross"] .ra-fpt-header-cell[data-cell="tdFundName"] .ra-fpt-th-title-explain-wrapper,
  [data-pos="idTopMenuFundPos"] .ra-fpt-header-cell[data-cell="tdFundName"] .ra-fpt-th-title-explain-wrapper {
    display: none;
  }
  [data-pos="idOriginalMenuFundPos"] .ra-fpt-header-cell[data-cell="tdPercent"], [data-pos="idOriginalMenuFundPos_cross"] .ra-fpt-header-cell[data-cell="tdPercent"],
  [data-pos="idTopMenuFundPos"] .ra-fpt-header-cell[data-cell="tdPercent"] {
    padding-left: 10px;
    width: 25%;
    align-items: flex-start;
  }
  [data-pos="idOriginalMenuFundPos"] .ra-fpt-header-cell[data-cell="tdPercent"] .ra-fpt-th-title-wrapper, [data-pos="idOriginalMenuFundPos"] .ra-fpt-header-cell[data-cell="tdPercent"] .ra-fpt-th-title-clearall-wrapper, [data-pos="idOriginalMenuFundPos_cross"] .ra-fpt-header-cell[data-cell="tdPercent"] .ra-fpt-th-title-wrapper, [data-pos="idOriginalMenuFundPos_cross"] .ra-fpt-header-cell[data-cell="tdPercent"] .ra-fpt-th-title-clearall-wrapper,
  [data-pos="idTopMenuFundPos"] .ra-fpt-header-cell[data-cell="tdPercent"] .ra-fpt-th-title-wrapper,
  [data-pos="idTopMenuFundPos"] .ra-fpt-header-cell[data-cell="tdPercent"] .ra-fpt-th-title-clearall-wrapper {
    height: 20px;
  }
  [data-pos="idOriginalMenuFundPos"] .ra-fpt-header-cell[data-cell="tdPercent"] .ra-fpt-th-title-wrapper a, [data-pos="idOriginalMenuFundPos"] .ra-fpt-header-cell[data-cell="tdPercent"] .ra-fpt-th-title-clearall-wrapper a, [data-pos="idOriginalMenuFundPos_cross"] .ra-fpt-header-cell[data-cell="tdPercent"] .ra-fpt-th-title-wrapper a, [data-pos="idOriginalMenuFundPos_cross"] .ra-fpt-header-cell[data-cell="tdPercent"] .ra-fpt-th-title-clearall-wrapper a,
  [data-pos="idTopMenuFundPos"] .ra-fpt-header-cell[data-cell="tdPercent"] .ra-fpt-th-title-wrapper a,
  [data-pos="idTopMenuFundPos"] .ra-fpt-header-cell[data-cell="tdPercent"] .ra-fpt-th-title-clearall-wrapper a {
    font-size: 0.75rem;
  }
  [data-pos="idOriginalMenuFundPos"] .ra-fpt-header-cell[data-cell="tdPercentFundName"], [data-pos="idOriginalMenuFundPos_cross"] .ra-fpt-header-cell[data-cell="tdPercentFundName"],
  [data-pos="idTopMenuFundPos"] .ra-fpt-header-cell[data-cell="tdPercentFundName"] {
    width: 75%;
    align-items: flex-start;
  }
  [data-pos="idOriginalMenuFundPos"] .ra-fpt-header-cell[data-cell="tdPercentFundName"] .ra-fpt-th-title-explain-wrapper, [data-pos="idOriginalMenuFundPos_cross"] .ra-fpt-header-cell[data-cell="tdPercentFundName"] .ra-fpt-th-title-explain-wrapper,
  [data-pos="idTopMenuFundPos"] .ra-fpt-header-cell[data-cell="tdPercentFundName"] .ra-fpt-th-title-explain-wrapper {
    display: none;
  }
  [data-pos="idOriginalMenuFundPos"] .ra-fpt-header-cell[data-cell="tdFundMoney"], [data-pos="idOriginalMenuFundPos_cross"] .ra-fpt-header-cell[data-cell="tdFundMoney"],
  [data-pos="idTopMenuFundPos"] .ra-fpt-header-cell[data-cell="tdFundMoney"] {
    width: 15%;
  }
  [data-pos="idOriginalMenuFundPos"] .ra-fpt-header-cell[data-cell="tdFundRisk"], [data-pos="idOriginalMenuFundPos_cross"] .ra-fpt-header-cell[data-cell="tdFundRisk"],
  [data-pos="idTopMenuFundPos"] .ra-fpt-header-cell[data-cell="tdFundRisk"] {
    width: 15%;
  }
  [data-pos="idOriginalMenuFundPos"] .ra-fpt-header-cell[data-cell="tdFundOneMonth"], [data-pos="idOriginalMenuFundPos_cross"] .ra-fpt-header-cell[data-cell="tdFundOneMonth"],
  [data-pos="idTopMenuFundPos"] .ra-fpt-header-cell[data-cell="tdFundOneMonth"] {
    width: 20%;
  }
  [data-pos="idOriginalMenuFundPos"] .ra-fpt-header-cell[data-cell="tdFundThreeYear"], [data-pos="idOriginalMenuFundPos_cross"] .ra-fpt-header-cell[data-cell="tdFundThreeYear"],
  [data-pos="idTopMenuFundPos"] .ra-fpt-header-cell[data-cell="tdFundThreeYear"] {
    width: 20%;
  }
  [data-pos="idOriginalMenuFundPos"] .ra-fpt-header-cell[data-cell="tdFundRewardRatio"], [data-pos="idOriginalMenuFundPos_cross"] .ra-fpt-header-cell[data-cell="tdFundRewardRatio"],
  [data-pos="idTopMenuFundPos"] .ra-fpt-header-cell[data-cell="tdFundRewardRatio"] {
    width: 30%;
  }
  [data-pos="idOriginalMenuFundPos"] .ra-fpt-header-cell[data-cell="tdCheckbox"], [data-pos="idOriginalMenuFundPos"] .ra-fpt-header-cell[data-cell="tdFundName"], [data-pos="idOriginalMenuFundPos_cross"] .ra-fpt-header-cell[data-cell="tdCheckbox"], [data-pos="idOriginalMenuFundPos_cross"] .ra-fpt-header-cell[data-cell="tdFundName"],
  [data-pos="idTopMenuFundPos"] .ra-fpt-header-cell[data-cell="tdCheckbox"],
  [data-pos="idTopMenuFundPos"] .ra-fpt-header-cell[data-cell="tdFundName"] {
    height: 50px;
  }

  [data-pos="idOriginalMenuFundPos"] .ra-fpt-header-cell, [data-pos="idOriginalMenuFundPos_cross"] .ra-fpt-header-cell {
    height: 60px;
  }

  [data-pos="idTopMenuFundPos"] .ra-fpt-header-cell {
    height: 36px;
  }

  .ra-topmenu-wrapper.open .ra-fpt-header-row, .ra-topmenu-wrapper-fund.open .ra-fpt-header-row {
    padding-left: 0;
    padding-right: 0;
  }
  .ra-topmenu-wrapper.open .ra-fpt-header-cell[data-cell="tdCheckbox"], .ra-topmenu-wrapper.open .ra-fpt-header-cell[data-cell="tdFundName"], .ra-topmenu-wrapper-fund.open .ra-fpt-header-cell[data-cell="tdCheckbox"], .ra-topmenu-wrapper-fund.open .ra-fpt-header-cell[data-cell="tdFundName"] {
    height: 30px;
  }

  /* tbody */
  .ra-fpt-table-cell[data-cell="tdCheckbox"] .ra-fpt-td-checkbox-wrapper {
    transform: scale(0.8);
    transform-origin: right center;
  }
  .ra-fpt-table-cell[data-cell="tdFundName"] {
    padding-right: 10px;
  }
  .ra-fpt-table-cell[data-cell="tdPercent"] {
    width: 20%;
    padding-left: 0;
    padding-right: 0;
  }
  .ra-fpt-table-cell[data-cell="tdPercentFundName"] {
    width: 80%;
    padding-right: 10px;
  }
  .ra-fpt-table-cell[data-cell="tdEmptyPadding"] {
    width: 0%;
  }
  .ra-fpt-table-cell[data-cell="tdFundMoney"] {
    width: 15%;
  }
  .ra-fpt-table-cell[data-cell="tdFundrRisk"] {
    width: 15%;
  }
  .ra-fpt-table-cell[data-cell="tdFundOneMonth"] {
    width: 20%;
  }
  .ra-fpt-table-cell[data-cell="tdFundThreeYear"] {
    width: 20%;
  }
  .ra-fpt-table-cell[data-cell="tdFundRewardRatio"] {
    width: 30%;
  }
}
/* 表格中的收合 */
@media (max-width: 980px) {
  .ra-fund-cart-item-header.ra-fund-alloc-type-header:after,
  .ra-fund-cart-subitem-header.ra-fund-alloc-subtype-header:after {
    margin-right: 0;
  }
}
@media (max-width: 630px) {
  .ra-fund-alloc-type-header-user-info-wrapper {
    width: 100%;
  }

  .ra-fund-alloc-type-header-user-info {
    padding-left: 5px;
    min-width: 60px;
  }
  .ra-fund-alloc-type-header-user-info span.ra-fund-alloc-gender {
    width: 20px;
    height: 20px;
    background-size: 20px auto;
    margin: 0 2px;
  }
  .ra-fund-alloc-type-header-user-info .ra-total-txt {
    display: flex;
    flex-direction: column;
    width: 30px;
    padding-left: 2px;
  }
  .ra-fund-alloc-type-header-user-info .ra-total-txt span {
    border: 0px solid blue;
    font-size: 12px;
  }
  .ra-fund-alloc-type-header-user-info .ra-total-txt span:first-child {
    text-align: left;
  }
  .ra-fund-alloc-type-header-user-info .ra-total-txt .ra-total-percent {
    padding: 0;
    width: 100%;
    margin-left: 0;
  }
  .ra-fund-alloc-type-header-user-info .ra-robot-advise {
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-end;
    width: 75px;
  }
  .ra-fund-alloc-type-header-user-info .ra-robot-advise span:first-child {
    width: 50px;
  }
  .ra-fund-alloc-type-header-user-info .ra-robot-advise .ra-total-percent {
    width: 20px;
  }

  .ra-fund-cart-item-header.ra-fund-alloc-type-header .ra-fund-cart-item-title,
  .ra-fund-cart-subitem-header.ra-fund-alloc-subtype-header .ra-fund-cart-subitem-title {
    margin-left: 10px;
  }
  .ra-fund-cart-item-header.ra-fund-alloc-type-header .ra-fund-cart-item-title:before,
  .ra-fund-cart-subitem-header.ra-fund-alloc-subtype-header .ra-fund-cart-subitem-title:before {
    margin-left: 0;
  }

  .ra-fund-cart-subitem-header.ra-fund-alloc-subtype-header .ra-fund-cart-subitem-title {
    padding-left: 38px;
  }

  .ra-fpt-table-cell[data-cell="tdPercent"] {
    flex-direction: column;
  }
  .ra-fpt-table-cell[data-cell="tdPercent"] .ra-fund-alloc-row-del {
    margin-top: 10px;
    margin-left: -5px;
  }
  .ra-fpt-table-cell[data-cell="tdPercent"] .c-input {
    font-size: 1rem;
  }
}
@media (max-width: 370px) {
  .ra-fund-cart-item-header.ra-fund-alloc-type-header .ra-fund-cart-item-title,
  .ra-fund-cart-subitem-header.ra-fund-alloc-subtype-header .ra-fund-cart-subitem-title {
    font-size: 13px;
  }
}
@media (max-width: 358px) {
  .ra-fund-cart-item-header.ra-fund-alloc-type-header .ra-fund-cart-item-title,
  .ra-fund-cart-subitem-header.ra-fund-alloc-subtype-header .ra-fund-cart-subitem-title {
    font-size: 12px;
  }
}
@media (max-width: 340px) {
  .ra-fund-cart-subitem-header.ra-fund-alloc-subtype-header .ra-fund-cart-subitem-title {
    padding-left: 12px;
  }

  .ra-fund-cart-item-header.ra-fund-alloc-type-header .ra-fund-cart-item-title:before {
    display: none;
  }
}
/* footer */
@media (max-width: 980px) {
  .ra-fund-robo-notify-bbl-wrapper.ra-notify-at-footer {
    width: 100%;
    max-width: 480px;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
  }
  .ra-fund-robo-notify-bbl-wrapper.ra-notify-at-footer .ra-fund-robo-notify-bbl {
    width: 100%;
  }

  [data-pos="idFooterCartInside"] .ra-fund-robo-notify-bbl-wrapper.ra-notify-at-footer {
    position: static;
    transform: translateX(0);
    margin: 0 auto;
  }

  .ra-fund-footer-body-in {
    height: calc(100% - 30px);
  }

  .ra-fund-robo-notify-close {
    flex-direction: row;
    width: 80px;
    padding: 5px 0;
  }
}
@media (max-width: 600px) {
  .ra-fund-footer-header .ra-fund-footer-header-in {
    flex-direction: column;
  }
  .ra-fund-footer-header .ra-fund-footer-header-in p, .ra-fund-footer-header .ra-fund-footer-header-in span {
    font-size: 0.875rem;
  }

  .ra-fund-footer-summary-wrapper {
    width: 100%;
    margin-bottom: 5px;
    border: 1px solid red;
  }

  .ra-fund-footer-square-btn {
    height: 22px;
    padding-top: 2px;
  }

  .ra-fund-footer-circle-btn:before {
    width: 20px;
    height: 20px;
    background-size: 20px auto;
  }

  .ra-btn-br {
    display: none;
  }

  /* 比pc版 - 120px */
  .ra-fund-footer.open {
    height: 500px;
  }
  .ra-fund-footer.open .ra-fund-footer-body {
    height: 380px;
  }
  .ra-fund-footer.open .ra-fund-footer-body-in {
    width: 90%;
    margin: 0 auto;
  }
}
.index-br-for-mobile {
  display: none;
}

@media screen and (max-width: 400px) {
  .index-br-for-mobile {
    display: block;
    height: 0px;
  }
}