/* --- Common Screen --- */
body{margin:0px;}

/*Family */
#family {margin:10px auto;color: #3C3D36;font-size: 13px;}
#family a{color:#3C3D36;font-size:13px;}
.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;}
#nav_p{text-align:center;font-size:16px;}
#show_pc{margin:1px auto;}
#show_m{display:none;}
#ps {color: #333333;font-size: 13px;}
#ver{float:right;font-size:13px;font-weight: lighter;}
#p_center{text-align:center;}

a{color:#006699;text-decoration:none;}
a:hover{color:#3399cc;}
p.nav{font-size:1em;}
i{font-size:13px;font-weight: lighter;}
li{list-style-position: inside;}
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;}

/*footer*/
#copy {margin:0px auto;color: #3C3D36;font-size: 12px;}
#copy a{color:#3C3D36;font-size:12px;}
#copy p{color:#3C3D36;font-size:12px;}
#ba {margin:0px auto;color: #999;font-size: 12px;}
#ba a{color:#999;font-size:12px;}
#ba p{color:#999;font-size:12px;}
img.icon {margin-bottom:-4px;}

/* --- Mobile Screen --- */
@media screen and (max-width: 800px) {
	#box{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:20px auto;color: #3C3D36;font-size: 13px;}
	#family a{color:#3C3D36;font-size:13px;}
	#center{margin:1px auto;text-align:center;}
	#nav_p{text-align:center;font-size:14px;}
	#show_pc{display:none;}
	#show_m{display:block;margin:1px auto;}
	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%;}
	table{width:100%;}
	iframe{width:100%;}
	.family {margin:20px auto;color: #3C3D36;font-size: 13px;}
	.family a{color:#3C3D36;font-size:13px;}
	.btn{text-align:right;}
	.post {width: 100%;}
	.warnpost {width: 100%;}
	.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
	}
}