body {
	background-color: #1d2426;
}

/* title */
#title {
	width: 800px;
	height: 230px;
	margin-left: auto;
	margin-right: auto;
	background-color: #d4d4d820;
	margin-top: 25px;
	border-radius: 20px;
}
#title-h1 {
	width: 800px;
	height: 40px;
	color: #eeeeee;
	font-size: 50px;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
	margin-top: 30px;
	float: left;
}
#title-h2 {
	width: 700px;
	height: 25px;
	margin-left: 50px;
	color: #eeeeee;
	font-size: 25px;
	line-height: 35px;
	text-align: center;
	margin-top: 30px;
	float: left;
}
#title-h3 {
	width: 700px;
	height: 25px;
	margin-left: 50px;
	color: #eeeeee;
	font-size: 25px;
	line-height: 35px;
	text-align: center;
	margin-top: 50px;
	float: left;
}
.title-logo {
	width: 25px;
	height: 25px;
	vertical-align: -3px;
}
#title-h2 > a, #title-h3 > a {
	color: #00aaff;
	text-decoration: none;
}
#title-h2 > a:hover, #title-h3 > a:hover {
	text-decoration: #00aaff 3px underline;
}
.title-logo:hover {
	width: 30px;
	height: 30px;
	vertical-align: -5px;
}

/* idnex */
#index {
	width: 800px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	background-color: #d4d4d820;
	margin-top: 25px;
	border-radius: 20px;
}
#index-text {
	color: #eeeeee;
	width: 200px;
	height: 40px;
	margin-left: 100px;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	float: left;
}
#index-btn-time {
	width: 150px;
	height: 25px;
	float: left;
	margin-left: 0px;
	margin-top: 7.5px;
	font-size: 20px;
	line-height: 25px;
	text-align: center;
	border-radius: 12.5px;
}
#index-btn-type {
	width: 150px;
	height: 25px;
	margin-left: 50px;
	float: left;
	margin-top: 7.5px;
	font-size: 20px;
	line-height: 25px;
	text-align: center;
	border-radius: 12.5px;
}
.index-btn {
	color: #eeeeee;
	background-color: #00aaff;
}
.index-btn:hover {
	color: #00aaff;
	background-color: #eeeeee;
}
.index-btn-pressed {
	color: #eeeeee;
	background-color: #042a3d;
}

/* main */
#main {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	background-color: #d4d4d820;
	border-radius: 20px;
}
#main-th {
	width: 800px;
	height: 50px;
	border-bottom: 2px solid #eeeeee;
}
.main-th {
	height: 50px;
	float: left;
	color: #eeeeee;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
}
#main-index, .main-index{width: 60px;}
#main-time, .main-time{width: 130px;}
#main-type, .main-type{width: 130px;}
#main-name, .main-name{width: 280px;}
#main-video, .main-video{width: 100px;}
#main-download, .main-download{width: 100px;}
.main-row {
	height: 30px;
	color: #eeeeee;
}
.main-row > div {
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	float: left;
}
.main-row > div > span > img {
	width: 20px;
	height: 20px;
	vertical-align: -5px;
}
.main-row > div > span {
	color: #00aaff;
}
.main-row > div > span:hover {
	text-decoration: #00aaff 2px underline;
}

/* bottom */
#bottom {
	width: 800px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	background-color: #d4d4d820;
	margin-top: 25px;
	border-radius: 20px;
}
#bottom-b1 {
	width: 800px;
	height: 30px;
	margin-top: 10px;
	float: left;
}
#bottom-b1 > span {
	width: 400px;
	font-size: 25px;
	line-height: 30px;
	color: #eeeeee;
	text-align: center;
	float: left;
}
#bottom-b1 > span > a:link, #bottom-b1 > span > a:visited {
	color: #00aaff;
	text-decoration: none;
}
#bottom-b1 > span > .bottom-b1-text:hover {
	text-decoration: #00aaff 3px underline;
}
#bottom-b1 > span > a > img {
	width: 25px;
	height: 25px;
	vertical-align: -2px;
}
#bottom-b1 > span > a > img:hover {
	width: 30px;
	height: 30px;
	vertical-align: -5px;
}
#bottom-b2 {
	width: 800px;
	height: 30px;
}
#bottom-b2 > ul {
	width: 800px;
	height: 30px;
	color: #eeeeee;
	font-size: 25px;
	line-height: 30px;
}
#bottom-b2 > ul > span {
	width: 150px;
	float: left;
}
#bottom-b2 > ul > li {
	margin-left: 50px;
	text-align: center;
	float: left;
}