@import url("r-pj-single-page.css");

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

@media (min-width: 992px) {
    /*選擇人popup表格*/
    .modal-body tbody .col-name,
    .modal-body tbody .col-gender,
    .modal-body tbody .col-old,
    .modal-body tbody .col-rank,
    .modal-body tbody .col-select,
    .modal-body tbody .col-pjname,
    .modal-body tbody .col-send-status,
    .modal-body tbody .col-select-send,
    .modal-body tbody .col-whown,
    .modal-body tbody .col-relat{
        padding: 15px 4px 0px 4px;
        font-size: 15px;
    }
}
@media (max-width: 991px) {
    /*選擇人popup表格*/
    .modal-body tbody .col-name,
    .modal-body tbody .col-gender,
    .modal-body tbody .col-old,
    .modal-body tbody .col-rank,
    .modal-body tbody .col-select,
    .modal-body tbody .col-pjname,
    .modal-body tbody .col-send-status,
    .modal-body tbody .col-select-send,
    .modal-body tbody .col-whown,
    .modal-body tbody .col-relat{
        padding: 10px 4px 8px 4px;
    }
}

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

@media (max-width: 1536px) {
    /*方案分析*/
    .prev {
        left: 10%;
    }
    .next {
        right: 11%;
    }
    .prev,
    .next {
        top: 60%;
        box-shadow: 0px 0px 10px #405a0b;
        border-radius: 0px;
        opacity: 0.65;
    }
}

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

@media (max-width: 1199px) {
    /*方案分析-結果頁左欄字*/
    .protection-title li span,
    .protection-item li span,
    .protection-item li p {
        height: 60px;
        line-height: 20px;
        font-size: 13px;
    }
    .dropdown-menu.show {
        max-height: 200px;
        overflow: auto;
    }
}

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

@media (max-width: 1050px) {
    /*方案分析*/
    .prev {
        left: 3%;
    }
    .next {
        right: 4.7%;
    }
    .prev,
    .next {
        top: 66%;
        box-shadow: 0px 0px 10px #405a0b;
        border-radius: 0px;
        opacity: 0.65;
    }
}

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

@media (max-width: 991px) {
    /*各頁container範圍*/
    #overall-top .container,
    .page-head-title .container,
    #my-pj.container,
    #my-pj-analysis.container {
        max-width: 100%;
        padding: 0 15px;
    }
}

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

@media (max-width: 940px) {
    /*方案分析結果*/
    #analysis-plan .row {
        max-width: auto;
    }
    #protection {
        padding: 0px 2px 0px 0px;
    }
    #analysis-plan .plan {
        -ms-flex: 0 0 48.5%;
        flex: 0 0 48.5%;
        max-width: 48.5%;
        padding: 0px 2px;
    }
    #analysis-plan {
        margin-left: 24.4%;
    }
    .first-plan {
        margin-left: 2%;
    }
    .projector-img {
        float: none;
        padding-right: 0px;
        padding-bottom: 0px;
    }
    .insurance-title-txt {
        padding: 40px 10px 0px;
        text-align: center;
    }
    li.delete {
        right: 2px;
    }
}

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

@media (max-width: 800px) {
    .my-pjlist-edit-btn,
    .my-pjlist-del-btn {
        width: 8%;
        text-align: center;
    }
}

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

@media (max-width: 767px) {
    .page-head-title {
        padding: 5% 0% 5% 0%;
    }
    /*方案分析-方案列表*/
    #my-pj-analysis .pj-list-block .pj-name-link {
        padding-left: 10px;
    }
    #my-pj-analysis .pj-list-block td.pj-name-link,
    #my-pj-analysis .pj-list-block td.btn-col {
        background: #a8ca72;
        color: #46611a;
    }
    
    .pj-block div.btn-menu {
       bottom:58px;
       right:15px;
    }    
}

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

@media (max-width: 633px) {
    /*方案分析*/
    #protection {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
    #analysis-plan .plan {
        -ms-flex: 0 0 46.55%;
        flex: 0 0 46.55%;
        max-width: 46.55%;
    }
    #analysis-plan {
        margin-left: 30.4%;
    }
    .first-plan {
        margin-left: 3%;
    }
    .fixed .prev {
        left: 1%;
    }
    .fixed .next {
        right: 1%;
    }
    .insurance-title-txt h4 {
        font-size: 1rem;
        line-height: 23px;
    }
    .insurance-premium {
        font-size: 0.7rem;
    }
    .add-new-item .col-5.pn-select {
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%;
    }
    .add-new-item .col-7.pn-input {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
}

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

@media (max-width: 580px) {
    /*方案分析-方案列表-名稱寬度*/
    #my-pj-analysis .pj-name-link {
        width: 80%;
    }
}

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

@media (max-width: 531px) {
    /*方案管理下各頁上方-選擇被保人-目前狀態文字*/
    .select-insured .status {
        margin-left: 0px;
        float: none;
    }
    .select-insured ul li span {
        padding-right: 2px;
    }
}

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

@media (max-width: 495px) {
    /*新方案列表標題*/
    .pj-name-block h4 span {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .pj-name-block h4 i {
        display: none;
    }
}

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

@media (max-width: 480px) {
    /*方案分析*/
    #my-pj-analysis .pj-name-link,
    .send-status,
    .col-select-send .btn {
        font-size: 15px;
    }
    /*方案分析-方案列表-名稱寬度*/
    #my-pj-analysis .pj-name-link {
        width: 70%;
    }
    #protection {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    #analysis-plan .plan {
        -ms-flex: 0 0 47%;
        flex: 0 0 47%;
        max-width: 47%;
    }
    #analysis-plan {
        margin-left: 40%;
        width: 60%;
    }
    .insurance-title-txt {
        min-height: 100px;
        padding: 20px 10px 0px;
    }
    .insurance-title-txt h4 {
        font-size: 0.8rem;
        line-height: 23px;
    }
    li.delete a {
        padding: 2px 10px 3px 10px;
        font-size: 20px;
    }
    .search-policy::after {
        right: 20%;
    }
    .plan-edit .edit-pj-name-row .col-7,
    .plan-edit .edit-pj-name-row .col-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .plan-edit .edit-pj-name-row .col-5 {
        padding-bottom: 15px;
    }
    /*選擇被保人POPUP-客戶*/
    #slelect-client-table table tbody{
        font-size: 14px;
    }
}

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

@media (max-width: 467px) {
    .policy-name-list .form-row {
        width: 90%;
    }
    /*
.add-new-item .col-5.pn-select{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}*/
}

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

@media (max-width: 460px) {
    /*方案管理下各頁上方-選擇被保人*/
    .pf.col-9 {
        -ms-flex: 0 0 82%;
        flex: 0 0 82%;
        max-width: 82%;
    }
    .col-3.pf-remarks {
        -ms-flex: 0 0 18%;
        flex: 0 0 18%;
        max-width: 18%;
    }
    .col-3.pf-remarks .text-right {
        text-align: center !important;
    }
    .col-3.pf-remarks a {
        display: block;
    }
    .second-p {
        margin-bottom: 10px;
    }
}

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

@media (max-width: 452px) {
    /*方案管理下全域按鈕文字*/
    .title-group a,
    .btn-pj {
        font-size: 13px;
    }
    .pj-info-block .btn {
        font-size: 12px;
    }
    .pj-list-block .title-group .block-title {
        display: block;
    }
}

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

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

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

@media (max-width: 414px) {
    /*方案管理下各頁上方-選擇被保人-詳細資料按鈕*/
    .select-insured a.btn-pj {
        margin-top: 8px;
    }
    /*方案管理下各頁上方分頁menu*/
    .page-menu {
        padding: 5.5% 0%;
    }
    .page-menu a {
        font-size: 15px;
    }
    .pj-top-block .times {
        font-size: 13px;
    }
    .pj-top-block .match-requirement a {
        margin-left: 5px;
        font-size: 13px;
    }
}

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

@media (max-width: 365px) {
    /*方案管理下各頁上方-選擇被保人*/
    .select-insured p.name,
    .select-insured ul li span {
        font-size: 13px;
    }
    #selected .insured-title a.btn span {
        display: none;
    }

    .pj-top-block .info-text, .pj-top-block .times, .pj-top-block .match-requirement a {
        font-size: 12px;
    }

}

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

@media (max-width: 336px) {
    /*方案管理下各頁上方-選擇被保人-重新選擇按鈕*/
    #selected .title-group .btn {
        margin-bottom: 6px;
    }
}

/*---------------------方案分析container---------------------*/

#my-pj-analysis.container {
    padding: 0 40px;
    margin: 0 auto;
}
@media (max-width: 577px) {
    #my-pj-analysis.container {
        padding: 0px 3%;
    }
}
@media (min-width: 576px) {
    #my-pj-analysis.container {
        max-width: 100%;
    }
}
@media (min-width: 768px) {
    #my-pj-analysis.container {
        max-width: 100%;
    }
}
@media (min-width: 992px) {
    #my-pj-analysis.container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    #my-pj-analysis.container {
        max-width: 1140px;
    }
}

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