body {
            display: block;
            background-color: aliceblue;
        }
th {
	heigth: auto;
}
#count {
	visibility: hidden;
}
#created_at {
	font-size: 8px;
	padding-bottom: 0px;
}
ul {
	list-style: none;
}
li {
	padding: 1px;
}

        @media (max-width: 1024px) {
            .frame {
                heigth: 30px;
            }
            .pic {
		margin-left: auto;
		margin-right: auto;
                width: 300px;
                heigth: auto;
            }
            .next,
            .prev {
                width: 10%;
                height: 400px;
            }
	    #statistic{
		width: 350px;
		height: 100px;
	    }
            h1 {
                font-size: 18px;
            }

            table {
                width: 100%;
            }
        }

        @media (min-width: 1024px) {
            h1 {
                font-size: 22px;
            }
            #statistic{
                width: 450px;
                height: 150px;
            }

            .pic {
                margin-left: auto;
                margin-right: auto;
		width: 350px;
		padding: 20px;
            }

            .next,
            .prev {
		margin-top: auto;
		margin-bottom: auto;
                width: 40px;
                height: 485px;
            }

            .frame {
                height: 40px;
            }

            table {
                margin-left: auto;
                margin-right: auto;
            }
        }