html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block
}
ol,ul {
	list-style:none;
	padding:0;
	margin:0
}
blockquote,q {
	quotes:none
}
blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
a {
	text-decoration:none
}
.txt-rt {
	text-align:right
}
.txt-lt {
	text-align:left
}
.txt-center {
	text-align:center
}
.float-rt {
	float:right
}
.float-lt {
	float:left
}
.clear {
	clear:both
}
.pos-relative {
	position:relative
}
.pos-absolute {
	position:absolute
}
.vertical-base {
	vertical-align:baseline
}
.vertical-top {
	vertical-align:top
}
.underline {
	padding-bottom:3px;
	border-bottom:1px solid #eee
}
nav.vertical ul li {
	display:block
}
nav.horizontal ul li {
	display:inline-block
}
img {
	max-width:100%
}
body {
	font-family:roboto,sans-serif;
	text-align:center;
	background:url(../images/background.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover
}
body a {
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	text-decoration:none
}
h1 {
	font-size:45px;
	font-weight:500;
	letter-spacing:4px;
	margin:60px 0;
	color:#fff
}
.container {
	width:25%;
	margin:0 auto;
	padding:40px;
	background-color:rgba(10,10,10,.77);
	border:2px ridge rgba(238,238,238,.13);
	border-radius:5px;
	-moz-box-shadow:0 -5px 10px 1px rgba(16,16,16,.57);
	-webkit-box-shadow:0 -5px 10px 1px rgba(16,16,16,.57);
	box-shadow:0 -5px 10px 1px rgba(16,16,16,.57);
	border-bottom:none;
	border-bottom-left-radius:initial;
	border-bottom-right-radius:initial
}
.login {
	width:100%;
	float:left;
	text-align:center;
	padding-right:40px
}
::-webkit-input-placeholder {
	color:#ccc
}
:-moz-placeholder {
	color:#ccc
}
::-moz-placeholder {
	color:#ccc
}
:-ms-input-placeholder {
	color:#ccc
}
h2 {
	font-size:35px;
	text-align:left;
	color:#fff;
	font-weight:100;
	margin-bottom:20px
}
ul.tick {
	float:left;
	list-style:none;
	display:inline-block;
	width:100%;
	margin-bottom:20px
}
ul.tick li input[type=checkbox] {
	display:none
}
ul.tick li input[type=checkbox]+label {
	position:relative;
	padding-left:30px;
	border:#f0f8ff;
	display:inline-block;
	font-size:13px;
	color:#eee
}
ul.tick li input[type=checkbox]+label span:first-child {
	width:17px;
	height:17px;
	display:inline-block;
	border:1px solid #eee;
	position:absolute;
	top:-3px;
	left:0;
	bottom:4px
}
ul.tick li input[type=checkbox]:checked+label span:first-child:before {
	content:"";
	background:url(../images/tick.png)no-repeat;
	position:absolute;
	left:3px;
	top:3px;
	font-size:10px;
	width:10px;
	height:10px
}
.social-icons {
	margin-top:40px;
	text-align:center
}
.social-icons p {
	color:#ccc;
	margin-bottom:15px
}
.social-icons ul li {
	float:left;
	width:32.9%
}
.copyrights {
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden
}
li.twt {
	margin:0 2px
}
.social-icons ul li a {
	display:block
}
.social-icons ul li a span {
	vertical-align:middle;
	color:#fff;
	font-size:15px
}
.social-icons ul li span.icons {
	background:url(../images/i1.png) no-repeat center;
	width:30px;
	height:30px;
	display:inline-block
}
.social-icons ul li.weixin span.icons {
	background:url(../images/weixin.png) no-repeat;
	background-size:100%
}
.social-icons ul li.qq span.icons {
	background:url(../images/qq.png) no-repeat;
	background-size:100%
}
.social-icons ul li.weibo span.icons {
	background:url(../images/weibo.png) no-repeat;
	background-size:100%
}
.social-icons ul li a:hover span.icons {
	transform:rotatey(360deg);
	-webkit-transform:rotatey(360deg);
	-o-transform:rotatey(360deg);
	-moz-transform:rotatey(360deg);
	-ms-transform:rotatey(360deg);
	transition:.5s all
}
input[type=text],input[type=password] {
	width:93.4%;
	margin-bottom:35px;
	padding:10px;
	background-color:transparent;
	border:none;
	font-size:15px;
	border-bottom:1px solid rgba(238,238,238,.41);
	outline:none;
	color:#fff
}
.send-button {
	margin-bottom:20px
}
.send-button input[type=submit] {
	width:97%;
	padding:10px 0;
	font-size:16px;
	font-weight:100;
	background-color:transparent;
	color:#ccc;
	border:1px solid rgba(238,238,238,.41);
	border-width:thin;
	cursor:pointer;
	outline:none;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	text-decoration:none
}
.send-button input[type=submit]:hover {
	background-color:#000;
	border:1px solid #fff;
	color:#fff;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	text-decoration:none
}
.login a {
	color:#ccc
}
.login a:hover {
	color:#fff
}
.register {
	width:44%;
	float:left;
	border-left:1px solid #ddd;
	padding-left:40px;
	text-align:left
}
.register p {
	color:#ccc;
	margin-bottom:10px
}
.register p a {
	color:#ccc
}
.register p a:hover {
	color:#fff
}
.footer {
	text-align:center;
	margin:100px 20px 20px
}
.footer p {
	color:#ccc;
	line-height:25px
}
.footer a {
	color:#ccc;
	text-decoration:none
}
.footer a:hover {
	color:#fff
}
@media screen and (max-width:1920px) {
	h1 {
	margin:100px 0
}
}@media screen and (max-width:1600px) {
	h1 {
	margin:60px 0
}
}@media screen and (max-width:1440px) {
	.container {
	width:53%
}
}@media screen and (max-width:1366px) {
	h1 {
	margin:6% 0
}
.container {
	width:37%
}
}@media screen and (max-width:1280px) {
	.container {
	width:60%
}
}@media screen and (max-width:1024px) {
	.container {
	width:76%
}
}@media screen and (max-width:966px) {
	.container {
	width:80%
}
.footer {
	margin:50px 20px 20px
}
}@media screen and (max-width:853px) {
	.login {
	padding-right:36px
}
.register {
	padding-left:36px
}
.social-icons ul li {
	width:32.8%
}
.register p {
	font-size:14px
}
}@media screen and (max-width:800px) {
	h1 {
	font-size:43px
}
.login {
	padding-right:35px
}
.register {
	padding-left:34px
}
.social-icons ul li span.icons {
	width:28px
}
}@media screen and (max-width:768px) {
	.container {
	width:85%
}
.register p {
	font-size:13.8px
}
}@media screen and (max-width:736px) {
	h1 {
	font-size:40px
}
.container {
	width:87%;
	padding:35px
}
.login {
	padding-right:34px
}
.register {
	padding-left:33px
}
.social-icons ul li a span {
	font-size:14px
}
.register p {
	font-size:13.2px
}
}@media screen and (max-width:667px) {
	h1 {
	font-size:35px;
	letter-spacing:3px
}
.container {
	width:55%;
	padding:50px
}
.login {
	padding:0;
	width:100%;
	margin-bottom:0px
}
.register {
	padding:40px 0 0;
	width:100%;
	border:none;
	border-top:1px solid #ddd
}
}@media screen and (max-width:603px) {
	h1 {
	letter-spacing:2px
}
}@media screen and (max-width:568px) {
	h1 {
	letter-spacing:1px;
	margin:50px 0
}
.container {
	width:60%;
	padding:40px
}
}@media screen and (max-width:533px) {
	h1 {
	font-size:32px
}
}@media screen and (max-width:480px) {
	.container {
	width:70%;
	padding:35px
}
.send-button input[type=submit] {
	width:100%;
	padding:8px 0
}
}@media screen and (max-width:414px) {
	h1 {
	font-size:30px
}
.container {
	width:75%;
	padding:25px
}
.login {
	margin-bottom:0px
}
h2 {
	font-size:30px;
	margin-bottom:15px
}
.register {
	padding:30px 0 0
}
.footer p {
	font-size:14px
}
}@media screen and (max-width:384px) {
	h1 {
	letter-spacing:0
}
}@media screen and (max-width:375px) {
	.social-icons ul li span.icons {
	width:27px
}
.register p {
	font-size:13px;
	line-height:23px
}
}@media screen and (max-width:360px) {
	.container {
	width:80%;
	padding:20px
}
}@media screen and (max-width:320px) {
	.social-icons ul li {
	width:32.7%
}
.social-icons ul li span.icons {
	width:25px
}
.social-icons ul li a span {
	font-size:12.4px
}
}