.full_href {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.d-flex {
  display: flex;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

.d-none {
  display: none;
}

@media only screen and (min-width: 768px) {
  .d-md-none {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .d-md-block {
    display: block!important;
  }
}

@media only screen and (min-width: 1200px) {
  .d-xl-block {
    display: block !important;
  }
}

.w-50p {
  width: 50%;
}

.w-0 {
  width: 0 !important;
}

.w-25p {
  width: 25% !important;
}

@media only screen and (min-width: 768px) {
  .w-md-25p {
    width: 25%;
  }
}

@media only screen and (max-width: 767px) {
  .w-10m {
    width: 10% !important;
  }
}

@media only screen and (max-width: 767px) {
  .w-75m {
    width: 75% !important;
  }
}

.h-0 {
  height: 0 !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.placeholder6e::placeholder {
  color: #6e6e6e !important;
  opacity: 1;
}
.placeholder6e:-ms-input-placeholder {
  color: #6e6e6e;
}
.placeholder6e::-ms-input-placeholder {
  color: #6e6e6e;
}

.placeholder-color-555::placeholder {
  color: #555 !important;
  opacity: 1;
}
.placeholder-color-555:-ms-input-placeholder {
  color: #555;
}
.placeholder-color-555::-ms-input-placeholder {
  color: #555;
}

.form-control.form-font-size {
  font-size: 1.2em;
}
.form-control.form-font-size::placeholder {
  font-size: 1.2em;
}
.form-control.form-font-size:-ms-input-placeholder {
  color: #6e6e6e;
}
.form-control.form-font-size::-ms-input-placeholder {
  color: #6e6e6e;
}

.img img {
  width: 100%;
}

.list-style-none {
  list-style: none;
}

.text-gray6e {
  color: #6e6e6e !important;
}

.insured-life .jumbotron {
  background-image: url(../img/insured-life/product-banner-s.png);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .insured-life .jumbotron {
    background-image: url(../img/insured-life/product-banner-m.png);
  }
}
@media only screen and (min-width: 992px) {
  .insured-life .jumbotron {
    background-image: url(../img/insured-life/product-banner-l.png);
  }
}

.r-inline {
  display: block !important;
}
@media only screen and (min-width: 768px) {
  .r-inline {
    display: inline-block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.FATCA-yes-target.hide {
  display: none;
}

.trashcan-wrapper {
  padding: 9px 0 9px 20px !important;
}
@media only screen and (min-width: 768px) {
  .trashcan-wrapper {
    padding: 9px 0 9px 30px !important;
  }
}
.trashcan-wrapper .trashcan {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #df357f;
  cursor: pointer;
}
.trashcan-wrapper .trashcan img {
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-dialog-bigger {
    width: 700px;
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .modal-dialog-bigger {
    width: 900px;
    max-width: 100%;
  }
}
.modal-dialog-bigger .modal-content {
  min-height: 85vh;
}
@media only screen and (min-width: 768px) {
  .modal-dialog-bigger .modal-content {
    min-height: 70vh;
  }
}

.modal-header {
  position: relative;
}
.modal-header .close {
  right: 16px;
  top: 8px;
  width: 20px;
  height: 20px;
}
.modal-header .close {
  position: absolute;
  opacity: 0.3;
}
.modal-header .close:hover {
  opacity: 1;
}
.modal-header .close:before, .modal-header .close:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 16px;
  width: 2px;
  background-color: #333;
}
.modal-header .close:before {
  transform: rotate(45deg);
}
.modal-header .close:after {
  transform: rotate(-45deg);
}

.step-ul {
  justify-content: center;
}
.step-ul li {
  padding: 0 10px;
}
@media only screen and (min-width: 992px) {
  .step-ul li {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 374px) {
  .step-ul li {
    padding: 0 2px;
  }
}
.step-ul .step-li {
  color: #979797;
  font-size: 1.2em;
}
.step-ul .step-li.active {
  color: #334b5a;
}
.step-ul .step-li.active .d-inline-block {
  display: inline-block;
}
.step-ul .step-li.active .circle-bg {
  background-color: #df357f;
  border-color: #df357f;
  color: white;
  margin-right: 0;
}
@media only screen and (min-width: 768px) {
  .step-ul .step-li.active .circle-bg {
    margin-right: 10px;
  }
}
.step-ul .step-li.active.done {
  padding: 0 6px;
}
@media only screen and (max-width: 991px) {
  .step-ul .step-li.active.done .circle-bg {
    color: transparent;
    background-image: url("../img/insured-life/check-done.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    margin-right: 6px;
  }
}
@media only screen and (max-width: 991px) {
  .step-ul .step-li.active.done .next-icon {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .step-ul .step-li.active.done .step-text {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .step-ul .step-li .step-text {
    display: none;
  }
}
.step-ul .step-li .circle-bg {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
  border: 1px solid;
  border-color: #979797;
  color: #979797;
}

.next-icon {
  width: 20px;
  display: inline-block;
  margin-left: 8px;
}
@media only screen and (min-width: 768px) {
  .next-icon {
    margin-left: 15px;
  }
}
.next-icon img {
  width: 100%;
  padding-bottom: 4px;
}

.annuity-target {
  display: none;
}

.annuity-trigger, .precaution-trigger {
  cursor: pointer;
}
.annuity-trigger.hide, .precaution-trigger.hide {
  display: none;
}

.precaution-target {
  display: none;
}
.precaution-target.show {
  display: block;
}

#errshow.hide {
  display: none;
}

.trial-target {
  display: none;
}
.trial-target.show {
  display: block;
}

.trial-target2.hide {
  display: none;
}

.price-first-target, .price-after-target, .back-priod-yearly-target {
  padding-left: 15px;
}

.insured-send-type-target.hide {
  display: none;
}

.r-inline-fix {
  display: inline-block !important;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .r-inline-fix {
    margin-left: 40px !important;
    margin-top: 0;
  }
}

.r-inline-fix2 {
  display: block !important;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .r-inline-fix2 {
    display: inline-block !important;
    width: 40%;
  }
}

.nav-item.active .nav-link {
  border: 1px solid #89d7e3;
  color: #14afc7;
  font-weight: 600;
}
.nav-item.active .nav-link:hover {
  border: 1px solid #89d7e3;
  color: #14afc7;
}

#occupation-modal .modal-content, #handicap-modal .modal-content {
  border-radius: 10px;
}

.black-btn {
  padding: 14px 10px;
  background-color: #323232;
  color: #f5f5f5;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  width: 33%;
}
.black-btn:hover {
  color: white;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .black-btn {
    padding: 14px 10px;
    max-width: 120px;
  }
}
@media only screen and (min-width: 992px) {
  .black-btn {
    padding: 13px 10px;
    max-width: 120px;
  }
}

.occupation-btn, .handicap-btn {
  width: 100%;
  padding: 10px 15px;
  cursor: pointer;
}

.occupation-btn {
  overflow: hidden;
}

/* 20200526 */
.tab-content .tab-pane .col-sm-4, .tab-content .tab-pane .col-sm-4, #handicap-btn-target .col-sm-4, #handicap-btn-target .col-sm-4 {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
@media only screen and (max-width: 767px) {
  .tab-content .tab-pane .col-sm-4, .tab-content .tab-pane .col-sm-4 .handicap-btn, #handicap-btn-target .col-sm-4, #handicap-btn-target .col-sm-4 .handicap-btn {
    border-left: 1px solid #ccc;
  }
}
.tab-content .tab-pane .col-sm-4:first-child, .tab-content .tab-pane .col-sm-4:first-child, #handicap-btn-target .col-sm-4:first-child, #handicap-btn-target .col-sm-4:first-child {
  border-top: 1px solid #ccc;
}
@media only screen and (min-width: 768px) {
  .tab-content .tab-pane .col-sm-4:nth-child(2), .tab-content .tab-pane .col-sm-4:nth-child(2), .tab-content .tab-pane .col-sm-4:nth-child(3), .tab-content .tab-pane .col-sm-4:nth-child(3), #handicap-btn-target .col-sm-4:nth-child(2), #handicap-btn-target .col-sm-4:nth-child(2), #handicap-btn-target .col-sm-4:nth-child(3), #handicap-btn-target .col-sm-4:nth-child(3) {
    border-top: 1px solid #ccc;
  }
}
.tab-content .tab-pane .col-sm-4:nth-child(3n+1), .tab-content .tab-pane .col-sm-4:nth-child(3n+1), #handicap-btn-target .col-sm-4:nth-child(3n+1), #handicap-btn-target .col-sm-4:nth-child(3n+1) {
  border-left: 1px solid #ccc;
}
/* 20200526 end*/

.handicap-type-select-btn {
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .handicap-type-select-btn {
    width: 116px;
  }
}
.handicap-type-select-btn.active {
  border-radius: 0 4px 4px 0;
}

.handicap-type-result-wrapper {
  width: 60%;
}
@media only screen and (min-width: 768px) {
  .handicap-type-result-wrapper {
    width: 250px;
  }
}

.handicap-type-result {
  border: 1px solid #ccc;
  padding: 8px 15px;
  border-radius: 4px 0 0 4px;
  font-size: 1.2rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.occu-outer {
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .occu-outer {
    flex-direction: row;
  }
}

.occu-wrapper {
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .occu-wrapper {
    width: 28%;
  }
}
@media only screen and (min-width: 992px) {
  .occu-wrapper {
    width: 29%;
  }
}

.occu-wrapper.active label {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 8px 15px;
  border-radius: 4px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .occu-wrapper.active label {
    border-radius: 0;
  }
}
@media only screen and (max-width: 767px) {
  .occu-wrapper.active label {
    border-right: 1px solid #ccc;
  }
}
@media only screen and (min-width: 768px) {
  .occu-wrapper:first-child label {
    border-radius: 4px 0 0 4px;
  }
}

@media only screen and (min-width: 768px) {
  .occupation-select-btn.active {
    border-radius: 0 4px 4px 0;
  }
}

.second-category-wrapper span {
  cursor: pointer;
}

.handicap-handbook-target {
  display: none;
}
.handicap-handbook-target select {
  width: 45%;
}
@media only screen and (min-width: 768px) {
  .handicap-handbook-target select {
    width: 30%;
  }
}
.handicap-handbook-target.show {
  display: block;
}

.handicap-type-target1, .handicap-type-target2 {
  display: none;
}
.handicap-type-target1.show, .handicap-type-target2.show {
  display: block;
}

.first-wrapper.show {
  position: relative;
  display: block;
}
.first-wrapper.show .table-1st-fixed {
  width: calc(100% - 20px);
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 10px 0 0 10px;
  pointer-events: none;
}
.first-wrapper.show .table-1st-fixed thead {
  background-color: transparent;
}
.first-wrapper.show .table-1st-fixed thead tr th {
  vertical-align: middle;
  color: #666666;
  border-right: 1px solid #cccccc;
  font-size: 14px;
  text-align: center;
}
.first-wrapper.show .table-1st-fixed thead tr th:last-child {
  border-right: none;
  width: auto;
}
.first-wrapper.show .table-1st-fixed thead tr th:nth-child(1) {
  width: 9%;
  background-color: #e5e5e5;
}
@media only screen and (max-width: 767px) {
  .first-wrapper.show .table-1st-fixed thead tr th:nth-child(1) {
    width: 50px;
  }
}
.first-wrapper.show .table-1st-fixed tbody {
  background-color: transparent;
}
.first-wrapper.show .table-1st-fixed tbody tr.sub-header th, .first-wrapper.show .table-1st-fixed tbody tr.sub-header td{
  background-color: #e7f7f9;
  color: #14afc7;
  font-weight: 700;
  border-bottom: none;
  border-right: none;
}
.first-wrapper.show .table-1st-fixed tbody tr.border-bottom-0 th, .first-wrapper.show .table-1st-fixed tbody tr.border-bottom-0 td, .first-wrapper.show .table-1st-fixed tbody tr:last-child th, .first-wrapper.show .table-1st-fixed tbody tr:last-child td {
  border-bottom: none;
}
.first-wrapper.show .table-1st-fixed tbody tr th, .first-wrapper.show .table-1st-fixed tbody tr td {
  vertical-align: middle;
  color: #666666;
  border-right: 1px solid #cccccc;
  font-size: 14px;
  border-bottom: 1px solid #cccccc;
  text-align: center;
}
.first-wrapper.show .table-1st-fixed tbody tr th:last-child, .first-wrapper.show .table-1st-fixed tbody tr td:last-child {
  border-right: none;
}
.first-wrapper.show .table-1st-fixed tbody tr th {
  background-color: #ffffff;
}
.first-wrapper.show .table-wrapper {
  border-radius: 10px;
  background-color: #f7f7f7;
  padding: 10px;
  /* min-height: 488px; */
}
@media only screen and (max-width: 767px) {
  .first-wrapper.show .table-wrapper {
    padding: 0;
    border: 10px solid #f7f7f7;
  }
}
.first-wrapper.show .table-wrapper table.table-1st {
  border-radius: 10px;
  width: 100%;
}
.first-wrapper.show .table-wrapper table.table-1st thead {
  background-color: #e5e5e5;
}
.first-wrapper.show .table-wrapper table.table-1st thead tr th {
  vertical-align: middle;
  color: #666666;
  border-right: 1px solid #cccccc;
  font-size: 14px;
  text-align: center;
}
.first-wrapper.show .table-wrapper table.table-1st thead tr th:last-child {
  border-right: none;
}
.first-wrapper.show .table-wrapper table.table-1st thead tr th:nth-child(1), .first-wrapper.show .table-wrapper table.table-1st thead tr th:nth-child(2) {
  width: 8%;
}
@media only screen and (max-width: 767px) {
  .first-wrapper.show .table-wrapper table.table-1st thead tr th:nth-child(1), .first-wrapper.show .table-wrapper table.table-1st thead tr th:nth-child(2) {
    padding: 5px 10px;
  }
}
.first-wrapper.show .table-wrapper table.table-1st thead tr th:nth-child(3), .first-wrapper.show .table-wrapper table.table-1st thead tr th:nth-child(4) {
  width: 12%;
}
.first-wrapper.show .table-wrapper table.table-1st thead tr th:nth-child(5), .first-wrapper.show .table-wrapper table.table-1st thead tr th:nth-child(6), .first-wrapper.show .table-wrapper table.table-1st thead tr th:nth-child(7) {
  width: 20%;
  padding-left: 4px;
  padding-right: 4px;
}
.first-wrapper.show .table-wrapper table.table-1st tbody {
  background-color: #ffffff;
}
.first-wrapper.show .table-wrapper table.table-1st tbody tr.sub-header th, .first-wrapper.show .table-wrapper table.table-1st tbody tr.sub-header td{
  background-color: #e7f7f9;
  color: #14afc7;
  font-weight: 700;
  border-bottom: none;
  border-right: none;
}
.first-wrapper.show .table-wrapper table.table-1st tbody tr.border-bottom-0 th, .first-wrapper.show .table-wrapper table.table-1st tbody tr.border-bottom-0 td, .first-wrapper.show .table-wrapper table.table-1st tbody tr:last-child th, .first-wrapper.show .table-wrapper table.table-1st tbody tr:last-child td {
  border-bottom: none;
}
.first-wrapper.show .table-wrapper table.table-1st tbody tr th, .first-wrapper.show .table-wrapper table.table-1st tbody tr td {
  vertical-align: middle;
  color: #666666;
  border-right: 1px solid #cccccc;
  font-size: 14px;
  border-bottom: 1px solid #cccccc;
  text-align: center;
}
.first-wrapper.show .table-wrapper table.table-1st tbody tr th:last-child, .first-wrapper.show .table-wrapper table.table-1st tbody tr td:last-child {
  border-right: none;
}
.first-wrapper.show .table-wrapper .sticky-col {
  height: 34px;
}

.table-wrapper-2 {
  border-radius: 10px;
  background-color: #f7f7f7;
  padding: 10px;
}
.table-wrapper-2 .table-inner {
  display: table;
  width: 100%;
}
.table-wrapper-2 .table-inner .left-column {
  width: 8%;
}
.table-wrapper-2 .table-inner .right-column {
  width: 92%;
}

.table-2nd {
  border-radius: 10px;
  background-color: #f7f7f7;
  padding: 10px;
  font-size: 14px;
  width: 100%;
}
.table-2nd .thead {
  background-color: #e5e5e5;
  color: #666666;
}
.table-2nd .tbody {
  background-color: #ffffff;
  color: #666666;
}
.table-2nd.table-2-3-4 span {
  color: #666;
}
@media only screen and (min-width: 768px) {
  .table-2nd.table-2-3-4 .col-xs-12:first-child {
    border-radius: 10px 0 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .table-2nd.table-2-3-4 .col-xs-12:nth-child(3) {
    border-radius: 0 10px 0 0;
    overflow: hidden;
  }
}
@media only screen and (min-width: 768px) {
  .table-2nd.table-2-3-4 .col-xs-12:nth-child(4) {
    border-radius: 0 0 0 10px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 768px) {
  .table-2nd.table-2-3-4 .col-xs-12:last-child {
    border-radius: 0 0 10px 0;
  }
}
.table-2nd span {
  color: #14afc7;
}
.table-2nd .bb {
  border-bottom: 1px solid #cccccc;
}
.table-2nd .br {
  border-right: 1px solid #cccccc;
}
.table-2nd ul {
  padding: 0;
  margin-bottom: 0;
}
.table-2nd ul li {
  list-style: none;
}
@media only screen and (max-width: 767px) {
  .table-2nd .col-xs-12 {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .table-2nd .col-xs-12:first-child {
    border-radius: 10px 0 0 10px;
    overflow: hidden;
  }
}
.table-2nd .col-xs-12:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .table-2nd .col-xs-12:last-child {
    border-radius: 0 10px 10px 0;
    overflow: hidden;
  }
}
.table-2nd .two-row {
  padding: 8.5px 0;
}
@media only screen and (min-width: 768px) {
  .table-2nd .two-row {
    padding: 37.5px 0;
  }
}
@media only screen and (min-width: 768px) {
  .table-2nd .bb-md {
    border-bottom: 1px solid #cccccc;
  }
}
@media only screen and (min-width: 768px) {
  .table-2nd .br-md {
    border-right: 1px solid #cccccc;
  }
}

.table-responsive {
  -webkit-overflow-scrolling: touch !important;
  overflow-scrolling: touch !important;
}

@media only screen and (min-width: 992px) {
  .insured .trial-box3.trial-box-2-3-4 {
    top: 87px;
  }
}

@media only screen and (min-width: 992px) {
  .insured .trial-box3.trial-box-2-4 {
    top: 0;
  }
}

@media only screen and (min-width: 768px) {
  .price-after-priod-monthly-target .checkbox.ml-2.r-inline + .checkbox.ml-2.r-inline {
    margin-left: 20px !important;
  }
}

.insured-life .beneficiary-rank-item .pull-right {
  display: none;
}
.insured-life .beneficiary-rank-item.last .pull-right {
  display: block;
}
@media only screen and (max-width: 767px) {
  .insured-life #occupation-modal.modal .modal-content .modal-header {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .insured-life #occupation-modal.modal .modal-content .modal-body {
    height: 65vh;
    overflow-y: auto;
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .insured-life #occupation-modal.modal ul {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .insured-life #occupation-modal.modal .modal-title {
    padding: 0 10px;
  }
}
.insured-life #occupation-modal.modal .nav-tabs > li > a:hover {
  border-color: #ccc #ccc #ddd;
}
.insured-life #occupation-modal.modal .nav > li > a:hover {
  background: none;
}
.insured-life #occupation-modal.modal .nav-tabs > li.active > a:focus {
  color: #14afc7;
  border: 1px solid #89d7e3;
}

.product.product-life .jumbotron {
  background-image: url("../img/product-life/product-banner-l.jpg");
}
@media only screen and (max-width: 767px) {
  .product.product-life .jumbotron {
    background-image: url("../img/product-life/product-banner-s.jpg");
  }
}
.product.product-life ul.nav.nav-tabs.nav-segments li {
  width: 33.3333%;
}
.product.product-life nav.sidemenu ul li {
  position: relative;
  padding-left: 13px;
}
.product.product-life nav.sidemenu ul li.active > a {
  height: auto;
  line-height: 1.2em;
  padding-left: 0;
}
.product.product-life nav.sidemenu ul li.active > a:before {
  display: none;
}
.product.product-life nav.sidemenu ul li.active:before {
  content: "";
  position: absolute;
  display: block;
  height: 25px;
  width: 6px;
  top: 0;
  left: 0;
  background: #DF357F;
}
.product.product-life .segments table.table.table-striped {
  margin: 0 0 15px;
  width: 100%;
}
.product.product-life .segments .segment strong {
  color: #DF357F;
}

/* 20200526*/
.occu-item-list{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.occu-item-list.row:before, .occu-item-list.row:after, .handicap-item-list.row:before, .handicap-item-list.row:after {
  display: none;
}
.occu-item{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .handicap-item-list.d-md-block{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* 20200526 end*/

/* 20200713 */
.insured-life .price-other-label{
  line-height: 50px;
  font-size: 1.143rem;
}
/* 20200713 end*/