@charset "utf-8";
/*-----初始化-----*/
@import "https://fonts.googleapis.com/css?family=Noto+Sans+TC:400";
@import url("bootstrap/css/bootstrap.css");
@import url("bootstrap/bi-bootstrap/widget.css");
@import url("bootstrap/bi-bootstrap/table.css");
@import url("bootstrap/bi-bootstrap/tab.css");
@import url("bootstrap/bi-bootstrap/form.css");
@import url("bootstrap/bi-bootstrap/listgroup.css");
@import url("fontawesome/css/font-awesome.min.css");
@import url("bi/font.css");
@import url("bi/button.css");
@import url("bi/layout.css");

/* scrollbar */
/* ::-webkit-scrollbar { */
/*     width: 0px; */
/*     height: 10px; */
/*     -webkit-overflow-scrolling: touch;} */
/* ::-webkit-scrollbar-track {background-color: rgba(252, 252, 252, 0.1) ;} */
/* ::-webkit-scrollbar-thumb { */
/*     background-color: rgba(0, 0, 0,0.1); */
/*     border-radius: 3px;} */
/* ::-webkit-scrollbar-button {background-color: rgba(252, 252, 252, 0.1) ;} */
/* ::-webkit-scrollbar-corner {background-color: black;} */

div,
p,
span,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
input {
    margin: 0;
    padding: 0;
    border: none;
}
input, select {
    font-family: "Noto Sans TC", sans-serif;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 1.25;
}

body {
    font-family: "Noto Sans TC", sans-serif;
    color: rgba(0, 0, 0, 0.7);
    line-height: inherit;
    font-size: 16px;
    background-color: #f7f6ff;
    margin: 0;
    padding: 0;
    /*     -ms-overflow-style: none; */
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
}

/** primary-for this web **/
.font-color-defult {
    color: #595955;
}

.font-color-primary {
    color: #33c5e6;
}

.bg-primary-th {
    background-color: rgba(255, 152, 51, 0.24) !important;
    color: #fff;
}

.box {
    padding: 25px;
}

/**最上方選單列**/
header.header {
    z-index: 1000;
    width: 100%;
    position: relative;
    color: #fff;
    min-height: 56px;
}

header.sitemap {}

logo {
    margin: 5px;
}

img.logo {
    height: 45px !important;
    margin-top: -6px;
}

header .sitemap-title {
    margin-top: 10px;
    font-weight: bold;
    color: rgba(118, 118, 118, 1.0);
    font-size: 20px;
    line-height: 35px;
}

header.header ul.list-inline {
    display: inline-block;
}

header.header ul.list-inline li {
    color: #fff;
}

/* header .line-gary {
	position: absolute;
    height: 4px;
    background: #aabacc;
    margin-bottom: -4px;} */

/*btn-img三選單&四選單*/
.btn-img {
    color: #fff;
    border-radius: 2px !important;}

.btn-img.btn-group .title {
    color: #fff;
    font-size: 18px;}

.btn-img.btn-group .title-second {
    color: #fff;
    font-size: 22px;
    margin: 6px 0;}

.btn-img.btn-group .title-second small {
    font-size: 12px;
    vertical-align: top;
    display: block;
}

/**else*/
.touch-finger {
    cursor: pointer;
}

/*出現手指觸擊*/

/*iframe*/
iframe {
    border: 0px;
    -webkit-overflow-scrolling: touch;}

iframe.iframe-full {
    width: 1px;
    min-width: 100%;
    width: 100%;
    overflow: auto;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;}

/* 跑馬燈 */
marquee a {
    color: #fff !important;
}

/* Make it move */

/*list-num*/
ul {
    list-style-type: none;
    padding-left: 0;
}

ul.bi-msg-listNum {
    list-style-type: decimal;
    margin-left: 20px;
    line-height: 24px;
}

ul.list-num {
    list-style-type: decimal;
    padding-left: 20px;
}

ul.list-item li {
    padding: 10px 5px;
    display: block;
    text-align: left;
}

ul.list-item li:hover {
    background-color: #ddd;
}

ul.list-play li a {
    display: block;
    height: 20px;
    line-height: 20px;
    margin-bottom: 3px;
    background: url(/blt-light.png) left center no-repeat;
    padding-left: 20px;
}

ul.list-inline li {
    display: inline;
    color: #595955;
}

ul.list-inline>li {
    padding-left: 8px;
}

ul.list-inline li a {
    color: #595955;
}

@media (max-width: 500px) {
    ul.list-inline li {
        display: inline-block;
    }

    ul.list-inline.rwd-straightline li {
        display: block;
    }
}

table ul {
    margin-bottom: 0px;
}

/*clear in table ul-blank*/


/***bootstrap-reset***/
.row {
    margin-right: 0px;
    margin-left: 0px;
}

[class*="col-"] {
    padding-right: 0px;
    padding-left: 0px;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 10px;
}

#main-content>.container-fluid {
    padding-left: 20px !important;
}

.form-group [class*="col-"] {
    padding-right: 15px;
    padding-left: 15px;
}

/*需要col有空格時在上一層中加*/
.blank [class*="col-"] {
    padding-right: 10px;
}
.blank [class*="col-"]:last-of-type {
    padding-right: 0px;
}

@media (max-width: 767px) {
    .blank [class*="col-"] {
        padding-right: 0px;
    }
}

/*link-style清空*/
a,
a:hover,
a:active,
a:focus,
a:visited {
    text-decoration: none;
}

a:focus,
button:focus {
    outline: 0px !important;
}

/*panel*/
.panel {
    border-right: 1px solid #eff2f7;
    border-left: 1px solid #eff2f7;
    border-top: 1px solid #eff2f7;
    margin-bottom: 10px;
}

.panel-body {
    padding: 10px;
}

.panel-heading {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
    padding: 15px;
    text-transform: uppercase;
    color: #535351;
    font-size: 14px;
    font-weight: bold;
}

.panel.panel-border {
    border: 2px solid #eff0f4 !important;
}

/*bs-alert*/
.alert {
    padding: 8px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.alert-danger:before {
    font-family: 'Glyphicons Halflings';
    content: "\e209";
    color: red;
    padding: 0px 5px;
    float: left;
    vertical-align: middle;
}

.alert-success:before {
    font-family: 'Glyphicons Halflings';
    content: "\e013";
    color: green;
    padding: 0px 5px;
    float: left;
    vertical-align: middle;
}

.alert-success {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-info {
    display: inline-block;
}

.alert-info .close {
    margin-left: 10px
}

.alert-info span {
    vertical-align: middle;
}


/*input*/
input[type=radio],
input[type=checkbox] {
    margin: 8px 6px 8px 4px;
    vertical-align: sub;
}

input:focus {
    border: 1px solid #33c5e6;
    transition: all 0.5s ease-in-out;
}

label {
    margin-bottom: 0px;
}

input[type=radio]+label,
input[type=checkbox]+label {
    display: inline !important;
}

.table td input[type=radio],
input[type=checkbox] {
    margin: 0px !important;
    vertical-align: middle;
}

.table td input[type=radio]+label,
input[type=checkbox]+label {
    margin: 0px;
    margin-left: 5px;
    vertical-align: inherit;
}

/*form-control-sm*/
.form-control-sm {
    height: 30px;
    padding: 2px 10px !important;
    font-size: 14px;
    line-height: 1.5 !important;
    border-radius: 3px;
    vertical-align: middle;
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    padding: 2px 10px;
    font-size: 14px;
}
/*modal*/
.modal-header {
    padding: 15px 30px;
    border-bottom: 0px;
    border-radius: 6px 6px 0px 0px;
}
.modal-dialog {
    height: 101%;
}
.modal-content{
    border-radius: 50px;
}
/***bootstrap-reset-end***/
/***jQuery-ui-bootstrap-reset-end***/

/* dialog */
.ui-dialog {
    z-index: 99999999999 !important;}

.ui-widget-overlay {
    z-index: 9999999 !important;}

.ui-autocomplete {
    z-index: 2000 !important;
}

.ui-datepicker {
    z-index: 2000 !important;
}

/*fix jquery-ui-datepicker*/
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    height: 23px !important;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-month {
    height: 23px !important;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 0.9em !important;
}

/*font.css*/
.title {
    padding-bottom: 2px;
}

.star-require {
    margin: 0px;
}

.title-line {
    width: 100%;
    border-bottom: 3px solid #33c5e6;
    padding: 5px 0px;
}

.widget .table {
    margin-bottom: 0px;
}

.breadcrumb:before {
    font-family: 'FontAwesome';
    content: "\f0e8";
    color: #767676;
    font-size: 14px;
    margin-right: 3px;
}

.breadcrumb {
    background-color: #efefef;
    padding: 2px 0px 1px 8px;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-image: none;
    color: #333;
    float: right;
    list-style: none;
}

/*widget.css*/
.widget-body {
    background-color: #fff;
}

/*rwd-mobile*/
.mobile-hide {}

.mobile-show {
    display: none;
}

@media(max-width : 767px) {
    .mobile-hide {
        display: none;
    }

    .mobile-show {
        display: block;
    }

    .table-RWD th.th-hide-RWD {
        display: none !important;
    }

    .form-inline input.form-control {
        margin-bottom: 5px;
    }

    .input-group input.form-control {
        margin-bottom: 0px;
    }

    /*table (縮小時無bg-color)*/
    .table-RWD.no-bg tbody tr td:first-child {
        background: #fff !important;
        color: #7a7676;
    }

    .table-RWD.no-bg tbody tr td {
        border-bottom: 1px solid #F0F0F0;
    }

    .table-RWD.no-bg tbody tr td:last-child {
        border-bottom: 0px;
    }

    img.logo {
        height: 35px !important;
    }
}

@media(max-width : 585px) {
    .table-horizontal-RWD tbody tr td:first-of-type {
        background: none;
        color: #444;
    }

    /*btn 於手機模式中*/
    .btn {
        padding: 6px 6px;
    }

    .btn-small {
        width: auto;
    }

    img.logo {
        height: 30px !important;
    }
}

.tab-tag .tab-content {
    padding: 10px 0px !important;
}

/*skin-color*/
.table-top-line {
    border-top: 0px;
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #c5c4c4 !important;
}

.table-RWD thead tr th,
.table-RWD tbody tr th,
.table-RWD tfoot tr th,
.table thead tr th,
.table tbody tr th,
.table tfoot tr th {
    background: #eee;
}

.table-RWD caption,
.table caption {
    font-size: 20px;
    color: #194AB0;
    font-weight: 500;
}

/* 
@media screen and (max-width: 767px){
.table-RWD tbody tr td:first-of-type {background:rgba(137, 141, 142, 0.2);}} */
.table caption:before {
    content: none;
}

.title-leftline,
.title,
.title-icon {
    color: #194AB0;
}
.bi-pagination-title {
    font-size: 20px;
    color: #194AB0;
    font-weight: 500;
}


.btn {
    display: inline-block;
    padding: 10px 42px;
    margin: 0 12px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    border: 1px solid rgba(255, 255, 255, 0);
    border-radius: 50px;
    box-sizing: border-box;
    cursor: pointer;
}

.btn-primary {
    background-color: #004794 !important;
    border-color: #004794;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #004794 !important;
    border-color: #004794;
    opacity: 0.7;
}

.btn-primary-outlined {
    color: #004794;
    border: 1px solid #004794;
    background-color: #fff !important;
}
.btn-primary-outlined:hover,
.btn-primary-outlined:focus,
.btn-primary-outlined:active {
    color: #004794;
    border: 1px solid #004794;
    opacity: 0.7;
}

.btn-secondary {
    background-color: #ff9446;
    color: #fff;
    border: 1px solid transparent;
    background-image: linear-gradient(45deg,#fc8d79 40%,#ffa276)!important;
    border-color: #ff9446;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background-color: #ff9446 !important;
    border-color: #ff9446;
    color: #fff;
    opacity: 0.7;
}

.btn-secondary-outlined {
    color: #ff9446;
    background-color: #fff0 !important;
    border-color: #ff9446;
}
.btn-secondary-outlined:hover,
.btn-secondary-outlined:focus,
.btn-secondary-outlined:active {
    color: #ff9446;
    border-color: #ff9446!important;
    opacity: 0.7;
}

.btn-googleCalender {
    background-color: #6FC898 !important;
    border-color: #6FC898;
    color: #fff;
}
.btn-googleCalender:hover,
.btn-googleCalender:focus,
.btn-googleCalender:active {
    background-color: #44AE75 !important;
    border-color: #44AE75!important;
    color: #fff!important;
}

.btn-blue {background-color: #45BFFF!important;color: #fff;}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
    background-color: #0096E4 !important;
    border-color: #0096E4!important;
}

/* #FAC51E */
.btn-info {
    background-color: #fea401  !important;
    border-color: #fea401 ;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background-color: #fea401  !important;
    border-color: #fea401 !important;
    opacity: 0.7;
}

.btn-info-outlined {
    color: #fea401 ;
    background-color: #fff0 !important;
    border-color: #fea401 ;
}
.btn-info-outlined:hover,
.btn-info-outlined:focus,
.btn-info-outlined:active {
    color: #fea401 ;
    border-color: #fea401 !important;
    opacity: 0.7;
}









.btn-danger {
    background-color: #FC6B58 !important;
    border-color: #FC6B58;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    background-color: #FC6B58 !important;
    border-color: #FC6B58;
    opacity: 0.7;
}
.btn-danger-outlined {
    color: #FC6B58;
    background-color: #fff0 !important;
    border-color: #FC6B58;
}
.btn-danger-outlined:hover,
.btn-danger-outlined:focus,
.btn-danger-outlined:active {
    color: #FC6B58;
    border-color: #FC6B58!important;
    opacity: 0.7;
}

.btn-danger:active, 
.btn-danger.active, 
.open > .dropdown-toggle.btn-danger{
    border-color: #FC6B58;
}

.btn-gray {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.7);
}
.btn-gray,
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    opacity: 0.7;
}

.btn-default,
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    color: rgba(0, 0, 0, 0.7);
    opacity: 0.7;
}
.btn-default-outlined {
    color: rgba(0, 0, 0, 0.7);
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-default-outlined:hover,
.btn-default-outlined:focus,
.btn-default-outlined:active {
    color: rgba(0, 0, 0, 0.7);
    opacity: 0.7;
}

.tab-simple>.nav-tabs>li.active>a,
.tab-simple>.nav-tabs>li.active>a:focus,
.tab-simple>.nav-tabs>li.active>a:hover {
    border: 0;
    color: #000;
}

.tab-tag>.nav-pills>li.active>a,
.tab-tag>.nav-pills>li.active>a:hover,
.tab-tag>.nav-pills>li.active>a:focus {
    background: #ff9833;
}

.tab-tag>.nav-pills>li>a {
    color: #8f8f8f;
    background: #eff0f4;
}

.tab-tag>.nav {
    border-bottom: 2px solid #eff0f4;
}

section.box {
    background-color: #ffffff;
    margin: 15px 0;
    box-shadow: 0 1px 3px rgba(33, 33, 33, .2);
    -webkit-box-shadow: 0 1px 3px rgba(33, 33, 33, .2);
    -moz-box-shadow: 0 1px 3px rgba(33, 33, 33, .2);
    -o-box-shadow: 0 1px 3px rgba(33, 33, 33, .2);
    -ms-box-shadow: 0 1px 3px rgba(33, 33, 33, .2);
}

/*bootstrap-slider*/
.slider {
    display: block;
    margin: 5px;
}

.valueLabel {
    margin-left: 15px;
}

.slider-selection {
    background: #149bdf;
}

/*bootstrap-slider*/

/*step tab*/
.wizard {
    margin: 0px auto;
    background: #fff;
}

.wizard .nav-tabs {
    position: relative;
    margin: 0px auto;
    border-bottom-color: #e0e0e0;
}

.wizard>div.wizard-inner {
    position: relative;
}

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 40%;
    z-index: 1;
}

.wizard .nav-tabs>li.active>a,
.wizard .nav-tabs>li.active>a:hover,
.wizard .nav-tabs>li.active>a:focus {
    color: #5bc0de;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

span.round-tab i {
    color: #555555;
}

.wizard li.active span.round-tab {
    background: #FF5F00;
    border: 2px solid #FF5F00;
}

.wizard li.active span.round-tab {
    color: #fff;
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard li.pass span.round-tab {
    background: #e0e0e0;
    color: #fff;
    border: 2px solid #e0e0e0;
}

.wizard li.pass.active span.round-tab {
    background: #FF5F00;
    color: #fff;
    border: 2px solid #FF5F00;
}

.wizard li.active span.round-tab i {
    color: #fff;
}

.wizard ul.col-6>li {
    width: calc(99% / 6);
}

/*for item6 width*/
.wizard ul.col-5>li {
    width: calc(99% / 5);
}

/*for item5 width*/
.wizard ul.col-4>li {
    width: calc(99% / 4);
}

/*for item4 width*/
.wizard ul.col-3>li {
    width: calc(99% / 3);
}

/*for item3 width*/
.wizard ul.col-2>li {
    width: calc(99% / 2);
}

/*for item5 width*/
.connecting-line.col-6 {
    width: 80% !important;
}

/*for item6 line*/
.connecting-line.col-5 {
    width: 80% !important;
}

/*for item5 line*/
.connecting-line.col-4 {
    width: 75% !important;
}

/*for item4 line*/
.connecting-line.col-3 {
    width: 70% !important;
}

/*for item3 line*/
.connecting-line.col-2 {
    width: 50% !important;
}

/*for item2 line*/
.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 44%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #FF5F00;
}

.wizard .nav-tabs>li a {
    width: 70px;
    height: 70px;
    margin: 10px auto;
    border-radius: 100%;
    padding: 0;
}

.wizard .nav-tabs>li a:hover {
    background: transparent;
}

.wizard .tab-pane {
    position: relative;
    padding-top: 10px;
}

.wizard h3 {
    margin-top: 0;
}

@media(max-width : 585px) {
    .wizard {
        width: 100%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs>li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}

.progress {
    margin-bottom: 10px;
}

.flex-page {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;

}

.flex-page>* {
    padding: 5px;
    flex: 1 100%;
}

.flex-page.flex-i2>* {
    flex: auto !important;
}

.col-flex {}

.col-flex>div+div {
}

@media all and (min-width: 767px) {
    .col-flex {
        flex: 1 auto;
    }
}

@media all and (min-width: 1250px) {
    .sort-1 {
        width: 25% !important;
    }

    .sort-2 {
        width: 75% !important;
    }
}

@media all and (max-width: 1250px) {
    .sort-1 {
        width: 25% !important;
    }

    .sort-2 {
        width: 75% !important;
    }

}

@media all and (min-width: 1016px) {
    .flex-page .flex-page>.col-flex:first-child {
        padding-left: 0px;
        flex: 1 100%;
    }

    .flex-page .flex-page>.col-flex:last-child {
        padding-right: 0px;
        flex: 1 100%;
    }

    .flex-page .flex-page>.col-flex {
        padding-top: 0px;
    }

}

@media all and (max-width: 1015px) {
    .sort-1 {
        width: 50% !important;
        order: 1;
    }

    .sort-2 {
        width: 100% !important;
        order: 2;
    }

    .sort-3 {
        width: 50% !important;
        order: 3;
    }

    .sort-4 {
        order: 4;
    }
}

@media all and (max-width: 768px) {

    .flex-page.flex-sm-i2>* {
        flex: auto !important;
    }

    .col-flex-sm {
        width: 50%
    }
}

@media all and (max-width: 767px) {
    .flex-page .flex-page>.col-flex {
        padding: 0px;
    }

    .flex-page .flex-page>.col-flex:first-child {
        padding-bottom: 5px;
    }

    .flex-page .flex-page>.col-flex:last-child {
        padding-top: 5px;
    }
}


.bg-default {
    background: #fff;
    padding: 10px;
}

.img-link>div>div {
    padding: 6px 10px;
}

.img-link>div>div>label {
    margin-bottom: 0px;
    margin-top: 5px;
    color: #fff;
    display: block;
}

/* .img-link div+div>div{margin-left: 10px}
.img-link div+div+div>div{margin-left: 0px}
.img-link div+div+div+div>div{margin-left: 0px} */


.card div+div .card-item {
    margin-left: 10px
}

.card-item {
    border: 1px solid #eee;
    margin: 5px 0px;
    position: relative;
    font-size: 16px;
    padding: 5px;
    text-align: left;
}

.card-item .tag {
    background: #33c5e6;
    margin-left: -5px;
    letter-spacing: 2px;
    padding: 5px 10px;
    color: #fff
}

.card-item .name {
    margin-left: 10px;
}

.card-item .detail {
    margin-top: 10px;
    letter-spacing: 1px;
    word-break: break-all;
    line-height: 25px;
    text-align: left;
    font-size: 14px;
}

.card-item .detail img {
    margin: 0 5px
}

.card-item .detail>div+div {
    margin-top: 5px
}


.circle {}

.chase-item {
    float: right
}

.tab-circle a.cus-info {}

.tab-circle a.daily-info {}

.tab-circle a.expiry-date {}

.tab-circle>.nav-tabs>li>a {
    height: 90px;
    width: 90px;
    border-radius: 90px;
    border: 1px solid #ddd;
    padding-top: 55px;
}

.tab-circle .tab-content {
    margin-top: 16px
}

.tab-circle>.nav-tabs>li+li {
    margin-left: 20px;
}

.tab-circle .nav-tabs {
    border-bottom: 0px;
}

.tab-circle>.nav-tabs>li>a.cus-info,
.tab-circle>.nav-tabs>li>a.cus-info:hover {
    background: url(../images/tab_svg/icon_cus.svg)center 10px no-repeat;
    margin-bottom: 1px;
    background-color: #efefef;
    border: 1px solid #efefef;
    color: #9fa0a0;
    background-size: 30px;
}

.tab-circle>.nav-tabs>li.active>a.cus-info,
.tab-circle>.nav-tabs>li.active>a.cus-info:hover {
    background: url(../images/tab_svg/icon_cus_active.svg)center 10px no-repeat;
    margin-bottom: 1px;
    background-size: 30px;
    color: #33c5e6;
    font-weight: bolder;
    border: 2px solid #33c5e6;
}


.tab-circle>.nav-tabs>li>a.daily-info,
.tab-circle>.nav-tabs>li>a.daily-info:hover {
    background: url(../images/tab_svg/icon_daily.svg)center 10px no-repeat;
    margin-bottom: 1px;
    background-color: #efefef;
    border: 1px solid #efefef;
    color: #9fa0a0;
    background-size: 30px;
}

.tab-circle>.nav-tabs>li.active>a.daily-info,
.tab-circle>.nav-tabs>li.active>a.daily-info:hover {
    background: url(../images/tab_svg/icon_daily_active.svg)center 10px no-repeat;
    margin-bottom: 1px;
    background-size: 30px;
    color: #33c5e6;
    font-weight: bolder;
    border: 2px solid #33c5e6;
}

.tab-circle>.nav-tabs>li>a.expiry-date,
.tab-circle>.nav-tabs>li>a.expiry-date:hover {
    background: url(../images/tab_svg/icon_expiry.svg)center 10px no-repeat;
    margin-bottom: 1px;
    background-color: #efefef;
    border: 1px solid #efefef;
    color: #9fa0a0;
    background-size: 30px;
}

.tab-circle>.nav-tabs>li.active>a.expiry-date,
.tab-circle>.nav-tabs>li.active>a.expiry-date:hover {
    background: url(../images/tab_svg/icon_expiry_active.svg)center 10px no-repeat;
    margin-bottom: 1px;
    background-size: 30px;
    color: #33c5e6;
    font-weight: bolder;
    border: 2px solid #33c5e6;
}




.tab-no-border {}

.tab-no-border .tab-content {
    padding: 5px;
    background: #a98bb7;
}

.tab-no-border>.nav-tabs {
    border-bottom: 0px
}

.tab-no-border>.nav-tabs>li.active>a,
.tab-no-border>.nav-tabs>li.active>a:hover,
.tab-no-border>.nav-tabs>li.active>a:focus {
    border: 0px solid #ddd;
}

.tab-no-border>.nav-tabs.nav-justified>li>a {
    border: 0px
}

.tab-no-border>.nav-tabs>li>a {
    line-height: 2.1;
}


/*search-pro-cus*/
.tab-no-border>.nav-tabs>li>a.search-cus {
    background: url(../images/tab_svg/icon_search_cus.svg)5% 10px no-repeat;
}

.tab-no-border>.nav-tabs>li.active>a.search-cus,
.tab-no-border>.nav-tabs>li.active>a.search-cus:hover {
    background: url(../images/tab_svg/icon_search_cus_active.svg)5% 10px no-repeat;
    margin-bottom: 1px;
    color: #976AAB;
    font-weight: bolder;
}

.tab-no-border>.nav-tabs>li>a.search-pro {
    background: url(../images/tab_svg/icon_search_pro.svg)5% 10px no-repeat;
}

.tab-no-border>.nav-tabs>li.active>a.search-pro,
.tab-no-border>.nav-tabs>li.active>a.search-pro:hover {
    background: url(../images/tab_svg/icon_search_pro_active.svg)5% 10px no-repeat;
    margin-bottom: 1px;
    color: #976AAB;
    font-weight: bolder;
}

.tab-no-border>.nav-tabs>li>a.search-cus,
.tab-no-border>.nav-tabs>li.active>a.search-cus,
.tab-no-border>.nav-tabs>li.active>a.search-cus:hover,
.tab-no-border>.nav-tabs>li>a.search-pro,
.tab-no-border>.nav-tabs>li.active>a.search-pro,
.tab-no-border>.nav-tabs>li.active>a.search-pro:hover {
    background-size: 20px;
    /* padding-right: 5px; */
    padding: 5px;
}


h4.media-heading {
    letter-spacing: 0px
}

.media-object {
    height: 50px;
    width: 50px;
    background: #37bad7;
    border-radius: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff
}

.media {
    text-align: left;
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-bottom: 3px;
}

.media-body .date {
    color: #000;
    margin-top: 5px
}

.media-body .date span {
    margin-left: 10px
}

.media-top-item {
    border-top: 0px solid #eee;
    padding-top: 15px;
    text-align: left;
}


@media all and (max-width: 1150px) {
    .tab-no-border>.nav-tabs>li>a.search-cus {
        background: url(../images/tab_svg/icon_search_cus.svg)8% 10px no-repeat;
    }

    .tab-no-border>.nav-tabs>li.active>a.search-cus,
    .tab-no-border>.nav-tabs>li.active>a.search-cus:hover {
        background: url(../images/tab_svg/icon_search_cus_active.svg)8% 10px no-repeat;
    }

    .tab-no-border>.nav-tabs>li>a.search-pro {
        background: url(../images/tab_svg/icon_search_pro.svg)8% 10px no-repeat;
    }

    .tab-no-border>.nav-tabs>li.active>a.search-pro,
    .tab-no-border>.nav-tabs>li.active>a.search-pro:hover {
        background: url(../images/tab_svg/icon_search_pro_active.svg)8% 10px no-repeat;
    }

    .tab-no-border>.nav-tabs>li>a.search-cus,
    .tab-no-border>.nav-tabs>li.active>a.search-cus,
    .tab-no-border>.nav-tabs>li.active>a.search-cus:hover,
    .tab-no-border>.nav-tabs>li>a.search-pro,
    .tab-no-border>.nav-tabs>li.active>a.search-pro,
    .tab-no-border>.nav-tabs>li.active>a.search-pro:hover {
        background-size: 20px;
        text-align: right
    }
}

@media all and (max-width: 1045px) {
    .tab-no-border>.nav-tabs>li>a.search-cus {
        background: url(../images/tab_svg/icon_search_cus.svg)30% 10px no-repeat;
    }

    .tab-no-border>.nav-tabs>li.active>a.search-cus,
    .tab-no-border>.nav-tabs>li.active>a.search-cus:hover {
        background: url(../images/tab_svg/icon_search_cus_active.svg)30% 10px no-repeat;
    }

    .tab-no-border>.nav-tabs>li>a.search-pro {
        background: url(../images/tab_svg/icon_search_pro.svg)30% 10px no-repeat;
    }

    .tab-no-border>.nav-tabs>li.active>a.search-pro,
    .tab-no-border>.nav-tabs>li.active>a.search-pro:hover {
        background: url(../images/tab_svg/icon_search_pro_active.svg)30% 10px no-repeat;
    }

    .tab-no-border>.nav-tabs>li>a.search-cus,
    .tab-no-border>.nav-tabs>li.active>a.search-cus,
    .tab-no-border>.nav-tabs>li.active>a.search-cus:hover,
    .tab-no-border>.nav-tabs>li>a.search-pro,
    .tab-no-border>.nav-tabs>li.active>a.search-pro,
    .tab-no-border>.nav-tabs>li.active>a.search-pro:hover {
        background-size: 20px;
        text-align: center
    }
}

@media all and (max-width: 900px) {

    .tab-no-border>.nav-tabs>li>a.search-cus {
        background: url(../images/tab_svg/icon_search_cus.svg)20% 15px no-repeat;
    }

    .tab-no-border>.nav-tabs>li.active>a.search-cus,
    .tab-no-border>.nav-tabs>li.active>a.search-cus:hover {
        background: url(../images/tab_svg/icon_search_cus_active.svg)20% 15px no-repeat;
    }

    .tab-no-border>.nav-tabs>li>a.search-pro {
        background: url(../images/tab_svg/icon_search_pro.svg)20% 15px no-repeat;
    }

    .tab-no-border>.nav-tabs>li.active>a.search-pro,
    .tab-no-border>.nav-tabs>li.active>a.search-pro:hover {
        background: url(../images/tab_svg/icon_search_pro_active.svg)20% 15px no-repeat;
    }

    .tab-no-border>.nav-tabs>li>a.search-cus,
    .tab-no-border>.nav-tabs>li.active>a.search-cus,
    .tab-no-border>.nav-tabs>li.active>a.search-cus:hover,
    .tab-no-border>.nav-tabs>li>a.search-pro,
    .tab-no-border>.nav-tabs>li.active>a.search-pro,
    .tab-no-border>.nav-tabs>li.active>a.search-pro:hover {
        background-size: 20px;
    }



}

@media (max-width: 768px) {
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%;
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0;
    }

    .chase-item {
        float: right;
    }

    .card div+div .card-item {
        margin-left: 0px
    }
}


@media all and (max-width: 590px) {

    .chase-item {
        float: none;
        display: block;
        text-align: right;
        margin-bottom: 10px;
    }
}


@media all and (max-width: 450px) {

    .tab-no-border>.nav-tabs>li>a.search-cus {
        background: url(../images/tab_svg/icon_search_cus.svg)20% 10px no-repeat;
    }

    .tab-no-border>.nav-tabs>li.active>a.search-cus,
    .tab-no-border>.nav-tabs>li.active>a.search-cus:hover {
        background: url(../images/tab_svg/icon_search_cus_active.svg)20% 10px no-repeat;
    }

    .tab-no-border>.nav-tabs>li>a.search-pro {
        background: url(../images/tab_svg/icon_search_pro.svg)20% 10px no-repeat;
    }

    .tab-no-border>.nav-tabs>li.active>a.search-pro,
    .tab-no-border>.nav-tabs>li.active>a.search-pro:hover {
        background: url(../images/tab_svg/icon_search_pro_active.svg)20% 10px no-repeat;
    }

    .tab-no-border>.nav-tabs>li>a.search-cus,
    .tab-no-border>.nav-tabs>li.active>a.search-cus,
    .tab-no-border>.nav-tabs>li.active>a.search-cus:hover,
    .tab-no-border>.nav-tabs>li>a.search-pro,
    .tab-no-border>.nav-tabs>li.active>a.search-pro,
    .tab-no-border>.nav-tabs>li.active>a.search-pro:hover {
        background-size: 20px;
    }

    .img-link>div>div {
        padding: 9px 5px;
    }
}


.slider {
    text-align: left !important;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {}

.slick-prev,
.slick-next {
    border-radius: 30px;
    width: 30px;
    height: 30px;
    z-index: 9;
    border: 1px solid #ccc;
    background-color: #fff;

}

.slick-prev:before,
.slick-next:before {
    color: #080d0f;
}

.slick-next:before {
    font-family: 'Glyphicons Halflings';
    content: "\e080";
    font-size: 15px;
    color: #080d0f;
}

.slick-prev:before {
    font-family: 'Glyphicons Halflings';
    content: "\e079";
    font-size: 15px;
    color: #080d0f;
}

.slick-prev {
    left: -10px;
}

.slick-next {
    right: -10px;
}

.slick-slide img {
    display: inline-block;
}

.card div+div .card-item {
    margin-left: 0px;
}

.slick-slide>div>div+div .card-item {
    margin-left: 10px;
    ;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 30px;
}

.slick-dotted.slick-slider {
    margin-bottom: 20px;
}

.slick-dots {
    bottom: -20px;
}

.bg-default.min-height {
    padding: 10px 10px 5px 10px;
}

.tab-circle .tab-content {
    margin-top: 5px;
}

.tab-circle>.nav-tabs>li>a {
    height: 80px;
    width: 80px;
    border-radius: 90px;
    border: 1px solid #ddd;
    padding-top: 32px;
    /* word-break: keep-all; */
}

h4,
.h4 {
    margin-top: 0px;
    margin-bottom: 5px;
}

.tab-circle>.nav-tabs>li>a {
    height: 80px;
    width: 80px;
    border-radius: 80px;
    padding-top: 42px;
    font-size: 16px;
}

.slider-no-margin {
    margin: 0px;
}

.ellipsis-text-1 {
    width: 100%;
    max-width: 140px;
    text-align: justify;
    /*單行文字限制*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

/* collapse */
.collapse-toggle {
    position: relative;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-size: 20px;
    font-weight: 400;

    background-color: transparent;
    border: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.collapse-toggle.collapsed:after {
    content: "\e114";
}

.collapse-toggle:after {
    content: "\e113";
}

.navbar-collapse {
    padding: 0
}

.bg-color {}

.bg-color-1 {
    background-color: #E05E8A !important
}

.bg-color-2 {
    background-color: #A9CD7F !important
}

.bg-color-3 {
    background-color: #F4BB1D !important
}

.dlg-no-close .ui-dialog-titlebar-close {
    display: none;
}


.table-sticky-header {
    height: 100%
}

input[type="checkbox"].chexksquare+label,
input[type="radio"].chexksquare+label {
    color: #333;
    margin: 5px 15px 5px 0;
    display: inline-flex;
    position: relative
}

input[type="checkbox"].chexksquare+label span,
input[type="radio"].chexksquare+label span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 80px;
    height: 40px;
    padding: 5px;
    border-radius: 6px;
    background: #fff;
    border: 2px solid #ccc;
    cursor: pointer;
    box-shadow: none
}

input[type="checkbox"].chexksquare+label span:after,
input[type="radio"].chexksquare+label span:after {
    content: "✔";
    color: #fff;
    background: #ccc;
    border-radius: 50%;
    padding: 2px;
    position: absolute;
    right: -5px;
    top: -5px;
    font-size: 13px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    text-align: center
}

input[type="checkbox"].chexksquare:checked+label span,
input[type="radio"].chexksquare:checked+label span {
    background: #ffdab5;
    border: 2px solid #e98c50;
    box-shadow: none
}

input[type="checkbox"].chexksquare:checked+label span:after,
input[type="radio"].chexksquare:checked+label span:after {
    background: #e98c50;
}

input[type="checkbox"].chexksquare+label span.width-120 {
    min-width: 120px;
}

input[type="radio"].chexksquare+label span.with-img {
    min-width: 135px;
    height: auto;
}

input[type="radio"].chexksquare,
input[type="checkbox"].chexksquare {
    margin: 7px 5px 0px 0px;
}

input[type="radio"].chexksquare {
    display: none;
}

.ml-2 {
    margin-left: 30px;
}

.mt-1 {
    margin-top: 8px;
}

.mt-30 {
    margin-top: 30px;
}

.check-box-level {
    padding: 5px 10px;
    font-size: 15px;
    color: #33c5e6;
    letter-spacing: 1px;
    font-weight: bolder;
    background-color: #eeeeee;
}

.check-box-level+.check-box-level {
    margin-top: 8px;
}

.border-block {
    border: 1px solid #eee;
    padding-bottom: 10px;
}

.flex-box-2-blank,
.flex-report-box {
    display: flex;
    flex: 1;
}

.flex-box-2-blank .flex-item {
    width: 49%;
}

.flex-box-2-blank .flex-item:last-child {
    margin-left: 2%;
}

.flex-report-box .flex-report-item {
    width: 68%;
}

.flex-report-box .flex-report-item:last-child {
    margin-left: 2%;
    width: 30%;
}

.toggle-icon-plus.mr-0:before,
.toggle-icon-plus.mr-0.collapsed:before {
    font-family: 'Glyphicons Halflings';
    margin-right: 1px;
}

.select-fixed {
    width: 80px;
    padding: 2px 2px !important;
}

.pad-hide {
    width: 400px;
    display: inline-block;
}

@media(max-width : 500px) {

    .flex-box-2-blank,
    .flex-report-box {
        display: block;
    }

    .flex-box-2-blank .flex-item {
        width: 100%;
    }

    .flex-box-2-blank .flex-item:last-child {
        margin-left: 0;
    }

    .flex-report-box .flex-report-item {
        width: 100%;
    }

    .flex-report-box .flex-report-item:last-child {
        margin-left: 0;
        width: 100%;
        margin-top: 30px;
    }
}

@media(max-width : 1230px) {
    .pad-hide {
        display: none;
    }
}

.table-scroll {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-scroll table {
    width: 100%;
    white-space: nowrap;
}

.modal-footer {
    display: flex;
    justify-content: center;
    column-gap: 2px;
    border-top: 0px;
}

.modal-footer .btn+.btn {
    margin-left: 0px;
}

.btn-box {
    margin: 24px 0 8px 0;
    display: block;
    clear: both;
    text-align: center;
}

table ul,
ol {
    list-style: none;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    padding: 5px 11px;
    margin-left: 0px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    margin-right: 0px;
}


.bi-paginator {
    display: flex;
    flex-direction: column;
}

.bi-paginator-label {
    order: 2;
    margin: 10px 0 0;
}

.title.toggle-icon-plus {
    position: relative;
    margin: 0 0 16px 0;
    padding: 5px 16px 8px 16px;
    border-radius: 6px;
    background: #f4f4f4;
    cursor: pointer;
    display: flex;
    color: #194AB0;
    justify-content: space-between;
    font-size: 19px;
    font-weight: 500;
    word-break: keep-all;
}

.toggle-icon-plus.collapsed:before,
.toggle-icon-plus:before {
    order: 2;
}

.input-group-btn .btn.dropdown-toggle {
    padding: 7px 18px;
    border-radius: 0 6px 6px 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: #fff;
}

.btn .caret {
    margin-left: 0;
    color: #000;
}

.search_box .title.toggle-icon-plus {
    margin-bottom: 0px;
}

.search_box .collapse {
    background: #f4f4f4;
    padding-top: 10px;
}

.title.toggle-icon-plus {
    border-radius: 6px 6px 0 0;
}

.title.toggle-icon-plus.collapsed {
    border-radius: 6px;}

/* alert */
.bi-alert {
    background-color: white;
    width: 250px;
    padding: 17px;
    border-radius: 15px;
    text-align: center;
    position: absolute;
    transform: translate(-50%, 0%);
    left: 50%;
    top: 25%;
    z-index: 99999;
}

.bi-alert button.close {
    position: absolute;
    right: 10px;
    top: 10px;
}
.alert-success {
    color: #ffffff;
    background: #4CAF50 !important;
    border-color: #4CAF50;
}
.alert-success:before,
.alert-danger:before {
    color: #fff;
    font-size: 30px;
    padding: 5px 5px 10px 5px;
    float: none;
    display: block;
}
.alert-danger {
    color: #ffffff;
    background: #ee5252 !important;
    border-color: #ee5252;
}
.ui-dialog {
    padding: 10px;
    border-radius: 20px;
}
.ui-dialog .ui-dialog-content {
    font-size: 14px;
    padding: 1em 1em;
}
.ui-dialog .ui-dialog-buttonpane {
    border-color: #fff;
    background: #ffffff;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    text-align: center;
}
.menu-toggle {
    position: absolute !important;
    z-index: 99999;
    top: 0px;
    font-size: initial !important;
}
.menu-toggle.close-menu {
    background: #39d9ff;
    border-radius: 0 0 80% 0;
    height: 35px;
    width: 35px;
}
.menu-toggle.close-menu:before {
    font-size: 25px;
    padding-top: 2px;
    margin-left: -10px;
    display: inline-block;
    opacity: 0.7;}
.input_larger_medium.form-control{display: inline-block;vertical-align: top;}
label {font-weight: 500;}
.form-control {height: 36px;border-radius: 6px;padding: 0px 8px;font-size: 16px;}

@media (max-width: 500px) {
#sidebar-wrapper {position: fixed!important;width: 100%!important;}
#wrapper.toggled #sidebar-wrapper{width: 0%!important;}
.sidebar-nav{top: 0%;left: 50%;transform: translate(-50%, 0%);}
.sidebar-nav li a.active,
.sidebar-nav li a:hover{border-radius: 50px!important;}
.d-flex{flex-wrap: wrap;}}

.bi-pagination-title:before {content: none;}
.dash-title{font-size: 20px;color: #383838;font-weight: bold;margin-bottom: 10px;}
@media (max-width: 767px) {
    .table-RWD tbody tr td:first-of-type {background: rgb(255 255 255 / 0%);color: #444;}
    .table-RWD tbody tr td{border:0px!important;}
    .table-RWD tbody tr{border:1px solid #ddd!important;}
}
    
/* 儀錶板-當家醫生 */
.pd-doll{
    position: absolute;
    right: 20px;
    bottom: -5px;}

.dash-menu-btn .btn{
    padding: 10px 52px;
    color: rgba(0, 0, 0, 0.7);
    background-color: #e3f0ff;
    border-radius: 10px;}

.dash-menu-btn .btn:hover{
    padding: 10px 52px;
    background-color:#FFA269;
    color:#fff;}

.dash-box-1 .flex-1{flex:1;}
.dash-box-2 .flex-1{flex:1;max-width: 40%;padding: 5px 10px;}
.dash-box-2 .flex-2{flex:2;max-width: calc(100% - 40% - 350px);}
.dash-box-2 .flex-3{flex:auto;max-width: 350px;}
.dash-box-2{margin: 10px 5px;}

@media (max-width: 580px) {
.dash-box-1{}
    .dash-box-2{margin: 10px;}
    .pd-doll {
        position: absolute;
        right: 0px;
        top: 0px;}
    .pd-doll>img{height: 150px;}
    .dash-box-2 .flex-1,.dash-box-2 .flex-2{
        flex:100%;
        max-width: 100%;
    }
    .dash-box-2 .col-flex+.col-flex{
        margin-top: 20px;}}

#sidebar-wrapper::-webkit-scrollbar, .index-scll::-webkit-scrollbar,.box__item::-webkit-scrollbar{ width: 6px;height: 6px;}
#sidebar-wrapper::-webkit-scrollbar-track, .index-scll::-webkit-scrollbar-track,.box__item::-webkit-scrollbar-track {-webkit-border-radius: 10px; border-radius: 5px; margin:30px 0 15px 0;}
#sidebar-wrapper::-webkit-scrollbar-thumb, .index-scll::-webkit-scrollbar-thumb,.box__item::-webkit-scrollbar-thumb {-webkit-border-radius: 4px; border-radius: 4px; background: rgb(0,0,0,0.2);}




.input_box .form-control {display: inline;}
.modal-xxl{width: 90%;}

.tab-menu>.nav {border: 0px solid;background: #fff!important;}
.tab-menu>.nav-pills > li > a {
    border-radius: 0px;
    width: 100%;
    height: 100%;
    padding: 10px;
    display: block;
    box-sizing: border-box;
    font-size: 19px;
    color: rgba(0,0,0,0.7);
    background-color: #ffffff;}
.nav-pills > li.active > a, 
.nav-pills > li.active > a:hover, 
.nav-pills > li.active > a:focus {
    color: #FAC51E;
    background-color: #ffffff;
    border-bottom: 2px solid #FAC51E;}
.con_box .search_box_topline {
        border-top: 2px solid #ECECEC;
    }
table { border-spacing: 0;border-collapse: separate;}
.addrHelp-btn .btn{ margin: 0px 10px 0 0;padding: 10px 0px;width: 95px;}
.justify-between{ justify-content: space-between;}
@media (max-width: 643px) {
    .addrHelp-btn .btn{ width: 55px;}
}

@media (max-width: 643px) {
.justify-between{ justify-content: start;}
}
.table_box table { border-radius: 20px;}
.table_box tr:first-child th:first-child{ border-radius: 20px 0 0 0;}
.table_box tr:first-child th:last-child{ border-radius: 0 20px 0 0;}
.table_box tr:last-child td:first-child{ border-radius: 0 0 0 20px;}
.table_box tr:last-child td:last-child{ border-radius: 0 0 20px 0;}
.guarantee_table table { border-radius: 20px;}
.guarantee_table tr:first-child th:first-child{ border-radius: 20px 0 0 0;}
.guarantee_table tr:first-child th:last-child,
.guarantee_table tr:first-child td:last-child{ border-radius: 0 20px 0 0;}
.guarantee_table tr:last-child th:first-child{ border-radius: 0 0 0 20px;}
.guarantee_table tr:last-child td:last-child{ border-radius: 0 0 20px 0;}
.table table,.table-bordered table { border-radius: 20px;}
.table-bordered thead tr:first-child th:first-child,
.table-bordered thead tr:first-child th:first-child{ border-radius: 20px 0 0 0;}
.table-bordered thead tr:first-child th:last-child,
.table-bordered thead tr:first-child th:last-child{ border-radius: 0 20px 0 0;}
.table tbody  tr:last-child td:first-child,
.table-bordered tbody tr:last-child td:first-child{ border-radius: 0 0 0 20px;}
.table tbody  tr:last-child td:last-child,
.table-bordered tbody tr:last-child td:last-child{ border-radius: 0 0 20px 0;}
.table-bordered{ border: 0px solid #ddd;}

.con_box .empty_contents {
    font-size: 16px;
    color: rgba(0,0,0,0.4);
    text-align: center;
    margin: 16px 0;}

.input-group{display: -webkit-inline-box;} 
.infos_list .css-1{
    border-left: 5px solid #ee5958;
}
.infos_list .css-2{
    border-left: 5px solid #5279f2;
}
.infos_list .css-3{
    border-left: 5px solid #ffb051;
}
.infos_list .css-4{
    border-left: 5px solid #69becc;
}
.infos_list .css-5{
    border-left: 5px solid #cda8d1;
}
.infos_list .css-6{
    border-left: 5px solid #835558;
}

.modal-title{
    font-size: 20px;
    color: #000;
}
@media (min-width: 992px) {
    .modal-lg {
      width: 1020px;
    }
  }



:root {
    --easing: cubic-bezier(0.33, 1, 0.68, 1);
    --easing-2: cubic-bezier(0.61, 1, 0.88, 1);
  }
  
input[type=checkbox]:checked + .toggle-cuu + .box-cuus:after {
    transform: translateY(-50%) scale3d(8, 6, 1);
  }

input[type=checkbox]:checked + .toggle-cuu + .box-cuu .box__item {
    transform: translateX(0px);
    opacity: 1;
    display: block;
    transition: all 0.5s ease-out;
    transition-delay: calc(var(--index) * 0.1s);
    transition-property: transform, opacity;
  }

input[type=checkbox]:checked  + .toggle-cuu>.icon-cuu {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E %3Cpath d='M437.5 386.6L306.9 256l130.6-130.6c14.1-14.1 14.1-36.8 0-50.9-14.1-14.1-36.8-14.1-50.9 0L256 205.1 125.4 74.5c-14.1-14.1-36.8-14.1-50.9 0-14.1 14.1-14.1 36.8 0 50.9L205.1 256 74.5 386.6c-14.1 14.1-14.1 36.8 0 50.9 14.1 14.1 36.8 14.1 50.9 0L256 306.9l130.6 130.6c14.1 14.1 36.8 14.1 50.9 0 14-14.1 14-36.9 0-50.9z'/%3E %3C/svg%3E ");
  }
  
  .box-cuu {
    padding: 0px;
    height: 100vh;
    right: 0;
    position: absolute;
  }
  .box__item {
    width: 250px;
    height: 100vh;
    overflow-y: auto;
    background-color: #e3f0ff;
    display: none;
    transform: translateX(20px);
    opacity: 0;
    transition: opacity 0.2s var(--easing-2) 0;
    border-radius: 20px;
    padding: 20px 10px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px;
    
  }
  
  .toggle-cuu {
    display: block;
    position: absolute;
    z-index: 999;
    right: 0px;
    top: 30px;
    margin: 0;
    min-width: unset;
    transform: translateY(-50%);
    border-radius: 10px 0 0 10px;
    background-color: #b2d9f7;
  }
  input[type=checkbox]:checked  + .toggle-cuu {
    right: 250px;
  }


  .toggle__checkbox {
    display: none;
  }
  
  .icon-cuu {
    cursor: pointer;
    display: block;
    width: 40px;
    height: 40px;
    background: no-repeat center/40%;
    background-image: url(../images/new/user-g.svg);
  }



/*需求分析*/
.btn-pluss-wrapper{
    position: absolute;
    margin-left: 20px;
    display: inline-block!important;
    bottom: 10px;
}
  .btn-pluss {
    overflow: hidden;
    position: relative;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 22px;
    width: 30px;
    margin: 0 auto;
    background-color: white;
    transition: width 0.3s 0.5s ease, border-radius 1.1s ease;
  }
  .btn-pluss a {
    display: block;
    position: relative;
    color: #FA434B;
    text-decoration: none;
    overflow: hidden;
    font-size: 14px;
    border-radius: 5px;
  }
  .btn-pluss a:hover {
    text-decoration: inherit;
    color: white;
    background-color: #FA434B;
    transition: background-color 0.5s ease;
  }
  .btn-pluss:after {
    content: "+";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    line-height: 20px;
    text-align: center;
    font-size: 1.1rem;
    background-color: #FFA269;
    color: white;
    transform: translateY(-50%) translateX(-50%);
    transition: all 0.3s 0.5s ease;
    cursor: pointer;
    cursor: hand;
  }
  .btn-pluss ul {
    opacity: 0;
  }
  .btn-pluss ul {
    margin-top: 15px;
    opacity: 0;
    width: 100%;
    margin-left: 0px;
    transition: all 0.5s ease;
    text-align: center;
    font-size: 0.9rem;
  }
  .btn-pluss ul li {
    background-color: #ffffff;
    margin-top: 5px;
    border-radius: 5px;
    width: 100%;
    height: 0px;
    overflow: hidden;
    transition: height 1s ease;
  }
  
  .n-tooltip {
    position: relative;
    padding: 5px;
    border-radius: 5px;
    width: 95px;
    text-align: center;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: bold;
    margin: 0 auto;
    margin-bottom: 15px;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
    -webkit-animation-name: jump;
            animation-name: jump;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    color: #fcfcfc;
    background: #FA434B;
    transition: all 1s ease;
    pointer-events: none;
  }
  .n-tooltip::after {
    content: "";
    position: absolute;
    transform: rotate(45deg);
    display: block;
    height: 10px;
    width: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: inherit;
  }
  .n-tooltip::before {
    content: "";
    color: white;
  }
  
  .btn-pluss-wrapper:hover .tooltip {
    -webkit-animation-duration: 0s;
            animation-duration: 0s;
    transition: all 1s ease;
    color: white;
    width: 90px;
  }
  .btn-pluss-wrapper:hover .tooltip::before {
    content: "Choose!";
    display: block;
    color: #FA434B;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    transition: all 1s 0.3s ease;
  }
  .btn-pluss-wrapper:hover .btn-pluss {
    width: 150px;
    border-radius: 15px;
    padding-bottom: 5px;
    transition: width 0.3s ease, border-radius 0.3s ease, padding-bottom 0.3s ease;
  }
  .btn-pluss-wrapper:hover .btn-pluss::after {
    transition: all 0.3s ease;
    left: 50%;
    top: 10px;
    transform: translateY(-5px) translateX(-50%);
  }
  .btn-pluss-wrapper:hover .btn-pluss ul {
    opacity: 1;
    margin-top: 30px;
    transition: all 1s ease;
  }
  .btn-pluss-wrapper:hover .btn-pluss li {
    height: 25px;
    transition: height 1s ease;
  }
  .btn-pluss-wrapper:hover .btn-pluss li:hover {
    border-bottom: 1px solid #ffffff;
  }
  
  @-webkit-keyframes jump {
    0% {
      transform: translateY(3px);
    }
    50% {
      transform: translateY(-15px);
    }
    100% {
      transform: translateY(3px);
    }
  }
  
  @keyframes jump {
    0% {
      transform: translateY(3px);
    }
    50% {
      transform: translateY(-15px);
    }
    100% {
      transform: translateY(3px);
    }
  }

  .ned-color-a{
color:#4caf50!important;
  }
  .ned-color-b{
    color:#e91e63!important;
  }
  .ned-color-c{
    color:#00bcd4!important;
  }
  .ned-color-d{
    color:#2196f3!important;
  }
  .ned-color-e{
    color:#673ab7!important;
  }
  .ned-color-f{
    color:#cddc39!important;
  }
  a {color: #024bf3;}


.title.toggle-icon-plus.print-collapse{
    display: inline-block;
    background: #fff; 
    margin: 0px;
    padding: 0px;
}
.toggle-icon-plus.print-collapse:before {
    vertical-align: bottom;}



.radio-ok.btn-primary{
    margin: 0px;
    padding: 3px 10px;
}