@charset "UTF-8";
/*===========================================
Training
===========================================*/
.subTabsWrap{
    position:relative;
    margin-bottom:15px;
}
    .subTabs{
        list-style:none;
        margin:0 0 20px;
        padding:0;
        border:1px solid #ccc;
        border-radius:8px;
        overflow:hidden;
    }
        .subTabs li{
            float:left;
            width:25%;
            text-align:center;
        }
            .subTabs li a{
                display:block;
                padding:10px 5px;
                box-shadow:-1px 0 0 #ccc;
                color:#111;
                line-height:1.3;
                white-space:nowrap;
                transition:.2s;
            }
            .subTabs li.active a{
                color:#4ea101;
                box-shadow:-1px 0 0 #ccc, inset 0 -2px 0 #61bc0e;
            }
            .subTabs li a:hover{
                background-color:#4ea101;
                color:#fff;
            }
            .subTabs li.active a:hover{
                background-color:transparent;
                color:#4ea101;
                cursor:default;
            }
            .subTabs li a[href*='.pdf']::before{
                content:"";
                display:inline-block;
                vertical-align:text-top;
                width:16px;
                height:16px;
                background:url(../images/icon-pdf@2x.png) no-repeat 50% 50%;
                background-size:16px;
                margin-right:3px;
            }
h2.partTitle{
    text-align:center;
}
.smallTitle{
    color:#c00;
    margin:10px 0;
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .subTabs{
        white-space:nowrap;
        overflow-x:auto;
    }
        .subTabs li{
            float:none;
            display:inline-block;
            width:auto;
            text-align:center;
        }
            .subTabs li a{
                font-size:.75rem;
                padding-left:6.5px; padding-right:6.5px;
            }
}
/*-------------------------------------------
認定基準
-------------------------------------------*/
.identificationContent .modifyDate{
    font-size:12px; line-height:1.2;
    color:#777;
    border-bottom:1px solid #ddd;
    padding:15px 0;
}
.identificationContent .itemContent{
    border-bottom:1px solid #ddd;
    padding-bottom:20px;
    margin-bottom:10px;
}
    .itemContent .level-2{
        list-style:none; 
        margin:0; 
        padding:0;
    }
    .itemContent .level-2 li{
        position:relative;
        text-indent:-1.8em;
        padding-left:1.8em;
    }
        .itemContent .level-3{
            list-style:none;
            margin:0;
            padding:0;
        }
        .itemContent .level-3 li{
            position:relative;
            text-indent:-2.6em;
            padding-left:2.6em;
        }
            .itemContent .level-4{
                list-style:none;
                margin:0;
                padding:0;
            }
            .itemContent .level-4 li{
                position:relative;
                text-indent:-3.5em;
                padding-left:3.5em;
            }
                .itemContent .level-5{
                    list-style:none;
                    margin:0;
                    padding:0;
                }
                .itemContent .level-5 li{
                    position:relative;
                    text-indent:-4.2em;
                    padding-left:4.2em;
                }
.item6Table{
    border-collapse:collapse;
}
    .item6Table th,
    .item6Table td{
        text-indent:0;
        border:1px solid #ccc;
        padding:3px 5px;
        line-height:1.2;
    }
    .item6Table th{
        border-bottom-width:2px;
        background-color:#f7f7f7;
    }
.attachmentTable{
    border-collapse:collapse;
}
    .attachmentTable th,
    .attachmentTable td{
        text-indent:0;
        border:1px solid #ccc;
        padding:3px 5px;
        line-height:1.2;
    }
    .attachmentTable th{
        border-bottom-width:2px;
        background-color:#f4f4f4;
    }
@media screen and (max-width:576px){
    .identificationContent .modifyDate{
        overflow-y:hidden;
        overflow-x:auto;
        white-space:nowrap;
    }
    .identificationContent .modifyDate:before,
    .identificationContent .modifyDate:after{
        display:block;
        content:"可左右滑動觀看";
        font-size:12px;
        color:Chocolate;
        padding:3px 0;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .item6Table th,
    .item6Table td,
    .attachmentTable th,
    .attachmentTable td{
        font-size:80%;
    }
    .itemContent .no{
        color:#4ea101;
    }
        .itemContent .level-3 .no{
            display:block;
        }
            .itemContent .level-3 li{
                text-indent:0;
                padding-left:0;
            }
}
/*-------------------------------------------
課程基準
-------------------------------------------*/
.courseModify{
    list-style:none;
    margin:0;
    padding:0 0 1em;
    border-bottom:1px solid #ddd;
    color:#666;
    font-size:.875rm;
    text-align:right;
}
.courseBenchmark{
    padding-left:1.4em;
    margin:0 0 30px;
}
    .coursePlan{
        display:flex;
        flex-wrap:wrap;
        line-height:1.5;
        margin:0 -10px;
        padding-left:1.4em;
    }
        .coursePlan ol{
            margin:0;
            padding-left:1.4em;
            width:33.3333%;
        }
.courseContent{
    position:relative;
}
    .classAfter{
        text-align:right;
    }
    .courseContent .smallTitle .en{
        font-size:.875rem; font-weight:400;
        margin-top:5px;
        opacity:.6;
    }
    .courseContent .tableWrap{
        margin-bottom:5px;
    }
    .courseContent .tableWrap + div{
        margin-top:-5px;
    }
    .courseContent table{
        border-collapse:collapse;
    }
        .courseContent table th,
        .courseContent table td{
            border:1px solid #ccc;
            padding:5px;
            line-height:1.3;
            vertical-align:top;
            word-wrap:break-word;
        }
        .courseContent table th{
            border-bottom-width:2px;
            padding:5px;
            background-color:#f4f4f4;
        }
        .courseContent table ol,
        .courseContent table ul{
            margin:0;
            padding-left:1.4em;
        }
        .courseContent table ol li,
        .courseContent table ul li{
            padding-bottom:5px;
        }
    .courseContent table tbody td:first-child{
        font-size:.875rem; font-weight:700;
    }
    .tableRecord tbody td{
        font-weight:700;
    }
.courseContent .url{
     word-break:break-all;
}
@media screen and (max-width:768px){
    .coursePlan ol{
        width:50%;
    }
}
@media screen and (max-width:576px){
    .coursePlan ol{
        width:100%;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .classAfter{
        text-align:center;
    }
    .courseContent .tableWrap{
        position:relative;
        overflow-x:auto;
        overflow-y:hidden;
        padding:0;
    }
        .courseContent .tableWrap:before,
        .courseContent .tableWrap:after{
            content:"(表格太寬時可左右滑動觀看)";
            color:Chocolate;
            font-size:.75rem;
            position:sticky; left:0;
        }
        .courseContent .tableWrap.noSlideDesc:before,
        .courseContent .tableWrap.noSlideDesc:after{
            display:none;
        }
        .courseContent .tableWrap table{
            width:700px;
        }
        .courseContent .tableWrap .tableTimePlace,
        .courseContent .tableWrap .tableRecord{
            width:100%;
        }
}
/*-------------------------------------------
合格醫院名單
-------------------------------------------*/
.hospitalData .partTitle{
    margin-bottom:0;
}
    .hospitalData .total{
        float:right;
    }
        .hospitalData .total strong{
            color:#000;
        }
.hospitalData .timeRange{
    margin-bottom:15px;
}
    .hospitalList tbody a{
        color:#6a300c;
        font-weight:700;
    }
    .hospitalList tbody a:hover{
        color:#00adff;
    }

@media screen and (max-width:576px){
    .hospitalList .timeTo{
        display:block;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .hospitalData .partTitle{
        text-align:center;
    }
        .hospitalData .overBr{
            display:block;
        }
        .hospitalData .total{
            float:none;
            display:block;
            margin:5px 0;
        }
        .hospitalData .timeRange{
            text-align:center;
        }
    .hospitalList{
        border-top:1px solid #ddd;
    }
        .hospitalList thead{
            display:none;
        }
        .hospitalList tr{
            display:block;
            position:relative;
            padding:10px;
        }
        .hospitalList tr.HiddenTr{
            display:none;
        }
        .hospitalList tbody td{
            display:block;
            padding:0;
            border:none;
            text-align:left;
        }
            .hospitalList tbody td:before{
                content:attr(data-th)"：";
                color:#777;
                font-size:12px;
            }
            .hospitalList tbody td:nth-child(2):before{
                display:none;
            }
        .hospitalList .timeTo{
            display:inline;
        }
}
/*-------------------------------------------
合格醫院名單 (新增)
-------------------------------------------*/
.hospitalLoginInfo{
    position:relative;
    text-align:center;
    background-color:#fdf8ea;
    padding:12px 10px;
    margin-bottom:15px;
}
    .hospitalLoginInfo .hospitalName{
        font-size:120%;
    }
    .hospitalLoginInfo [type="button"]{
        position:absolute; right:10px; top:10px;
    }
.hospitalListWrap{
    border-top:1px solid #ddd;
    padding-top:10px;
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .hospitalLoginInfo{
        text-align:center;
    }
        .hospitalLoginInfo .hospitalName{
            font-size:100%;
            display:block;
            margin-bottom:10px;
        }
        .hospitalLoginInfo [type="button"]{
            position:static;
        }
    .hospitalListWrap{
        border-top:1px solid #ddd;
        padding-top:10px;
    }
        .functionRow{
            padding-bottom:10px;
            text-align:center;
        }
        .hospitalAdd tbody td:nth-child(1){
            padding-bottom:5px;
        }
            .hospitalAdd tbody td:nth-child(1):before{
                color:red;
            }
            .hospitalAdd tbody td [type="text"]{
                margin-top:5px;
            }
}
/*-------------------------------------------
訓練醫院專區 login
-------------------------------------------*/
.login .loginDesc,
.login .loginForm{
    float:left;
    width:50%;
    padding:5px 0;
}
.login .loginDesc{
    padding-right:50px;
    box-shadow:1px 0 0 #ddd;
}
    .login .loginDesc ul{
        margin:0;
        padding-left:1.4em;
    }
        .login .loginDesc ul li{
            padding-bottom:1em;
        }
.login .loginForm{
    border-left:1px solid #ddd;
    padding-left:50px; padding-right:50px;
}
    .login .loginForm .row{
        position:relative;
    }
        .login .loginForm label{
            display:inline-block;
            vertical-align:top;
            position:absolute;
            margin:9px 0 0 10px;
        }
        .login .loginForm input{
            width:100%;
            padding:12px 12px 12px 80px;
            margin-bottom:15px;
        }
        .login .loginForm [type='submit']{
            padding:12px;
            font-size:110%;
        }
@media screen and (max-width:576px){
    .login .loginDesc,
    .login .loginForm{
        width:100%;
        box-shadow:none;
        border:none;
    }
    .login .loginDesc{
        padding-right:0;
    }
    .login .loginForm{
        border-top:1px solid #ddd;
        margin-top:20px;
        padding:25px 25%;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .login .loginForm{
        padding:25px 5%;
    }
}