@media (min-width: 991px) {
    /*------我的保單家人列表------------------------------------*/
    /*我的保單家人列表健檢POPUP*/
    .modal-body .col-name,
    .modal-body .col-gender,
    .modal-body .col-old,
    .modal-body .col-rank,
    .modal-body .col-select,
    .modal-body .col-pjname,
    .modal-body .col-send-status,
    .modal-body .col-select-send,
    .modal-body .col-policy-budget {
        padding: 15px 4px 0px 4px;
    }
}

/*------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width: 1199px) {
    /*------我的保單all container------*/
    .page-head-title .container,
    #my-insuranced-management.container {
        max-width: 100%;
    }
    /*------我的保單家人列表------------------------------------*/
    .name-prompt {
        display: block;
    }
    /*我的保單家人列表-表格縮至成裝置介面時標頭的寬度*/
    #my-insuranced-table table.footable-details > tbody > tr > th:nth-child(1) {
        padding-left: 22px;
    }
    #my-insuranced-table .footable-details tr td {
        border-bottom: none;
    }
    #my-insuranced-table .footable-detail-row {
        background: #eee;
    }
    /*------既有及欲買保單------------------------------------*/
    /*既有保單-編輯狀態*/
    #personal-existed-policy .policy-date {
        width: 24%;
    }
    .policy-date .form-control,
    .policy-name-list .form-group {
        display: inline-block;
        max-width: 100%;
    }
    .plan-edit .policy-group tr td.policy-name-list {
        width: 100%;
    }
    .form-added input.form-control {
        max-width: 199px;
    }
    .plan-edit .policy-group tr th {
        background: #bad88a;
        color: #fff;
        padding: 10px 15px;
    }
    .plan-edit .policy-group .footable-details tr th {
        background: #b2c396;
        padding: 0px 10px;
        border-bottom: 1px dotted #fff;
    }
    /*既有保單-編輯狀態-表格縮至成裝置介面時標頭的寬度*/
    .plan-edit #personal-existed-policy table.footable-details > tbody > tr > th:nth-child(1) {
        min-width: 90px;
    }
    /*既有及欲買保單-檢視狀態-保單名稱*/
    .plan-view #personal-existed-policy td.policy-name-list,
    .plan-view #personal-future-policy td.policy-name-list {
        width: 100%;
    }
    .plan-view #personal-future-policy tr.footable-header,
    .plan-view #personal-existed-policy tr.footable-header {
        background: #bad88a;
        color: #fff;
        padding: 10px 15px;
    }
    .policy-group .footable-details tr th {
        color: #fff;
        background: #b2c396;
        padding: 0px 10px;
        border-bottom: 1px dotted #fff;
    }
    /*既有及欲買保單-檢視模式-標頭*/
    .plan-view #personal-future-policy .policy-name-list,
    .plan-view #personal-existed-policy .policy-date,
    .plan-view #personal-existed-policy .policy-name-list {
        cursor: pointer;
    }
    /*既有保單-檢視模式-投保時間標頭*/
    .plan-view #personal-existed-policy th.policy-date {
        padding-left: 42px;
    }
    /*既有及欲買保單-商品下拉*/
    .policy-name-list .form-row {
        display: inline-block;
        width: 95%;
    }
    .policy-name-list .form-row.add-new-item {
        display: -webkit-inline-box;
    }
}

/*------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width: 991px) {
    /*------我的保單家人列表------------------------------------*/
    /*我的保單家人列表健檢POPUP*/
    .modal-body .col-name,
    .modal-body .col-gender,
    .modal-body .col-old,
    .modal-body .col-rank,
    .modal-body .col-select,
    .modal-body .col-pjname,
    .modal-body .col-send-status,
    .modal-body .col-select-send,
    .modal-body .col-policy-budget {
        padding: 0.5rem 0.4rem;
        font-size: 15px;
    }
}

/*------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width: 1106px) and (min-width: 850px) {
    /*方案單頁下TAB內方案內容*/
    .title-row.no-gutters > .col,
    .title-row.no-gutters > [class*="col-"],
    .p-item.no-gutters > .col,
    .p-item.no-gutters > [class*="col-"] {
        padding: 10px 0px;
    }
    .title-row.no-gutters > .col,
    .p-item.no-gutters > .col {
        text-align: center;
        border-left: 1px solid #ccc;
    }
    .existed-view .prd-name,
    .existed-view .title-row.no-gutters > .col,
    .existed-view .p-item.no-gutters > .col {
        text-align: center;
        border-left: none;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    .existed-view .title-row.no-gutters > .col:last-child,
    .existed-view .p-item.no-gutters > .col:last-child {
        border-right: none;
    }
}
@media (max-width: 849px) {
    /*------既有保單單頁VIEW-方案內容---------------------------*/
    .existed-view .title-row {
        display: none;
    }
    .existed-view .p-item.no-gutters > .col.prd-date {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
        border-bottom: 1px dashed #8c8c8c;
    }
    .existed-view .prd-name {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
        font-weight: 700;
        color: #4F7500;
        border-bottom: 1px dashed #8c8c8c;
    }
    .existed-view .p-item {
        border-radius: 5px;
        margin-bottom: 15px;
        box-shadow: 0px 0px 10px #bbb;
    }
    .existed-view .p-item.no-gutters > .col {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        color: #747171;
        font-size: 16px;
        line-height: 25px;
    }
    .existed-view .p-item.no-gutters > .col > .d-inline-flex {
        color: #9fbd70;
        font-weight: 700;
        padding-right: 8px;
        display: inline-flex !important;
    }
}
@media (max-width: 675px) and (min-width: 527px) {
    .existed-view .p-item.no-gutters > .col.prd-date {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 0;
        border-bottom: none;
    }
    .existed-view .prd-name {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        font-weight: 700;
        color: #4F7500;
        border-bottom: 1px dashed #8c8c8c;
    }
}

/* 同675-527 */

@media (max-width: 425px) {
    .existed-view .p-item.no-gutters > .col.prd-date {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 0;
        border-bottom: none;
    }
    .existed-view .prd-name {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        font-weight: 700;
        color: #4F7500;
        border-bottom: 1px dashed #8c8c8c;
    }
}

/*------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width: 767px) {
    /*------我的保單詳細資料------------------------------------*/
    .col-sm-10.form-content,
    .col-sm-2.form-btn {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .title-group .block-title {
        display: block;
    }
    .title-group a {
        display: block;
        margin-bottom: 10px;
    }
    /*------既有及欲買保單------------------------------------*/
    /*既有保單-編輯狀態-公司下拉選單*/
    .plan-edit .select-list select {
        width: 80%;
    }
    .plan-edit .select-list:after {
        left: 70%;
    }
    /*既有保單-編輯狀態-加入新商品按鈕*/
    .plan-edit .add-new-prd {
        display: block;
    }
    /*表格縮至成裝置介面時標頭的寬度for既有保單*/
    #personal-existed-policy .policy-date {
        width: 80%;
    }
    #personal-existed-policy .policy-name {
        width: 100%;
    }
    /*------我的保單家人列表------------------------------------*/
    /*表格縮至成裝置介面時標頭的寬度for列表*/
    .col-name {
        width: 80%;
    }
    .col-old {
        width: auto;
    }
    .col-gender,
    .col-old {
        text-align: left;
    }
    #list-manage-group .input-group.w-25 {
        width: auto!important;
    }
    /*------我的保單家人列表-健檢POPUP---------------------------*/
/*
    #select-person-send-check-step1 #slelect-my-insured-table .col-name,
    #select-person-send-check-step2 #slelect-my-insured-table .col-name {
        width: 40%;
    }
    #select-person-send-check-step1 #slelect-my-insured-table .col-gender,
    #select-person-send-check-step2 #slelect-my-insured-table .col-gender {
        width: 80%;
    }
    #select-person-send-check-step1 #slelect-my-insured-table .footable-details th,
    #select-person-send-check-step2 #slelect-my-insured-table .footable-details th {
        padding-left: 28px;
    }
*/
    #slelect-my-insured-table .col-name,
    #slelect-my-insured-table .col-name {
        width: 40%;
    }
    #slelect-my-insured-table .col-gender,
    #slelect-my-insured-table .col-gender {
        width: 80%;
    }
    #slelect-my-insured-table .footable-details th,
    #slelect-my-insured-table .footable-details th {
        padding-left: 28px;
    }

    /*------方案單頁VIEW-方案內容---------------------------*/
    .prd-name {
        font-weight: 700;
        color: #4F7500;
        border-bottom: 1px dashed #8c8c8c;
    }
    .p-item {
        border-radius: 5px;
        margin-bottom: 15px;
        box-shadow: 0px 0px 10px #bbb;
    }
    .p-item.no-gutters > .col {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        color: #747171;
        font-size: 16px;
        line-height: 25px;
    }
    .p-item.no-gutters > .col > .d-inline-flex {
        color: #9fbd70;
        font-weight: 700;
        padding-right: 8px;
    }
}

/*------------------------------------------*/

@media (max-width: 655px) {
    .person-name-title a span {
        display: none;
    }
}

/*------------------------------------------*/

@media (max-width: 633px) {
    .add-new-item .col-5.pn-select {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    .add-new-item .col-7.pn-input {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
}

/*------------------------------------------*/

@media (max-width: 575px) {
    .person-info-block {
        padding: 0px;
        background: transparent;
    }
    .person-info-block .col-sm-8 {
        padding: 10px;
        border-radius: 10px 10px 0px 0px;
        background: #f9f9f9;
    }
    .person-info-block .col-sm-4 {
        padding: 10px 15px 10px 10px;
        border-radius: 0px 0px 10px 10px;
        background: #e8e8e8;
    }
}

/*------------------------------------------*/

@media (max-width: 564px) {
    /*------我的保單家人列表------------------------------------*/
    #list-manage-group.d-flex {
        display: block !important;
    }
    .mypolicylist-btn-group {
        margin-top: 10px;
        text-align: right;
    }
}

/*------------------------------------------*/

@media (max-width: 479px) {
    /*------我的保單家人列表------------------------------------*/
    /*表格縮至成裝置介面時標頭的寬度for我的保單家人列表*/
    .col-name {
        width: 75%;
    }
}

/*------------------------------------------*/

@media (max-width: 467px) {
    .policy-name-list .form-row {
        width: 90%;
    }
}

/*------------------------------------------*/

@media (max-width: 430px) {
    .add-new-item .col-5.pn-select .dropdown-menu.w-100 {
        width: 200px!important;
    }
}

/*------------------------------------------*/

@media (max-width: 400px) {
    /*------我的保單家人列表------------------------------------*/
    .col-name {
        width: 70%;
    }
    .name-prompt {
        font-size: 12px;
        margin-top: 3px;
    }
    /*#list-manage-group .input-group.w-25 {
        width: 60%!important;
    }
    #list-manage-group .input-group.w-25 input,
    #list-manage-group .input-group.w-25 .catchingbtn,
    #list-manage-group .btn-pj {
        font-size: 13px;
    }*/
    #my-insuranced-management .block-title {
        font-size: 1.2rem;
        margin: 0px 0px 10px 0px;
    }
    .select-insured ul li span {
    padding-right: 0px;
}
}

/*---------------------我的保單container---------------------*/

@media (max-width: 767px) {
    #my-insuranced-management .container {
        max-width: 100%;
        padding: 0px 15px;
    }
}

/*--------------------------------------------*/


/*-------------------- 保單匯入 -----------------*/

@media (max-width: 991px) {
   #import_btn {
      text-align:center;
      padding: 0;
   }
    
   .import_insured {
      /* text-align:left; */
      padding:2px 0;
   }   
}

@media (max-width: 575px) {
   #post_btn {
      margin-right: 0 !important;
   }   
}