@charset "UTF-8";
/*===========================================
Activities
===========================================*/
#contentContainer .sideMenu{
    display:none;
}
    #contentContainer > .wrapper:before{
        display:none;
    }
    #contentContainer article{
        width:100%;
        padding-left:30px; padding-right:30px;
    }
        .pageHeader .pageTitle{
            padding-left:0; padding-right:0;
        }
        .pageHeader .crumbs{
            left:0;
        }
        .articleContent{
            padding-left:0;
        }
@media screen and (max-width:992px){
    #contentContainer article{
        padding-left:15px; padding-right:15px;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .pageHeader .pageTitle{
        padding:10px 0 0;
    }
}

/*-------------------------------------------
List
-------------------------------------------*/
.tableList strong a{
    font-size:125%;
    color:#111;
}
.tableList strong a:hover{
    color:#0097df;
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .tableList thead{
        display:none;
    }
    .tableList tbody tr{
        display:block;
        position:relative;
        padding:15px;
    }
        .tableList tbody td{
            display:block;
            text-align:left;
            padding:3px 0;
            border:none;
        }
        .tableList tbody td:nth-child(3){
            position:absolute; top:13px; right:15px;
        }
            .tableList tbody td:first-child:before{
                content:attr(data-th);
                margin-right:3px;
            }
}

/*-------------------------------------------
Detail
-------------------------------------------*/
/*--- header ---*/
.newsHeader{
    position:relative;
    border-left:5px solid #004097;
    padding-left:20px;
}
    .newsHeader time{
        font-size:85%;
        color:#999;
    }
    .newsHeader .newsTitle{
        margin:0;
        font-size:150%; line-height:1.2;
        color:#000;
    }
/*--- content ---*/
.newsContent{
    margin-top:30px;
    padding-bottom:30px;
}
    .newsContent a{
        word-break:break-all;
    }
/*--- table ---*/
    .newsContent .tableWrap{
        position:relative;
        overflow-x:auto;
        overflow-y:hidden;
    }
        .newsContent .tableWrap:after{
            content:"";
            display:table;
            clear:both;
        }
        .newsContent table{
            border-collapse:collapse;
            max-width:100% !important;
            border-spacing:0;
            border:1px solid #aaa;
        }
            .newsContent table th,
            .newsContent table td{
                padding:5px;
                border:1px solid #aaa;
            }
            .newsContent table th{
                background-color:#f4f4f4;
            }
/*--- img ---*/
    .newsContent img{
        max-width:100%;
        height:auto !important;
        margin:10px 0;
        box-shadow:none;
    }
/*--- attachment ---*/
.attachment{
    position:relative;
    background-color:#e7f7ff;
    min-height:48px;
    padding:10px 10px 5px 85px;
    margin-top:1px;
}
    .attachment span{
        position:absolute; left:10px; top:15px;
        font-size:85%;
    }
    .attachment a{
        display:inline-block;
        background-image:url(../images/icon_file@2x.png?v=20190220);
        background-repeat:no-repeat;
        background-position:15px 50%;
        background-size:16px 16px;
        background-color:#fff;
        padding:9px 15px 9px 38px;
        margin:0 5px 5px 0;
        border-radius:5px;
        border:1px solid #bbb;
        color:#000;
        font-size:13px; line-height:18px;
        box-shadow:0 2px 5px rgba(0,0,0,.15);
        transition:.2s;
    }
    .attachment a:hover{
        background-color:#f5f5f5;
        box-shadow:0 0 0 rgba(0,0,0,0);
    }
    .attachment a[href *='.pdf']{background-image:url(../images/icon_pdf@2x.png?v=20190220);}
    .attachment a[href *='.doc'], .attachment a[href *='.docx']{background-image:url(../images/icon_word@2x.png?v=20190220);}
    .attachment a[href *='.xls'], .attachment a[href *='.xlsx']{background-image:url(../images/icon_excel@2x.png?v=20190220);}
    .attachment a[href *='.ppt'], .attachment a[href *='.pptx']{background-image:url(../images/icon_powerpoint@2x.png?v=20190220);}
    .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=20190220);}
    .attachment a[href *='.rar']{background-image:url(../images/icon_rar.png?v=20190220);}
    .attachment a[href *='.zip']{background-image:url(../images/icon_zip.png?v=20190220);}
/*--- url ---*/    
.url{
    position:relative;
    background-color:#f7f7f7;
    padding:10px 10px 10px 70px;
    margin-top:1px;
    line-height:18px;
    word-break:break-all;
}
    .url span{
        position:absolute; left:10px; top:10px;
        font-size:85%;
    }
    .url a{
        display:inline-block;
        font-size:85%;
        background:url(../images/icon_blank.png?v=20190220) 0 0 no-repeat;
        padding-left:24px;
    }
@media screen and (max-width:440px){/* i16 Pro Max */
    .newsHeader{
        padding-left:10px;
    }
        .newsHeader .newsTitle {
            margin: 0;
            font-size: 125%;
            line-height: 1.2;
            color: #000;
        }
}