@charset "UTF-8";
/* CSS Document */

.html {
	
	font-family:STKaiti, KaiTi, KaiTi_GB2312;
	font-size:1.2em;
}

.img {
	max-width:100%;
}

#wrapper {
	width:100%;
	margin:auto;
	background-color:#FFFAED;
	
}

#header {
	display:none;
}

.direct {
	border:1px solid #00D;
	border-radius:5px;
	max-width:400px;
	height:auto;
	min-height:50px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	vertical-align:middle;
}

.navi {
	display:none;
}



.navitem{
	width:46%;
	border: #00E 1px solid;
	height:auto;
	min-height:30px;
	margin-bottom:15px;
	margin-right:3%;
	float:left;
	text-align:center;
	background-color:#3C0;
	background-image:url(../img/navibutton.png);
}

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


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

a:hover{
	color:#000;
}

.relate {
	display:none;
}

.relatem {

}

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

#left {
	clear:both;
	width:90%;
	margin-left:5%;
}

#main{
	width:90%;
	margin-left:5%;
}


#main img{
	max-width:100%;
}

.tile {
	border:#F90 1px solid;
	width:75%;
	margin:auto;
	margin-left:10%;
	max-width:480px;
	height:auto;
	border-radius:5px;
	box-shadow:#BBB 5px 5px 5px;
	background-color:#FFF;
	font-family:"Courier New", Courier, monospace;
	color:#000;
	padding-left:5%;
}

.tile:hover {
	background-color:#CCFFFF;
	box-shadow:none;
}

.tile img {
	width:80%;
	max-width:150px;
	max-height:150px;
	margin:auto;
}

.detail{
	width:90%;
	max-width:300px;
	float:left;
	height:auto;
	margin:auto;

}

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

.detail img {
	width:90%;
	height:auto;
	max-height:240px;
	max-width:240px;
	margin-left:5%;
}
.sub {
	border:1px solid #F96;
	text-align:center;
	width:44%;
	height:180px;
	background-color:white;
	float:left;
	margin-left:4%;
	margin-bottom:2px;
}
.sub img{
	margin:auto;
	height:100%;
	max-height:120px;
	width:100%;
	max-width:120px;
	border:none;
}
.nutri {
	border:none;
}
.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;
}

#footer {
	clear:both;
}