@charset "UTF-8";
.topicsTable{
	border-top: 3px solid #CCC;
    border-bottom: 2px solid #CCC;
	border-collapse: collapse;
}
.topicsTable th {
    text-align: left;
    font-weight: normal;
	padding: 5px;
    padding-right: 20px;
    border-bottom: 1px solid #CCC;
    line-height: 1.6;
    vertical-align: top;
}
.topicsTable td {
	padding: 5px;
    border-bottom: 1px solid #CCC;
    line-height: 1.6;
}
.calender{
	font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #ddd;
	width: 100%;
	margin: 10px auto;
}
.calender th{
	text-align: right;
	border: 1px solid #ddd;
	width: 16em;
	padding: 3px;
	font-weight: normal;
}
.calender td{
	padding: 3px;
	border-bottom: 1px solid #ddd;
}
.calender .odd{
	background: #fafafa;
}
.calender2{
	font-size: 12px;
	border-collapse: collapse;
	width: 50%;
	margin:0 auto  10px;
}
.calender2 caption{
	padding: 3px;
	font-weight: normal;
	font-size: 14px;
}
.calender2 th{
	text-align: left;
	border: 1px solid #ddd;
	width: 7em;
	padding: 3px;
	font-weight: normal;
}
.calender2 td{
	padding: 3px;
	text-align: center;
	border: 1px solid #ddd;
}
.img_flex{display: flex;}
.img_flex p{width: 100%;}
.img_flex p img{display: block;max-width: 100%;margin: auto}


@media (min-width: 768px) {

.img_flex{display: flex;}	
	
}