/* --Color Table-- */
/* 
red:    #d9534f #c9302c;
orange: #f0ad4e #ec971f;
green:  #5cb85c #449d44;
cyan:   #5bc0de #31b0d5;
blue:   #337ab7 #286090;
purple: #d953d7 #c93090;
gray:   #787878 #636363;
 */

/*Sample-Begin*/
/*
	border-radius: 25px;	// 圆角代码
	transform: scale(1);	// 放大缩小代码
 */
/*Sample-End*/

@media screen and (min-device-aspect-ratio: 1/1) {
	/*横屏代码*/
}
@media screen and (max-device-aspect-ratio: 1/1) {
	/*竖屏代码*/
}

@font-face {
	font-family: 'robotothin';
	src: url('../fonts/roboto-thin-webfont.eot');
	src: url('../fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/roboto-thin-webfont.woff2') format('woff2'),
		 url('../fonts/roboto-thin-webfont.woff') format('woff'),
		 url('../fonts/roboto-thin-webfont.svg#robotothin') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotomedium';
	src: url('../fonts/roboto-medium-webfont.eot');
	src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
		 url('../fonts/roboto-medium-webfont.woff') format('woff'),
		 url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
html, body {
	margin: 0 !important;
	padding: 0 !important;

/*全站转黑白*/
/* 
	-webkit-filter: grayscale(100%) !important;
	 -khtml-filter: grayscale(100%) !important;
	   -moz-filter: grayscale(100%) !important;
	    -ms-filter: grayscale(100%) !important;
	     -o-filter: grayscale(100%) !important;
	        filter: grayscale(100%) !important;
 */
}
a, a:link, a:visited, a:hover, a:active {text-decoration: none;}

.middle {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}

.notext {
	/* 禁止选择文字 */
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	     -o-user-select: none;
	        user-select: none;
}
.nobr {
	/* 禁止换行 */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.hand {
	cursor: pointer;
}
.blur {
	/* FireFox, Chrome, Opera */
	filter: url('../fonts/blur.svg#blur');
	/* Chrome, Opera */
	-webkit-filter: blur(8px);
	 -khtml-filter: blur(8px);
	   -moz-filter: blur(8px);
		-ms-filter: blur(8px);
		 -o-filter: blur(8px);
			filter: blur(8px);
	/* IE6~IE9 */
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=8, MakeShadow=false);
}
.eof {
	/*结束标记*/
	width: 100%;
	text-align: center;
	opacity: 0.4;
	font-size: 10px;
	line-height: 300%;
	margin-bottom: 50px;
	mix-blend-mode: difference;
}
.eof::after {
	content: "---------- 我也是有底线的 ----------";
}