@charset "UTF-8";
/* by NekoTora for SmileACG */


/* Base */
*{
	margin: 0;
	padding: 0;
}

html,body{
	height: 100%;
	width: 100%;
}

body{
	background: #eaeaea;
	color: #333;
	font-size: 15px;
	font-family: Ubuntu, "Helvetica Neue", Helvetica, "Nimbus Sans L", "Open Sans", "Roboto", "Segoe WP", "Segoe UI", arial, "Liberation Sans", freesans, clean, "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans CJK TC", "Source Han Sans TW", "Noto Sans CJK JP", "Source Han Sans JP", "Noto Sans CJK", "Source Han Sans", "Microsoft YaHei UI", "Microsoft YaHei", DengXian, "Wenquanyi Micro Hei", "ST Heiti", "Droid Sans Fallback", "Microsoft JhengHei", SimSun, sans-serif;
	background: #252525 url("./bg.jpg") repeat fixed;
	background-size: cover;
}

::selection{
	background:rgba(0,0,0,.25);
	color: #000;
}

.clear:after{
  content:"";
  display:block;
  height:0;
  visibility:hidden;
  clear:both;
}

.container{
	width: 1000px;
	margin: 0 auto;
}

a,a:hover,a:link,a:visited{
	color: #fff;
	text-decoration: none;
}

.main a,.main a:hover,.main a:link,.main a:visited{
	color: #222;
	text-decoration: none;
}



/* Intro */

.intro{
	display: table;
	color: #fff;
	width: 100%;
	height: 100%;
}

.intro .inner{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-bottom: 100px;
	text-shadow: 0 0 20px rgba(255,255,255,.3);
}

.intro .inner .titlebox{
	display: inline-block;
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(255,255,255,.5);
	margin-bottom: 40px;
}

.intro .inner .titlebox h1{
	font-size: 120px;
}

.intro .inner .titlebox h2{
	font-size: 40px;
}

.intro .inner p a{
	display: inline-block;
	width: 80px;
	font-size: 16px;
	position: relative;
	top: 0;
	transition: all .2s ease;
}

.intro .inner p a:hover{
	top: -10px;
}



/* Main-Gobal */

.main{
	background: rgba(255,255,255,.85);
	padding-bottom: 30px;
}

.main .ch{
	padding: 40px 0 5px 0;
}

.main .ch h2.chtitle{
	padding-bottom: 30px;
}

.main .lr .left{
	float: left;
	width: 55%;
	line-height: 1.5em;
}

.main .lr .right{
	float: right;
	width: 33%;
	padding-left: 5%;
	border-left: 1px solid #bbb;
	margin-left: 5%;
}



/* Main */

.main .activity a.btn{
	display: inline-block;
	text-align: center;
	padding: 0 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	border: 1px solid #888;
	margin-right: 20px;
	transition: all .2s ease;
}

.main .activity a.btn:hover{
	background: #ccc;
}

.main .about p{
	padding-bottom: 1em;
}

.main .about .lr .right{
	text-align: center;
}

.main .about img.logo{
	width: 150px;
	height: 150px;
	border: 2px solid #bbb;
}

.main .find a.btn{
	display: inline-block;
	margin: 10px 20px 10px 20px;
	padding: 0 20px 0 20px;
	border-left: 8px solid #9ea6b2;
	transition: all .2s ease;
	position: relative;
	top: 0;
}

.main .find a:first-child{
	margin-left: 0px;
}

.main .find a.btn:hover{
	top: -10px;
	border-left-color: #6496db;
}

.main .find a.btn h4{
	padding-bottom: 10px;
}

.main .find a.btn p{
	font-size: 13px;
	color: #666;
}

.main .member .typetitle{
	padding: 15px 0 20px 0;
}

.main .member .typetitle:first-child{
	padding-top: 0;
}

.main .member ul.userlist{
	list-style: none;
	opacity: .8;
	transition: all .5s ease;
}

.main .member ul.userlist:hover{
	opacity: 1;
}

.main .member ul.userlist li{
	background: #bbb no-repeat;
	background-size: cover;
	float: left;
	width: 132px;
	height: 132px;
	overflow: hidden;
	transition: all .5s ease;
	margin: 0 10px 10px 0;
}

.main .member ul.userlist li .inner{
	color: #fff;
	height: 30px;
	padding: 0 10px;
	margin-top: 102px;
	transition: all .5s ease;
	background-color: rgba(0,0,0,0);
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
}

.main .member ul.userlist li:hover .inner{
	margin-top: 0;
	padding: 10px 10px 0 15px;
	background-color: rgba(0,0,0,.8);
	height: 142px;
}

.main .member ul.userlist li .inner h4{
	font-size: 15px;
	line-height: 30px;
	text-shadow: 1px 1px 2px #000;
}

.main .member ul.userlist li .inner p{
	font-size: 12px;
	line-height: 1.3em;
	padding-bottom: .5em;
	opacity: .8;
}

.main .member ul.userlist li .inner p.s{
	font-style: italic;
}

.footer{
	padding: 80px 0 40px 0;
	color: #fff;
}

.footer p{
	line-height: 2em;
	font-size: 16px;
}

.footer h2.word{
	text-align: center;
	padding: 2em 0 4em 0;
	font-size: 2em;
	text-shadow: 0 0 20px rgba(255,255,255,.3);
}

.footer .copyright{
	border-top: 1px solid rgba(255,255,255,.3);
	padding-top: 20px;
}

.footer p.small{
	font-size: 12px;
}