.dislist{
    /*
    font-size:9pt;
    font-family: Arial,微軟正黑體;
    */
    padding-bottom: 20px;
}
.dislist .Rolname{
    font-weight:bolder;
    padding-left:15px;
    font-size:13px;
}
.dislist .Rolname a{
    text-decoration:none !important;
    color:gray;
    padding-right:15px;
}
.dislist .Rolname a:hover{
    text-decoration:none !important;
    color:black;
}

.dislist .Str{
    text-decoration:none !important;
    font-size:13px;
}
.dlist{
    /*width:100%;*/
    min-height:130px;
    padding-left:15px !important;
}
.dlist .date{
    color:white;
    background:#0c426d;
    width:100px;
    height:100px;
    float: left;
    margin-bottom: 30px;
    /*margin-right: 15px;*/
    text-align:center;
}
.dlist .date .day{
    font-size: 52px;
    text-align: center;
    line-height: 50px;
    padding-top: 15px;
}
.dlist .date .month{
    font-size:20px;
    text-align: center;
}
.txt{
    margin-bottom: 30px;
    padding:0px;
    font-size:15px;
    min-height:100px;
}
.txt .Topic{
    background:lightgrey;
    line-height:50px;
    padding-left: 15px;
    max-height: 100px;
    overflow-y: hidden;
}
.txt .Topic a{
    font-size: 16px;
    color:#444444;
}
.txt .Content, .txt .Content a{
    padding-left: 15px;
    line-height:50px;
    color:#444444;
}

.dimg{
    padding:0;
}
.dimg ul{
    padding:0;
    /*padding-left:20px;*/
}
.dimg_title{
    background:#0c426d;
    color:white;
    font-size:20px;
    text-align: center;
    /*
    padding-left: 20px;
    */
}

.Topic{
    font-size:16px !important;
    font-weight:bold !important;
}
.Topic a{
    text-decoration:none !important;
}

.disview{
    font-size:15px;

}
.disview .pic{
    /*width:280px;*/
    float:left;
    /*
    border:1px solid #dddddd;
    padding:10px;
    border-radius: 6px;
    margin: 15px;
    */
}

.disview .pic_bxslider {
    /*width: 280px;*/
    padding:0px;
}

.disview .txt{
    /*padding-left: 290px;
    padding-right:15px;*/
    line-height: 36px;
}
.disview .txt .bor{
    border-bottom: 1px dashed #D2D3D3;
}
.back {
    border-radius: 5px;
}

.pic .bx-wrapper {
	/*max-width: 280px !important;*/
    margin:0;
    padding:0;
}
.pic .bx-wrapper img {
	/*max-width: 200px !important;*/
	display: block;
}

.page{
    margin-top:20px;
}

@media screen and (max-width: 980px) {
    .txt .Topic a {
        /*font-size: 3vmin;*/
        line-height: 30px !important;
    }
    .txt .Content, .txt .Content a{
        /*font-size: 2.5vmin;*/
        display: flex;
        padding-left: 0px;
        line-height: 23px;
    }
    .panel-heading{
        /*font-size: 3vmin;*/
    }
    .panel-body {
        /*font-size: 2vmin;*/
    }
    .txt a{
        font-size: 2.6vmin;
    }
    .disview {
        margin:0px !important;
    }
    .disview .pic{
        width:100% !important;
        float:inherit !important;
        padding: 0;

    }
    
    .disview .txt{
        width:100% !important;
        padding-left: 0;
        padding-top: 25px;
    }
    

    .disview .pic{
        width:100%;
    }

    .disview .pic_bxslider {
        width: 100%;
        /*padding:0px;*/
    }
    .pic .bx-wrapper {
	    max-width: 100% !important;
        margin:0 auto;
        padding:0;
    }
    .pic .bx-viewport{
        width:100% !important;
    }
    .pic .bx-wrapper img {
	    max-width: 100% !important;
	    display: block;
    }
    .pic_bxslider{
        padding:0 !important;
    }
    .listimg li, .listimg li img{
        width:100%;
    }

}