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

body{
	font-family: 'Roboto', sans-serif;
}

.container{
	max-width:1000px;
	margin:0 auto;

}

header{
	background-color: #333;
	padding: 20px 0;
}
header .logo{
	float:left;
	color:#FFF;
	text-decoration: none;
	font-weight: 700;
}
header nav{
	float: right;
}

header nav a{
	color:#FFF;
	text-decoration: none;
	display: inline-block;
	margin:0 10px;
}
header nav a.current{
	color:#FF0;
}

main{}
#member_news .item{
	padding:50px 20px;
	border-bottom: dashed 1px #DDD;
}
#member_news .item h1{
	font-size: 1.5em;
	color:#069;
	line-height: 125%;
}
#member_news .item h5{
	font-size: 0.9em;
	color:#999;
}
#member_news .item img{
	margin:20px 0;
	max-width: 100%
}
#member_news .item p{
	line-height: 150%;
	color:#666;
}






#form{
	margin:30px 0;
}
#form .container{
	max-width: 500px;
	padding:0 20px;
}
#form h1{
	font-size: 2em;
	color:#069;
	text-align: center;
	padding:12px;
	border-bottom: dashed 1px #CCC;
	margin-bottom: 20px;
}
fieldset{
	margin-bottom: 20px;
}
fieldset label{
	display: block;
	margin-bottom: 4px;
}
input[type="text"],input[type="password"],textarea{
	width:100%;
	border:solid 1px #999;
	padding:8px;
	font-size: 1em;
	color:#666;
}
textarea{
	height: 100px;
}
.btns input,.btns a{
	text-decoration: none;
	line-height: 130%;
	padding:10px 15px;
	border: solid 1px #999;
	display: inline-block;
	color:#666;
	background-color: transparent;
	cursor: pointer;
	font-size: 1em;
}

#banner{
	height: 300px;
	background-position: center center;
	background-size: cover;
	position: relative;
}
#banner h1{
	color:#999;
	font-size: 20px;
	position: absolute;
	left:10%;
	top:40%;
	font-family: 'Trebuchet MS', cursive;
}
#banner h5{
	color:#999;
	font-size: 12px;
	position: absolute;
	left:10%;
	top:40%;
	font-family: 'Trebuchet MS', cursive;
}


#news{
	padding:30px;
	display:flex;
	flex-wrap:wrap;
	font-family: 'Trebuchet MS', cursive;
}
#news .item{
	width:450px;
	margin:20px 10px;
	color:#FFF;
	font-family: 'Trebuchet MS', cursive;
}
#news .item>h1{
	font-size: 24px;
	font-weight: 700;
	color:#999;
	font-family: 'Trebuchet MS', cursive;
}
#news .item>img{
	max-width:100%;
	margin:8px 0;
}
#news .item>p{
	color:#121212;
	line-height: 180%;
}

footer{
	background-color: #333;
	color:#CCC;
	text-align: center;
	padding:20px;
	font-size: 20px;
}




#law .item1 h1{
	font-size: 24px;
	font-weight: 700;
	font-family: 'Trebuchet MS', cursive;
}

#law .item1 h2{
	font-size: 20px;
	color:#ddd000;
	font-weight: 700;
	font-family: 'Trebuchet MS', cursive;
}
#law .item1{
	width:100%;
	margin:20px 10px;
	border-bottom: dashed 1px #DDD;
	padding:30px;
}
#law .item1 p{
	color:#999;
	line-height: 140%;
	font-family: 'Trebuchet MS', cursive;
}













@media (max-width:480px){
body{}

.container{
	width:100%;
}

header{
	text-align: center;
}
header .logo{
	float:none;
	font-size: 70px;
}
header nav{
	float: none;
	margin-top: 10px;
}
	
main{}
main .banner{
	height: 400px;
}
main .banner>.slogan{
	left:0;
	width: 100%;
	text-align: center;
}
main .news{
	padding:0;
}
main .news>.item{
	width:100%;
	margin:0;
	padding:40px 20px;
	border-bottom: dashed 1px #DDD;
}
main .news>.item>h1{}
main .news>.item>img{}
main .news>.item>p{}

footer{}
}