@charset "UTF-8";
/* CSS Document */
html {
	background-image:url(../img/bg-banner.JPG);
	background-repeat:repeat-x;
	background-color:#FFFAED;
	font-family:helvetica, STKaiti, KaiTi, KaiTi_GB2312;
}


#wrapper {
	width:800px;
	margin:auto;
	min-height:800px;
	background-color:#FFFAED;
	
}

#header {
	min-height:160px;
	background-image:url(../img/logo.jpg);
}

a {
	text-decoration:none;
}

.portfolio {
	margin-left:70px;
}

.navi {
	background-color:#009;
	height:40px;
}

.navim {
	display:none;
}

.navitem{
	width:160px;
	height:38px;
	float:left;
	text-align:center;
	vertical-align:middle;
	margin:auto;
	padding:auto;
	background-color:#3C0;
	background-image:url(../img/navibutton.png);
}

.navitem:hover {
	background-color:#CF9;
	background-image:url(../img/navibutton-hover.png)
}

.navitem p {
	position: relative;
  	top: 0%;
  	transform: translateY(-50%);
}
.backtotop {
	width:160px;
	height:25px;
	float:right;
	clear:both;
	text-align:center;
	margin:auto;
	background-color:#3C0;
	background-image:url(../img/navibutton.png);
}

.navi a:link, .navi a:visited{
	font-size:1.2em;
	color:#F60;
}

.navi a:hover{
	color:#000;
}


.relate {
}

.relatem {
	display:none;
}
.related {
	margin-left: 5px;
	background-color: rgb(255, 255, 153);
	padding: 3px;
	font-family: STKaiti,KaiTi,KaiTi_GB2312;
	border-radius: 5px;
	box-shadow: 3px 3px 3px #CCC;
}

#left, #right{
	width:185px;
	float:left;
	border:none;
	margin-right:5px;
	margin-left:5px;
}

.left a:link, .left a:visited{
	font-size:1em;
	color:#000000;
}

.toplist {
	width:100%;
	min-height:25px;
	font-size:1em;
	//background-color:#FF9;
	background-image:url(../img/navibutton.png);
	color:#609;
}

.toplist:hover{
	background-color:#CF9;
	background-image:url(../img/navibutton-hover.png);
	color:#000;
}

.sublist {
	font-size:1em;
	padding-left:25px;
	background-color:#FFF;
	color:#000;
}

.sublist:hover {
	background-color:#CF9;
	background-image:url(../img/navibutton-hover.png);
	color:#000;
}





#main {
	width:600px;
	min-height:600px;
	float:left;
	margin-left:5px;
	margin-right:0px;
	border:none;
	margin:auto;
}

#main p{

}

.page {
	width:20px;
	height:20px;
	border:1px solid #F90;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:2px;
	float:left;
	text-align:center;
	color:#000;
	background-color:#99FFFF;
}

.page:hover {
	background-color:#CCFFFF;
}

.tile {
	border:#000 1px solid;
	border-radius:5px;
	box-shadow:#BBB 5px 5px 5px;
	background-color:#FFF;
	width:176px;
	height:300px;
	text-align:center;
	float:left;
	margin:5px;
}

.tile:hover {
	box-shadow:none;
}

.tile p{
	text-align:left;
	font-family:"Courier New", Courier, monospace;
	margin-left:5px;
}

.tile img{
	margin:auto;
	height:100%;
	max-height:120px;
	width:100%;
	max-width:120px;
	border:none;
}
.tile a p{
	color:#000;
}

.tile-s {
	border:#000 1px solid;
	border-radius:5px;
	box-shadow:#BBB 5px 5px 5px;
	background-color:#FFF;
	width:128px;
	height:143px;
	text-align:center;
	float:left;
	margin:5px;

}

.tile-s:hover {
	box-shadow:none;
}


.detail{
	width:44%;
	max-width:400px;
	margin-left:4%;
	float:left;
	height:auto;
	margin:auto;

}

.detail p{
	margin-left:10%;
	font-family:"Courier New", Courier, monospace;
}

.detail img {
	width:80%;
	height:auto;
	max-height:240px;
	max-width:240px;
	margin:auto;
}

.desc{
	
}

.desc p {
	margin-left:25px;
	clear:both;
}

.sub {
	border:1px solid #F96;
	text-align:center;
	width:120px;
	height:180px;
	background-color:white;
	float:left;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:2px;
}
.sub img{
	margin:auto;
	height:100%;
	max-height:120px;
	width:100%;
	max-width:120px;
	border:none;
}

.nutri {
	border:none;
	margin-left:25px;
}
.nutri td, .nutri th{
border-bottom: 1px solid black;
border-right:1px solid black;
text-align: center;
}

.nutri td:nth-child(1){
text-align:left;
}

.acctable {
	border:1px solid black;
	margin:auto;
}
.acctable td, .acctable th{
border-bottom: 1px solid black;
border-right:1px solid black;
}

.admintable {
	border:2px solid black;
	border-collapse: collapse;
}


.admintable td{
	border: 1px solid black;
}

.admintable th {
	border: 2px solid black;
	height: 35px;
	background-color:#4F8;
}

.admintable tr:nth-child(even) {background-color: #FFFAED}
.admintable tr:nth-child(odd) {background-color: #FFFFCD}
.admintable tr:hover {background-color: #FFA;}

.err {
	text-align:center;
	color:white;
	background-color:red;
}
#footer {
	clear:both;
}