#data1 {
	width : 90%;
	margin : 0 auto 8% auto;
	border-top : solid 1px #b4b4b4;
    line-height : 1.4em;
}

#data1 th {
	width : 100px;
	padding : 10px 0 11px 0;
	border-left : solid 1px #b4b4b4;
	border-bottom : solid 1px #b4b4b4;
	background : #f5dcc8;
	text-align : center;
	font-weight : normal;
}

#data1 td {
	padding : 10px 12px 11px 15px;
	border-right : solid 1px #b4b4b4;
	border-bottom : solid 1px #b4b4b4;
}

#data1 td a {
	color : #ac0003;
    text-decoration : underline;
}

.box {
    overflow : hidden;
    width : 90%;
    margin : 0 auto 0 auto;
}

#data2 {
	width : 100%;
	margin-bottom : 7%;
	border-top : solid 1px #b4b4b4;
    line-height : 1.4em;
}

#data2 th {
	width : 85px;
	padding : 10px 0 11px 0;
	border-left : solid 1px #b4b4b4;
	border-bottom : solid 1px #b4b4b4;
	background : #f5dcc8;
	font-weight : normal;
}

#data2 td.year {
	width : 85px;
	padding : 11px 0 12px 0;
    border-left : solid 1px #ffffff;
	border-bottom : solid 1px #b4b4b4;
	background : #ececec;
	text-align : center;
}

#data2 td.article {
	padding : 11px 12px 12px 15px;
	border-right : solid 1px #b4b4b4;
	border-bottom : solid 1px #b4b4b4;
}

ul#hthumb {
    list-style : none;
    overflow : hidden;
    width : 100%;
}

ul#hthumb li {
    float : left;
    width : 49%;
    margin : 0 2% 2% 0;
}

ul#hthumb li:nth-child(2n) {
    margin : 0 0 2% 0;
}

ul#hthumb li p {
	width : 100%;
	background-size : cover;
	background-position : center center;
	padding-top : 130px;
    border-radius : 8px;
}

/*----------LANDSCAPE----------*/

@media screen and (orientation: landscape) {

#data1 th {
	width : 130px;
}

#data2 th,#data2 td.year {
	width : 100px;
}

ul#hthumb li p {
	width : 100%;
	background-size : cover;
	background-position : center center;
	padding-top : 200px;
    border-radius : 8px;
}

}