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

body{ 
	margin:0; padding:0;
	font-family: Arial, "微軟正黑體", Helvetica, sans-serif;
	background-color:#f3f3f3;
}
img{
	max-width:100%;
	height:auto;
}
a{ color:#bbb;}
a:hover{ color:#50b6be;}
.wrapper{
	width:100%;
	height:100%;
	display:block;
	font-size:1em;
}
.content{
	width:100%;
	*width:500px;
	max-width:500px;
	margin:14% auto 0 auto;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	color:#bbb;
	padding:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.content .pic{
	width:50%;
	float:right;
}
.content .pic > img{
	width:100%;
	height:auto;
	max-width:240px;
}
.info > h1{
	font-size:100px;
	margin:0;
	color:#888;
}
.info p, .info > span {line-height:180%;}
.info p{
	margin-top:0;
}
.info > b{
	font-size:35px;
}
.down_info{
	width:100%;
	line-height:180%;
}
.down_info > a{
	display:inline-block;
}
.back-home{
	display:block;
	width:130px;
	padding:5px;
	background-color:#e3e3e3;
	font-size:1.1em;
	text-align:center;
	margin:30px auto;
	border-radius:30px;
	text-decoration:none;
	color:#bbb;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}	
.back-home:hover{
	background-color:#ddd;
}

@media only screen and (max-width: 480px) {
	.content .pic{
		width:100%;
		float:right;
		text-align:center;
	}
}