@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css);

*{
margin:0;
padding:0;
}

a, a:hover, a:focus {
	text-decoration: none;
	color:#FFF;
}
a:focus {
	outline: none;
}

body{
	background-image:url(../images/back.jpg);
	background-repeat:no-repeat;
	font-family: 'cwTeXHei', sans-serif;
	color:#FFF;
	font-size:16px;
}

div{
	text-align:center;
}

.mainTitle{
	margin-top:20px;
}

.titleText{
	text-decoration:underline;
}

.subTitle{
	color:#FFF;
	padding-bottom:10px;
}

.subTitle2{
	width:40%;
	margin:20px 30%;
	font-size:1em;
	background-color:rgba( 255, 255, 255, 0.2);
	border-radius:10px;
	padding-top:10px;
	padding-bottom:10px;
	border:#FFF double;
}

.mainArea{
	width:40%;
	margin:20px 30%;
	font-size:1em;
	background-color:rgba( 255, 255, 255, 0.2);
	border-radius:10px;
	padding-top:10px;
	padding-bottom:10px;
	border:#FFF double;
}
.mainArea .mainAreaText{
	line-height: 30px;
	text-align:left;
	display:block;
	width:68%;
	margin:10px 19%;
}

p{
	margin:5px 0;
}

.subLines{
	font-size:0.8em;
}

footer{
	width:40%;
	margin:20px 30%;
	font-size:1em;
	background-color:rgba( 255, 255, 255, 0.2);
	border-radius:10px;
	padding-top:10px;
	padding-bottom:10px;
	border:#FFF double;
}

ul{
	padding-left:5%;
}

li{

}

@media screen and (max-width:767px) {
.subTitle2{
	width:60%;
	margin:20px 20%;
}
.mainArea{
	width:60%;
	margin:20px 20%;
}
footer{
	width:60%;
	margin:20px 20%;
}
}

@media screen and (max-width:500px) {
.subTitle2{
	width:80%;
	margin:20px 10%;
}
.mainArea{
	width:80%;
	margin:20px 10%;
}
footer{
	width:80%;
	margin:20px 10%;
}
}