body {
	margin: 0; padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  background-color:#FFFFFF;
}
pre {
  font-family: Arial, Helvetica, sans-serif;
}
input, textarea {
  font-family: Arial, Helvetica, sans-serif;
}

#dhtmltooltip{
	position: absolute;
	width: 150px;
	border: 1px solid gray;
	padding: 5px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	font-size: 10px;
	color: #666666;
}
.comicsSub {
	 position:absolute;
	 left:316px;
	 top:42px;
	 width:577px;
	 overflow: hidden;
	 visibility: hidden;
	 z-index:200;
}
.forumSub {
	position:absolute;
	left:450px;
	top:42px;
	width:577px;
	overflow: hidden;
	visibility: hidden;
	 z-index:200;
}
.gameSub {
	position:absolute;
	left:535px;
	top:42px;
	width:577px;
	overflow: hidden;
	visibility: hidden;
	 z-index:200;
}
.shopSub {
	position:absolute;
	left:645px;
	top:42px;
	width:577px;
	overflow: hidden;
	visibility: hidden;
	 z-index:200;
}
.workshopSub {
	position:absolute;
	left:770px;
	top:42px;
	width:577px;
	overflow: hidden;
	visibility: hidden;
	 z-index:200;
}
.ecardNew {
	position:relative;
	width:160px;
}
.ecardNew a {
	position:absolute;
	left:0px;
	top:0px;
	width:160px;
	height:120px;
}

.whatsNew {
  color: #8b8b8b;
  font-size: 14px;
  background: url('../img/main/dot.gif') repeat-x left bottom;
  overflow: hidden;
  width:137px;
  
  margin:0 5px;
  padding: 2px 0;
  position: relative;
  white-space: nowrap;
}
.whatsNew div {
  position:absolute;
  right:-1px;
  bottom:2px;
  background:white;
  color:#8b8b8b;
  font-size:14px;
  height:1.3em;
}
.whatsNew > div {
  right:0;
}
.newsTitle {
  font-size: 18px;
  font-weight: bold;
  color: #ff9900;
  padding: 0 5px;
}
.newsDate {
  font-size: 14px;
  text-align: right;
  padding: 0 5px;
}
.newsText {
  font-size: 14px;
  color: #5f5f5f;
  padding:10px;
}

.copyright {
	color: #b2b2b2;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	
	
}
.date1 {
	color: #53AA31;
	font-size: 14px;
}
.pagelink {
	color: #666666;
	font-size: 12px;
}
.pagelinkcurrent {
  color: #ff7e0b;
	font-size: 12px;
}
.comicstopleft {
  color: #bdbdbd;
	font-size: 10px;
}
.comicstoprightfirst {
  color: #ff6622;
	font-size: 12px;
	padding-right:5px;
}
.comicstopright {
  color: #949494;
	font-size: 12px;
	padding-right:5px;
}
.comicscomment {
  color: #666666;
	font-size: 14px;
}
.comicsdate {
  color: #666666;
	font-size: 12px;
}
.forumtitle {
  color: #666666;
  font-size: 14px;
}
.ecardtitle {
  color: #87C65C;
  font-size: 200%;
}
.ecarddescript {
  color: #666666;
}
.title1 {
	color: #666666;
	font-size: 12px;
}
.title2 {
	color: #a7a7a7;
	font-size: 10px;
}
.title3 {
	color: #87C65C;
	font-size: 14px;
}
.title4 {
	color: #666666;
	text-decoration: none;
}
.title5 {
	color: #AAAAAA;
	font-size: 12px;
}
.title6 {
	color: #87C65C;
	font-size: 12px;
}
.title7 {
	color: #565656;
	font-size: 16px;
}
.title8 {
	color: #569AE0;
	font-size: 14px;
}
.title9 {
	color: #F27200;
	font-size: 14px;
}
.title10 {
    color: #87C65C;
    font-size: 14px;
}
.title11 {
	font-size: 16px;
	font-weight: bold;
	color: #87C330;
}
.title12 {
	font-size: 14px;
	font-weight: bold;
	color: #A7A7A7;
}
.title13 {
	color: #ffffff;
	font-size: 24px;
}
.title14 {
	color: #CE9B4C;
	font-size: 18px;
}
.title15 {
	color: #d29e4e;
	font-size: 14px;
}
a:link {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: none;
}a:visited {
	color: #666666;
	text-decoration: none;
}
a:active {
	color: #666666;
	text-decoration: none;
}
.fieldBox {
	border: 1px solid #868686;
  font: 12px Arial,Helvetica,sans-serif;
}
/*
.commentLay1{
	position:relative;
	top:-173px;
	left: 16px;
	width:19px;
}
.commentLay2{
	position:relative;
	left:45px;
	top:-187px;
	width:9px;
}

.commentLay3{
	position:relative;
	left:10px;
	top:-175px;
	width: 324px;
	visibility: hidden;
}
*/
.commentLay4{
	position:absolute;
	left:572px;
	top:230px;
	width:330px;
	z-index:4;
	visibility: hidden;
}

.commentLay {
  position: absolute;
  top:0;
  left:0;
  width: 700px;
  z-index:899;
}
.commentLay .commentLay1 {
	position: absolute;
	top: 9px;
	left: 9px;
	width: 19px;
	height: 19px;
	z-index:900;
	
}
.commentLay .commentLay2 {
	position: absolute;
	top: 15px;
	left: 38px;
	width: 9px;
	height: 8px;
	z-index:910;
}
.commentLay .commentLay3 {
	position: absolute;
	top: 30px;
	left: 2px;
	width: 500px;
	z-index: 920;
	visibility:hidden;
}
.post_info {
	color: #b1b1b1;
	font-size: 12px;
  padding:10px 0;
  text-align: justify;
}
.post_info div {
  font-size: larger;
}
.post_info ul {
  margin:0;
  padding:0;
}
.post_info ul {
  list-style: disc;
  margin-left: 1.5em;
}
.post_info .point {
  color: #878787;
}
.fun_title, .fun_title_on {
  color: #8b8b8b;
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
}
.fun_title_on {
  color: #8cb066;
}
.ecardbox {
  position: relative;
  width:470px;
}
.ecardbox input, .ecardbox textarea {
  border: 0;
  background: #f5f5f5;
  padding: 3px;
  width: 100%;
}
.rule {
	color: #666666;
	font-size: 11px;
	font-family:Arial;
	
}