/* --- Common Screen --- */
html{background:#fafafa;}
body{margin:0px;}
#box{background:#fafafa;color:#333;font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif,"Microsoft YaHei";margin:0.5em auto;padding:1em 2em;-moz-border-radius:2px;-khtml-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:0px solid #dfdfdf;}

.width_960_px{
	width:960px;
}
.width_900_px{
	width:900px;
}
.width_800_px{
	width:800px;
}
.width_700_px{
	width:700px;
}
.width_560_px{
	width:560px;
}
.width_520_px{
	width:520px;
}
.width_480_px{
	width:480px;
}
.width_460_px{
	width:460px;
}
.width_420_px{
	width:420px;
	height:350px;
	padding:10px;
}
/* --- AD --- */
#box_ad{background:#fafafa;color:#333;font-family:"Microsoft YaHei";margin:0.5em auto;width:560px;padding:10px;-moz-border-radius:2px;-khtml-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:1px solid #dfdfdf;}
/*Family */
#family {margin:10px auto;color: #3C3D36;font-size: 13px;}
#family a{color:#3C3D36;font-size:13px;}
/*Date */
#date {margin:10px auto 0px auto;color: #3C3D36;font-size: 12px;}
/*center */
#center {margin:5px auto;text-align:center;}

#ps {color: #333333;font-size: 13px;}

a{color:#006699;text-decoration:none;}
a:hover{color:#3399cc;}
p.nav{font-size:1em;}
hr.hr {
	margin: 2em auto;
	width: 240px;
	max-width: 100%;
	border: none;
	border-top: 1px solid #D3D3D3;
}
h1{text-align:center;font-size:25px;}
h2{text-align:center;font-size:20px;}
input[type="text"].post {width: 418px;}
input[type="text"].inpost {width: 660px;}
input.n{font:1.2em "Courier New", Microsoft YaHei, Courier, monospace; font-weight: lighter; margin:10px; line-height:1.5em; }
.area{width: 540px;height: auto;}
.form_area {
	width:460px;
	margin:2em auto;
	border-radius:5px;
	background:rgba(255,255,255,.6);
	box-shadow:0 0 2px 2px rgba(155,155,155,.7);
	text-align:center
}
.two {text-indent:2em;}
img.icon {
margin-bottom:-4px;
}

/* --- Mobile Screen --- */
@media screen and (max-width: 800px) {
#box,#box460,#box520,#box800,#box960,#box990{background:#fafafa;color:#333;font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif,"Microsoft YaHei";margin:auto;width:auto;padding:1em 0.5em;-moz-border-radius:2px;-khtml-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:0px solid #dfdfdf;}
/*Family */
#family {margin:40px auto 0px auto;color: #3C3D36;font-size: 13px;}
#family a{color:#3C3D36;font-size:13px;}
h1{text-align:center;font-size:20px;}
h2{text-align:center;font-size:18px;}
textarea {width: 100%;height: auto;}
input[type="text"].inpost{width: 70%;padding: 2pt;border: 1px solid #000000;font-size:1.2em;}
input[type="text"].post {width: 98%;}
.btn{text-align:right;}
.post {width: 100%;}
.warnpost {width: 100%;}
table{width:100%;}
iframe{width:100%;}
#center{margin:1px auto;text-align:center;}
.form_area {
	width:auto;
	margin:1em auto;
	border-radius:5px;
	background:rgba(255,255,255,.6);
	box-shadow:0 0 2px 2px rgba(155,155,155,.7);
	text-align:center
}

}