/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2019/10/17, 上午 11:16:39
    Author     : Shine
*/
.ftds-space{
    margin: 20px 0;
    height: 1px;
}

.ftds-div-title{
    padding: 15px;
    line-height: 30px;
    font-size: 20px;
    color: #000;
    font-weight: 600px;
    /*max-width: calc(100% - 1px);*/
}

.ftds-div-content{
    /*padding: 15px 0px;*/
    line-height: 60px;
    font-size: 16px;
    color: #000;
    font-weight: 600px;
    border-right: 1px #666 solid;
    border-bottom: 1px #666 solid;
}

.ftds-div-content-block{
    /*padding: 15px 0px;*/
    line-height: 60px;
    font-size: 16px;
    color: #000;
    font-weight: 600px;
    border-right: 1px #666 solid;
    border-bottom: 1px #666 solid;
}

/**-------- border set ----------------------**/
.ftds-b{
    border: 1px #666 solid;
}

.ftds-b-t{
    border-top: 1px #666 solid;
}

.ftds-b-b{
    border-bottom: 1px #666 solid;
}
.ftds-b-l{
    border-left: 1px #666 solid;
}
.ftds-b-r{
    border-right: 1px #666 solid;
}


.reg-title{
    padding: 0 15px 0px 15px;
    border-left: 5px solid;
    border-color: #28a745;
}

.reg-title h4{
    line-height: 30px;
    margin: 0;
}

.ftds-line, .ftds-double-line {
    clear: both;
    position: relative;
    width: 100%;
    margin: 60px 0;
    border-top: 1px solid;
    border-color: #eee;
}

main .ftds-line-sm {
    margin: 20px 0;
}

.section{
    width: 100%;
    float: left;
}

.ftds-reg-select{
    width: calc(100% / 4 - 5px);
    height: 60px;
    background-color: #005e89;
    margin: 0 5px 5px 0 ;
    padding: 15px 0px;
    color: #fff;
    float: left;
}

.ftds-icon-block{
    text-align: center;
    float: left;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 99em;
    line-height: 60px;
    margin: 0 30px;
}


.ftds-icon-block i.fa{
    font-size: 35px;
    color: #000;
    line-height: 60px;
    /*padding-left: 20px;*/
}

.ftds-reg-select .text{
    text-align: center;   
    /*padding-bottom: 10px;*/
    line-height: 60px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    float: left;
}

.ftds-reg-select a{
    color: #fff;
    font-size: 35px;
    font-weight: 600;
}

/**********( GetDivDoctorListInfo ) 就 診 科 別 門 診 表****************/
.ftds-code{color: #dc3545;}
.ftds-divname{padding: 0 5px;color: #28a745;}
.ftds-div-title{
    background: #005e89; color: #fff;
    font-weight: 600;
}

.eck-week{
    height: 40px;
    background: #5c99b4;
    color: #fff;
}

.eck-mor{
    height: 40px;
    background: #eee;
    color: #005e89;
    font-weight: bold;
}

.eck-aft{
    height: 40px;
    background:  #eee;
    color: #dc3545;
    font-weight: bold;
}

.eck-nig{
    height: 40px;
    background:  #eee;
    color: #dc3545;
    font-weight: bold;
}

.eck-info{
    height: 80px;
}

.eck-list-title{
    height: 40px;
    background: #666;
    color: #ffffff;
}
.eck-list-id{
    height: 60px;
    background: #eee;
    line-height: 25px;
    color: #007bff;
}


.doctei_div{
    padding: 0;    
}
.Clinic_Statemnet{
    min-height: 60px;
}



.clinic_no{
    height: 80px;
    line-height: 80px;
}

.clinic_info{
    height: 78px;
    background: #eee;
    line-height: 25px;
    color: #007bff;
    overflow:visible;
}


.clinic_info_nigth{
    height: 38px;
    background: #eee;
    line-height: 25px;
    color: #007bff;
    overflow:visible;
}


.Div_Statement{
    color: #dc3579;
    font-size: 12px;
    line-height: 20px;
}



a.eck-doctor-link{
    color: #343a40;
    text-decoration: none;
    outline: none;
}

a.eck-doctor-link:hover{
    color: #28a745;
}

.eck-doctor-name{
    padding: 5px 0 0 0;
    line-height: 24px;
}

.eck-doctor-no{
    padding: 0 0 5px 0;
    line-height: 24px;
}

/**********( DoctorRegister ) 醫 師 看 診 診 別****************/
.ftds-reg-list-title{
    text-align: center;
    background: #5c99b4;
    color: #ffffff;
}

.ftds-reg-list-font div{
    line-height: 30px;
}

.ftds-reg-list-font{
    text-align: center;
    background: #fefefe;
}

a.register-click, a.open-click, a.back-click{
    text-decoration: none;
    outline: none;
    padding: 5px 10px;
    border-radius: 5px;
    background: #28a745;
    color: #ffffff;
}

a.register-click:hover{
    background: #28a745;
    color: #ffffff;
}

span.register-stop, span.ftds-red{
    color: #dc3545;
    font-size: 16px;
}

.ftds-ps-msg{
    padding: 15px;
    line-height: 24px;
    font-size: 15px;
    color: #343a40;
    background: #f8f9fa;
}

.ftds-ps-msg-s{
    padding: 15px;
    line-height: 24px;
    font-size: 15px;
    color: #dc3545;
    /*background: #f8f9fa;*/
}

span.ftds-red{
    font-weight: 600;
    font-size: 18px;
}
.ftds-inquire{
    padding: 10px;
}
.ftds-inquire-btn{
    background: #007d9e;
    color: #ffffff;
    padding: 30px 0px;
    line-height: 50px;
    font-size: 32px;
}

.ftds-inquire-btn:hover{
    background: #dc3545;
    color: #ffffff;
}

.ftds-inquire-item{
    border: 1px solid;
    border-color: #dc3545;
    border-radius: 5px;
    border-color: #008800;
    background: #98f898;
    background: #e1ffe1;
    padding: 0px ;
    font-weight: 600;
    font-size: 20px;
    margin: 10px 0;
    /*background: #afeeee;*/
}


.item-title{
    line-height: 50px;
    padding: 0px ;
    color: #343a40;
    border-color:  #ffffff;
    border-color: #008800;

}
.item-left, .item-right, .item-bottom-left, .item-bottom-right{
    color: #343a40;
    padding: 0px ;

    /*color: #98f898;*/
}
.item-left{
    line-height: 40px;
}

.item-right{
    line-height: 80px;
    background: #fff;
}

.item-no{
    line-height: 60px;
}

.item-date{
    line-height: 20px;
    font-size: 12px;
    color: #444;
}

.item-content{
    padding: 0 15px;
    border-color: #ffffff;
    border-color: #008800;
}

.item-no{
    /*line-height: 80px;*/
    font-size: 35px;
    color: #dc3545;
}

.item-doctor-name{
    color: #00f;
}

.item-clinic-name{
    color: #207534;
}

.item-bottom-left, .item-bottom-right{
    line-height: 40px;
}

.item-bottom-left{
    color: #f00;
}

.item-bottom-right{

}

.item-content .blue{
    color: #007bff;
}

/*---- 掛號表單 ----*/
.ftds-reg-form{
    padding: 5px 10px;   
}


.ftds-reg-form-info, .ftds-reg-form-title{
    line-height: 38px;
    color: #343a40;
    font-weight: 700;
}

.reg-info{
    color: #078c25;
}
.ftds-reg-block{
    padding: 0 5px;
    margin-bottom: 20px;
}

.ftds-block{
    padding: 0;
    margin-bottom: 20px;
}


.ftds-border{
    padding: 0 0 20px 0;
    border: 1px #666 solid;
    /*margin: 0 15px;*/

}

.ftds-border-mob{
    border: 1px #666 solid;
    border-top: 0;
    border-bottom: 0;

    /*margin: 0 15px;*/

}

span.ClinicNo{
    color: #007bff;
}

span.RegNo{
    color: #dc3545;
}

span.DoctorName{
    color: #00f;
}

span.required{
    color: #f00;
}

.ftds-register-birthday{
    padding: 0px;
    text-align: center;
}

.ftds-reg-form-submit{
    margin-top: 20px;
    font-weight: 600;
}

.ftds-reg-form-submit>div{
    margin-top: 5px;
}

.captcha-title, .captcha-input{   
    padding: 3px;
    height: 44px;
    line-height: 38px;
    color: #444;
}


.ftds-reg-form-submit #register-submit{
    height: 44px;
}

form>.ftds-reg-block>.ftds-border>.ftds-div-title{
    margin-bottom: 20px;
}

.modal-header{
    line-height: 55px;
    padding: 20px 30px;
}

.modal-header > h5{
    margin: 0;
}


.ftds-alert{
    margin-top: 15px;   

}

.ps-msg{
    color: #ff0000;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
}

.msg-error{
    font-size: 16px;
    color: #dc3545;
    font-weight: 600;
}

.msg-success{
    font-size: 16px;
    color: #28a745;
    font-weight: 600;
}

.eckCode, .eckName{
    color: #fffefa;
}


/*----- 空床查詢 -------------------------------*/
.ftds-list{
    line-height: 42px;
}

.BED_NAME{}
.BED_TOTAL{}
.BED_OCCUPY{ color: #f00;}
.BED_EMPTY{ color: #00f;}



/**------ 診間看診進度資訊 --------------------------------------------------------*/
.div-progress  {
    line-height: 48px;
    color: #005e89;
    font-weight: 600;
}

.div-progress-detail{
    margin: 15px 0 0 0;
    padding: 0 8px;
}
.div-progress-detail .alert{
    padding: 5px;
    font-size: 15px;
    text-align: center;
    margin: 0px;
}


/*-------藥品查詢相關頁面 ------------------------------*/
button.ftds-drug-open{
    margin: 0;
}

/**
    max-，表示這個數字以下（包含）的都適用。
    min-，表示這個數字以上（包含）的都適用。
*/

/*---- Mobel CSS Style-----------*/
.ftds-mob-info-title{
    text-align: center;
    line-height: 50px;
    background: #eed;
    color: #444;
    font-weight: 600;
    border-top: 1px #666 solid;
    border-bottom: 1px #666 solid;
}

.ftds-info-end{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px #666 solid;
}



/*------ PUBLIC ------------*/

.ftds-list-btn{
    margin: 0;
}

.TEACHING_FLAG{
    font-size: 12px;

}

@media (max-width: 1380px){
    .ftds-div-content-block{

    }

    a.eck-doctor-link{
        font-size: 14px;
    }
}

@media (min-width: 1200px){
    .ftds-mob-head, .ftds-mob-info, .ftds-div-mob, .ftds-mob{
        display: none !important;
    }

    .captcha-title{
        text-align: right;
    }

}

@media (max-width: 1200px){
    .ftds-div-content-block{
        width: 100%;
        border-left: 1px #666 solid;
    }
    a.eck-doctor-link{
        font-size: 16px;
    }

    .eck-list-title, .eck-list-id{
        border-left: 0px;
        height: 60px;
        line-height: 60px;
    }   


    .eck-list-id{
        height: 40px;
        line-height: 25px;
    }

    .clinic_no{
        height: 60px;
        line-height: 60px;
    }

    .clinic_statemnet{
        color: #dc3579;
        font-size: 12px;
        line-height: 20px;
    }


    .ftds-pc-head, .ftds-pc-info, .ftds-div{
        display: none !important;   
    }

    .ftds-reg-form-submit{
        text-align: center;
    }


}

@media (max-width: 800px){
    .ftds-inquire{
        width: 50% !important;   
    }
    
    .ftds-inquire .ftds-b-r{
        border-right: 0;
    }
}

@media (max-width: 480px){
    .ftds-div{
        font-size: 12px !important;
    }

    a.icon{
        padding: 10px 0 !important;
    }
    .ftds-reg-form-title{
        text-align: left;
        margin-bottom: 15px;
    }
    .ftds-reg-form{
        border-bottom: 1px #eee solid;
        padding-bottom: 10px;
    }

    .ftds-reg-form-mob{
        border-bottom: 1px #eee solid;
        padding-bottom: 10px;
    }

    .ftds-reg-form:last-child, .ftds-reg-form-mob:last-child{
        border: 0px;
    }
    
    ul.nav-tabs{
        margin: 0;
    }
    ul.nav-tabs li{
        width: 50%;
    }
}

.ftds-blue{ color: #0000ff;}
.ftds-indigo{ color:#6610f2;}
.ftds-purple{ color:#6f42c1;}
.ftds-pink{ color: #e83e8c;}
.ftds-red{ color:#dc3545;}
.ftds-orange{ color: #fd7e14;}
.ftds-yellow{ color:#ffc107;}
.ftds-green{ color:#28a745;}
.ftds-teal{ color:#20c997;}
.ftds-cyan{ color: #17a2b8;}
.ftds-white{ color: #ffffff;}
.ftds-gray{ color: #666;}
.ftds-gray-dark{ color:#343a40;}
.ftds-primary{ color: #007bff;}
.ftds-secondary{ color: #666;}
.ftds-success{ color: #28a745;}
.ftds-info{ color: #17a2b8;}
.ftds-warning{ color: #ffc107;}
.ftds-danger{ color: #dc3545;}
.ftds-light{ color:#f8f9fa;}
.ftds-dark{ color: #343a40;}
.ftds-eck{ color:#005e89;}
.ftds-info{ color: #5c99b4;}
.ftds-eee{ color:#efefef;}
.ftds-fe{ color:#fefefe;}
.ftds-item{ color: #98f898;}
.ftds-eck-btn{ color: #007d9e;}

.ftds-p-0{
    padding: 0px;
}


/*------ 竹工凡木 使用 -------------------------------*/
div.textwidget, .ftd-footer-widget a, .ftd-footer-widget a:before{
    color: #000 !important;
    font-weight: 300 !important;
}

.ftds-card{
    margin-bottom: 30px;
}

.ftds-card .card{
    margin: 0px;
    height: 100%;        
}

.ftds-nav .nav-item{
    font-size: 18px;
}

.nav-item a{
    color: #6e6e6e;
    font-size: 16px;
}

.nav-item a.active, .nav-item a:hover{
    /*background-color: #28a745 !important;*/
    color: #444 !important;
    font-weight: 600 !important;
    /*border-color: #007bff !important;*/
}

.ftds-citys{
    line-height: 30px;
    font-size: 12px;
}

.ftds-post-title{
    /*line-height: 30px;*/
    padding-right: 2px;
    font-weight: 400;
    font-size: 16px;
}

.ftds-card-content{
    margin-top: 5px;
}

.ftds-card-content p{
    font-size: 15px;
    color: #666;
}