@charset "UTF-8";
/*===========================================
專科訓練(訓練醫院)
===========================================*/
.subMenu ul li a{
    padding-left:10px; padding-right:10px;
    margin-left:2px; margin-right:2px;
}
@media screen and (max-width:992px){
    .subMenu ul li a{
        font-size:.875rem;
        margin-left:0; margin-right:0;
    }
}
/*-------------------------------------------
standard
-------------------------------------------*/
.standard .modifyDate{
    font-size:85%;
    color:#777;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
}
.standard .partTitle{
    background-color:#f4f4f4;
    padding:10px;
}
.standard dl{
    display:-webkit-box; display:-ms-flexbox; display:flex;
    flex-wrap:wrap; -ms-flex-wrap:wrap;
    margin:0;
    padding-bottom:20px;
}
    .standard dt{
        width:3em;
        padding:10px;
        color:#f39a3c;
        text-align:right;
    }
    .standard dd{
        margin:0;
        width:calc(100% - 3em);
        border-bottom:1px solid #ddd;
        padding:10px;
    }
        .standard ol,
        .standard ul{
            margin:5px 0;
            padding-left:1.7em;
        }
@media screen and (max-width:768px){/* Pad */
    .standard dt{
        width:2em;
        padding-left:0;
    }
    .standard dd{
        width:calc(100% - 2em);
        padding-right:0;
    }
}

/*-------------------------------------------
hospitalTotal
-------------------------------------------*/
.hospitalTotal .year,
.hospitalTotal .totalNum{
    color:#f39a3c;
}
.hospitalTotal dl{
    display:-webkit-box; display:-ms-flexbox; display:flex;
    flex-wrap:wrap; -ms-flex-wrap:wrap;
    margin:0;
}
    .hospitalTotal dt{
        width:50%;
        padding:10px 15px;
        color:#1c2b41;
        line-height:18px;
        text-align:right;
        border-bottom:1px solid #ddd;
    }
    .hospitalTotal dd{
        margin:0;
        width:50%;
        padding:10px 15px;
        font-size:120%;
        line-height:18px;
        border-bottom:1px solid #ddd;
    }
    .hospitalTotal dt.header,
    .hospitalTotal dd.header{
        background-color:#f4f4f4;
        color:#111;
        font-size:100%;
    }
        .hospitalTotal span{
            color:#777;
            font-size:80%;
            margin-left:10px;
        }
    .hospitalTotal .remarks{
        list-style:none;
        margin:20px 0 0;
        padding:0;
    }
        .hospitalTotal .remarks li{
            position:relative;
            padding-left:24px;
            margin-top:10px;
        }
            .hospitalTotal .remarks i{
                color:#f39a3c;
                font-style:normal;
                position:absolute; left:0;
            }

/*-------------------------------------------
Download
-------------------------------------------*/
.attachment ol{
    margin:0;
    padding:0 0 0 1.5em;
}
    .attachment ol li{
        padding-bottom:10px; padding-left:10px;
    }
    .attachment a{
        display:inline-block;
        background-image:url(../images/icon_file@2x.png?v=20190409);
        background-repeat:no-repeat;
        background-position:15px 10px;
        background-size:16px 16px;
        background-color:#fff;
        padding:9px 15px 9px 38px;
        margin:2px 0;
        border:1px solid #ccc;
        border-radius:5px;
        color:#333;
        line-height:18px;
        box-shadow:0 2px 5px rgba(0,0,0,.1);
        transition:.1s;
    }
    .attachment a:hover{
        color:#000;
        background-color:#f4f4f4;
        box-shadow:0 1px 2px rgba(0,0,0,.2);
    }
    .attachment a[href *='.pdf']{background-image:url(../images/icon_pdf@2x.png?v=20190409);}
    .attachment a[href *='.doc'], .attachment a[href *='.docx']{background-image:url(../images/icon_word@2x.png?v=20190409);}
    .attachment a[href *='.xls'], .attachment a[href *='.xlsx']{background-image:url(../images/icon_excel@2x.png?v=20190409);}
    .attachment a[href *='.ppt'], .attachment a[href *='.pptx']{background-image:url(../images/icon_powerpoint@2x.png?v=20190409);}
    .attachment a[href *='.jpg'], .attachment a[href *='.JPG'], 
    .attachment a[href *='.png'], .attachment a[href *='.PNG']{background-image:url(../images/icon_img@2x.png?v=20190409);}
    .attachment a[href *='.rar']{background-image:url(../images/icon_rar@2x.png?v=20190409);}
    .attachment a[href *='.zip']{background-image:url(../images/icon_zip@2x.png?v=20190409);}

@media screen and (max-width:440px){/* i16 Pro Max */
    .attachment ol li{
        padding-left:5px;
    }
}