/*===========================================
Member - Dr.
===========================================*/
.page__header::after{
    background-image:url(../images/dr/page_header_bg_member.jpg);
    filter:grayscale(1) blur(3px);
}

/*-------------------------------------------
Login
-------------------------------------------*/
.login{
    width:320px;
    margin:auto;
}
    .login .form__col{
        padding-top:0;
    }
    .login .other__col{
        text-align:center;
        font-size:.875rem;
        padding-top:20px;
    }
        .login .other__col .separate{
            font-family:sans-serif;
            margin:0 30px;
            opacity:.4;
        }
        .login [name="input_code"]{
            width:120px;;
        }
        .login #validate_image{
            vertical-align:middle;
            height:42px;
            position:absolute; bottom:13px;
            margin-left:10px;
        }
        .login .form__col::after{
            display:none;
        }
        .login [type=text],
        .login [type=password]{
            padding-top:10px; padding-bottom:10px;
        }
        .login [type=submit]{
            font-size:1.25rem; font-weight:700;
            padding-top:16px; padding-bottom:15px;
        }
@media screen and (max-width:440px){/* i16 Pro Max */
    .login{
        width:100%;
    }
}

/*-------------------------------------------
forgot password
-------------------------------------------*/
.forgot{
    width:320px;
    margin:auto;
}
    .forgot .form__col::after{
        display:none;
    }
    .forgot [type=text],
    .forgot [type=password]{
        padding-top:10px; padding-bottom:10px;
    }
    .forgot [name=send_btn]{
        font-size:1.25rem; font-weight:700;
        padding-top:16px; padding-bottom:15px;
    }
@media screen and (max-width:440px){/* i16 Pro Max */
    .forgot{
        width:100%;
    }
}

/*-------------------------------------------
index
-------------------------------------------*/
.welcome .hi strong{
    font-size:1.125rem;
}
    .welcome .tda{
        font-size:1.5rem; line-height:1.3;
    }
    .welcome .tda small{
        font-size:.75rem;
    }
.member__service{
    background-color:#fff8e4;
    padding:20px;
    margin-top:40px;
}
    .member__service ul{
        list-style:none;
        margin:0 -15px;
        padding:0;
    }
        .member__service ul li{
            float:left;
            width:33.333%;
            padding:15px;
        }
            .member__service ul li .btn{
                display:block;
            }
@media screen and (max-width:440px){/* i16 Pro Max */
    .member__service ul li{
        width:100%;
    }
}

/*-------------------------------------------
member profile
-------------------------------------------*/
.form__profile .form__row{
    padding-left:150px;
}
    .form__profile .form__col{
        
    }
        .form__profile .col__label{
            position:absolute; left:-140px;
            margin-top:5px;
            width:auto;
        }
        .form__profile .check__item{
            display:block;
            margin-bottom:5px;
        }
        .form__profile .before,
        .form__profile .after{
            display:block;
            font-size:.75rem;
        }
        .form__profile .before{
            color:#aaa;
        }
        .form__profile .after{
            color:#c00;
        }
        .form__profile img{
            box-shadow:0 5px 12px rgba(0,0,0,.1);
        }
        .form__profile select[name*="area"],
        .form__profile select[name*="resident_area"]{
            margin-left:5px; margin-right:5px;
        }
        .form__profile [name*="postal_code"]{
            font-size:.875rem;
            padding:9px 5px;
            margin-right:5px;
        }
        .form__profile [name*="address"]{
            width:calc(100% - 350px);
        }
        .form__profile [name="email"]{
            width:50%;
        }
        .form__profile [name="present_hospital"],
        .form__profile [name="training_hospital"],
        .form__profile [name="backup_email"],
        .form__profile [name="website_link"]{
            width:100%;
        }
@media screen and (max-width:768px){
    .form__profile [name*="address"]{
        width:100%;
    }
}
@media screen and (max-width:576px){
    .form__profile .col-other{
        display:block;
    }
    .form__profile [name="email"]{
        width:100%;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .form__profile .form__row{
        padding-left:0;
    }
        .form__profile .col__label{
            position:static;
            margin-top:0;
        }
        .form__profile [name*="email"],
        .form__profile [name="present_hospital"]{
            width:100%;
        }
        .form__profile [name*="address"]{
            width:100% !important;
        }
        .form__profile .col-postal{
            display:block;
        }
        .form__profile [name="other_division"],
        .form__profile [name="other_division2"],
        .form__profile [name="other_position"]{
            width:calc(100% - 115px);
        }
}

/*-------------------------------------------
member profile preview
-------------------------------------------*/
.table__member__preview__header h3{
    margin:0 0 5px;
    color:#000;
    font-size:1.5rem; line-height:1; font-weight:700;
}
.table__member__preview{
    border-top:1px solid #ddd;
}
@media screen and (max-width:576px){
    .table__member__preview__header tr{
        display:block;
        position:relative;
    }
    .table__member__preview__header td{
        display:block;
        width:100%;
        padding-left:0;
    }
    .table__member__preview__header td:first-child{
        position:absolute; bottom:1.5em;
    }
    .table__member__preview__header td:last-child{
        text-align:left;
        padding-top:1.5em;
    }
        .table__member__preview__header h3{
            font-size:1.25rem;
            text-align:left;
        }
    .table__member__preview .tr__sp__photo{
        display:block !important;
    }
        .table__member__preview .tr__sp__photo td{
            text-align:center;
        }
    .table__member__preview .col__photo{
        display:none !important;
    }
}
@media print{
    .print__complete .wrapper{
        width:100%;
        min-width:100%;
        padding:0;
    }
    .print__complete #header__container{
        height:auto;
        box-shadow:none;
        background:none;
        display:none;
    }
        .print__complete .heading__link{
            width:auto;
            height:auto;
            background:none;
            position:static;
        }
            .print__complete .heading__tw{
                opacity:1;
            }
        .print__complete .top__links,
        .print__complete .menu__container,
        .print__complete .page__header,
        .print__complete .breadcrumbs,
        .print__complete .article__header,
        .print__complete #side-menu,
        .print__complete .alert,
        .print__complete .tda__contact,
        .print__complete footer,
        .print__complete .keyword__label,
        .print__complete [type='checkbox'] + label::before,
        .print__complete [type='radio'] + label::before{
            display:none;
        }
        .print__complete .article__content{
            padding:0;
        }
        .print__complete #contents{
            margin:0;
        }
        .print__complete .table__member__preview caption{
            font-size:1.5rem;
            text-align:center;
        }
        .print__complete [type=checkbox],
        .print__complete [type=radio]{
            position:static;
            opacity:1;
            width:22px;
            height:22px;
            vertical-align:-4px;
        }
        .print__complete [type='checkbox'] + label,
        .print__complete [type='radio'] + label{
            padding-left:5px;
        }
}

/*-------------------------------------------
Receipt
-------------------------------------------*/
@media screen and (max-width:440px){/* i16 Pro Max */
    .member__fee .table__wrap::before,
    .member__fee .table__wrap::after{
        display:none;
    }
    .table__receipt thead{
        display:none;
    }
        .table__receipt tr{
            display:flex;
            flex-wrap:wrap;
            border-bottom:1px solid #ddd;
            position:relative;
        }
            .table__receipt tbody td{
                border-left:none;
                color:#111;
                font-size:1rem; font-weight:700;
                width:33.33333%;
            }
            .table__receipt tbody td:nth-child(3){
                text-align:right;
            }
            .table__receipt tbody td:nth-child(n+4){
                width:50%;
            }
                .table__receipt td::before{
                    content:attr(data-label);
                    display:block;
                    width:100%;
                    color:#777;
                    font-size:.75rem; font-weight:400;
                    line-height:1;
                    letter-spacing:1.2px;
                    margin-bottom:.25rem;
                }
}

/*-------------------------------------------
Score
-------------------------------------------*/
.member__score .search__container{
    margin-top:0;
}
.table__score thead th:nth-child(5),
.table__score thead th:nth-child(6),
.table__score tbody td:nth-child(5),
.table__score tbody td:nth-child(6){
    text-align:right;
}
.table__score .tr__total td{
    border:none; border-top:2px solid #aaa;
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .member__score .table__wrap::before,
    .member__score .table__wrap::after{
        display:none;
    }
    .table__score thead{
        display:none;
    }
        .table__score tr{
            display:flex;
            flex-wrap:wrap;
            border-bottom:1px solid #ddd;
            position:relative;
            padding:5px;
        }
            .table__score tbody td{
                border:none;
                color:#111;
                font-size:1rem; font-weight:700;
                padding:5px;
                min-height:48px;
                width:50%;
                text-align:left;
            }
            .table__score tbody td:nth-child(2){
                width:100%;
                font-size:1.125rem;
            }
            .table__score tbody td:nth-child(5),
            .table__score tbody td:nth-child(6){
                text-align:left;
            }
            .table__score tbody td.none-data{
                
            }
                .table__score tbody td:first-child small{
                    font-size:.875rem; font-weight:400;
                }
                .table__score td::before{
                    content:attr(data-label);
                    display:block;
                    width:100%;
                    color:#777;
                    font-size:.75rem; font-weight:400;
                    line-height:1;
                    letter-spacing:1.2px;
                    margin-bottom:.25rem;
                }
            .table__score tbody .tr__total{
                border:none;
                margin-top:-1px;
            }
                .table__score tbody .tr__total td{
                    flex:0;
                    font-size:1.25rem;
                    text-align:right;
                    white-space:nowrap;
                }
                .table__score tbody .tr__total td:first-child{
                    flex:1;
                }
                .table__score tbody .tr__total td:last-child{
                    display:none;
                }
}
@media print{
    .print__score .wrapper{
        width:100%;
        min-width:100%;
        padding:0;
    }
    .print__score #header__container{
        height:auto;
        box-shadow:none;
        background:none;
        text-align:center;
    }
        .print__score .heading__link{
            width:auto;
            height:auto;
            background:none;
            position:static;
        }
            .print__score .heading__tw{
                opacity:1;
            }
    .print__score .top__links,
    .print__score .menu__container,
    .print__score .page__header,
    .print__score .breadcrumbs,
    .print__score #side-menu,
    .print__score .tda__contact,
    .print__score footer{
        display:none;
    }
    .print__score .article__content{
        padding:0;
    }
    .print__score #contents{
        margin:0;
    }
    .print__score .article__header{
        border-bottom:2px solid #111;
        margin-bottom:10px;
        padding-bottom:10px;
        text-align:center;
    }
    .print__score .search__container{
        padding:0;
        margin:0;
    }
    .print__score .form__row{
        margin:0;
    }
    .print__score .form__col{
        padding:5px 0;
    }
        .print__score .col__label{
            line-height:1;
        }
    .print__score input.hasDatepicker{
        appearance:none;
        border:none;
        padding:0;
        width:auto !important;
    }
    .print__score .ui-datepicker-trigger{
        display:none;
    }
    .print__score [type=button],
    .print__score .col-buttons{
        display:none;
    }
    .print__score .table__list{
        border-top:1px solid #111;
    }
    .print__score .table__list thead th{
        white-space:nowrap;
    }
    .print__score .table__list thead th,
    .print__score .table__list tbody td{
        line-height:1.2;
        padding:5px;
    }
}

/*-------------------------------------------
Meeting record
-------------------------------------------*/
#meeting-record{
}
    #meeting-record ul{
        margin:0; padding:0; list-style:none;
    }
        #meeting-record ul li{
            border-bottom:1px solid #ddd;
            padding:10px 0;
            height:auto!important;min-height:40px;height:40px;
            position:relative;
        }
            #meeting-record ul li time, #meeting-record ul li .file-name, #meeting-record ul li .hit{
                display:inline-block;*display:inline;zoom:1;
                vertical-align:top;
            }
            #meeting-record ul li time{
                width:80px;
                font-size:13px; font-weight:400; color:#777;
                float:right;
                margin-top:3px;
            }
            #meeting-record ul li .file-name{
                color:#222; font-size:15px;
            }
            #meeting-record ul li a:hover .file-name{
                color:#09F;
            }
            #meeting-record ul li .path{
                margin-left:24px;
                color:#999; font-size:12px;
            }
            #meeting-record ul li .hit{
                position:absolute; right:110px; top:11px;
                background:url(../images/meeting-hit.png) no-repeat 0 40%;
                width:80px;
                padding-left:28px;
            }

/*-------------------------------------------
Download List
-------------------------------------------*/
#download-list{
}
    #download-list ul{
        margin:0; padding:0; list-style:none;
    }
        #download-list ul li{
            border-bottom:1px solid #ddd;
            padding:10px 0;
            height:auto!important;min-height:40px;height:40px;
            position:relative;
        }
            #download-list ul li time, #download-list ul li .file-name{
                display:inline-block;*display:inline;zoom:1;
                vertical-align:top;
            }
            #download-list ul li time{
                width:80px;
                font-size:13px; font-weight:400; color:#777;
                float:right;
            }
            #download-list ul li .file-name{
                color:#222; font-size:15px;
            }

/*-------------------------------------------
廣告與徵才
-------------------------------------------*/
.recruitment__area__choose{
    list-style:none;
    margin:0 0 20px;
    padding:0;
    display:flex;
}
    .recruitment__area__choose li{
        flex:1;
    }
        .recruitment__area__choose a{
            display:block;
            background-color:rgba(0,0,0,.04);
            border:1px solid transparent;
            border-bottom:1px solid var(--doctor-primary);
            border-radius:5px 5px 0 0;
            color:#666;
            font-size:1rem;
            line-height:1;
            padding:10px;
            text-align:center;
            transition:.2s;
        }
        .recruitment__area__choose a:focus,
        .recruitment__area__choose a:hover{
            color:#000;
            background-color:rgba(0,0,0,.1);
        }
        .recruitment__area__choose .chosen a{
            background-color:#fff;
            border-color:var(--doctor-primary);
            border-bottom-color:transparent;
            color:#000;
            font-weight:700;
        }
.recruitment__container{
    position:relative;
    overflow:hidden;
}
    .recruitment__area{
        position:absolute; top:0; left:0; z-index:-1;
        opacity:0;
        transition:.3s;
        pointer-events:none;
    }
    .recruitment__area.chosen{
        position:static; z-index:0;
        opacity:1;
        pointer-events:auto;
    }
        .recruitment__area .part__title{
            margin-bottom:10px;
        }
        .recruitment__info{
            border:1px solid rgba(0,0,0,.1);
            position:relative;
            padding:15px;
        }
        .recruitment__info:nth-of-type(n+2){
            margin-top:10px;
        }
            .recruitment__info .info__col{
                line-height:1.5;
                padding-left:5em;
            }
            .recruitment__info .info__col:nth-of-type(n+2){
                margin-top:10px;
            }
                .recruitment__info .info__col label{
                    color:#999;
                    float:left;
                    margin-left:-5em;
                }
                .recruitment__title strong{
                    color:#111;
                    font-size:1.125rem;
                }
                .recruitment__content > p:first-of-type,
                .recruitment__content > ul:first-of-type,
                .recruitment__content > ol:first-of-type{
                    margin-top:0;
                }
.recruitment__notice{
    list-style:none;
    padding:0;
    margin:0;
}
    .recruitment__notice > li{
        position:relative;
        padding-left:8em;
        margin-top:10px;
    }
        .recruitment__notice h4{
            margin:0;
            position:absolute; left:0;
            color:#000;
            font-size:1rem;
            background-color:#fff8e4;
        }
        .recruitment__notice ol{
            list-style:none;
            margin:0;
            padding:0;
        }
            .recruitment__notice ol > li{
                padding-left:2em;
                text-indent:-2em;
            }
@media screen and (max-width:576px){
    .recruitment__info .info__col{
        padding-left:0;
    }
        .recruitment__info .info__col label{
            display:block;
            float:none;
            font-size:.875rem;
            margin:0 0 3px;
        }
    .recruitment__notice > li{
        padding-left:0;
        font-size:.875rem;
    }
        .recruitment__notice h4{
            position:static;
            font-size:1.125rem;
            margin-bottom:5px;
        }
}

/*-------------------------------------------
不當廣告通報
-------------------------------------------*/
.member__adv__notice{
    background-color:#fff4f4;
    color:#111;
    padding:20px;
    text-align:left;
}
.member__adv__notice > ol{
    list-style:cjk-ideographic;
    margin:0;
    padding-left:2em;
}
    .member__adv__notice > ol > li{
        border-bottom:1px dotted #ccc;
        margin-bottom:.25em;
        padding-bottom:.25em;
    }
    .member__adv__notice > ol > li:last-child{
        border-bottom:none;
    }
        .member__adv__notice > ol ol{
            padding-left:1.2em;
            line-height:1.5;
        }
            .member__adv__notice > ol ol > li{
                
            }
.member__adv__upload{
    padding-left:1.2em;
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .member__adv__notice{
        font-size:.875rem;
        padding:15px;
    }
}