*{
	padding: 0;
	margin: 0;
}
html,body{
	width: 100%;
	height: 100%;
	-webkit-touch-callout:none;
	-webkit-text-size-adjust:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-user-select:none;
	font-family: Arial, Helvetica," sans-serif";
}
body{
	background-color: #fff;
}
a{
	text-decoration: none;
	color: #333;
}
a,input,button{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	outline: none;
}
input,button{
	-webkit-appearance:none;
	border-radius: 0;
}
input::-ms-clear {
	display: none;
}
input::-ms-reveal {
	display: none;
}
input::-webkit-search-cancel-button{
	display: none;
}
input[type=search]::-ms-clear{
	display: none;
}
textarea{
	resize: none;
}
select,textarea{
	outline: none;
	font-family: Arial, Helvetica," sans-serif";
}
dl,dt,dd,ul,ol,li{
	list-style: none;
}
img{
	max-width: 100%;
	border: none;
}
.clear{
	clear: both;
}
.clearfix::after{
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
}
.left{
	float: left;
}
.right{
	float: right;
}
.flexbox{
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}
.flexitem{
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.border,.border-top,.border-right,.border-bottom,.border-left{
	position: relative;
}
.border-top::after,.border-right::after,.border-bottom::after,.border-left::after{
	background-color: #d5d5d5;
}
.border::after{
	position: absolute;
	content: "";
	box-sizing: border-box;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #d5d5d5;
}
.border-top::after{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	transform-origin: 0 0;
}
.border-right::after{
	position: absolute;
	content: "";
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	transform-origin: 0 0;
}
.border-bottom::after{
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	transform-origin: 0 0;
}
.border-left::after{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	transform-origin: 0 0;
}
@media only screen and (-webkit-min-device-pixel-ratio:2.0),only screen and (min-resolution:2dppx){
	.border::after{
		width: 200%;
		height: 200%;
		transform: scale(0.5);
		transform-origin: 0 0;
	}
	.border-top::after,.border-bottom::after{
		transform: scaleY(0.5);
	}
	.border-left::after,.border-right::after{
		transform: scaleX(0.5);
	}
}
@media only screen and (-webkit-min-device-pixel-ratio:3.0),only screen and (min-resolution:3dppx){
	.border::after{
		width: 300%;
		height: 300%;
		transform: scale(0.333);
		transform-origin: 0 0;
	}
	.border-top::after,.border-bottom::after{
		transform: scaleY(0.333);
	}
	.border-left::after,.border-right::after{
		transform: scaleX(0.333);
	}
}
.btn-small{
	background: #3f9deb;
	color: #fff;
	font-size: 12px;
	padding: 3px 0;
	display: block;
	width: 56px;
	border-radius: 50px;
	text-align: center;
	margin: 0 auto 40px;
}
.btn-small:active{
	background: #3a89ca;
}
.btn-normal{
	background: #3f9deb;
	color: #fff;
	font-size: 15px;
	padding: 7px 0;
	display: block;
	width: 210px;
	border-radius: 50px;
	text-align: center;
	margin: 0 auto 40px;
}
.btn-normal:active{
	background: #3a89ca;
}
.btn-big{
	background: #3f9deb;
	color: #fff;
	font-size: 14px;
	padding: 6px 0;
	display: block;
	width: 250px;
	border-radius: 3px;
	text-align: center;
	margin: 0 auto 40px;
}
.btn-big:active{
	background: #3a89ca;
}
.copyright{
	font-size: 12px;
	text-align: center;
	color: #aaa;
}
.copyright span{
	display: block;
	margin-top: 1px;
}
.banner{
	width: 100%;
}
.banner img{
	display: block;
	width: 100%;
}
.space5{margin-bottom: 5px;position: relative;}
.space5::after{content: "";position: absolute;height: 5px;bottom: -5px;background: #f3f3f3;left: 0;right: 0;width: 100%;}
.space6{margin-bottom: 6px;position: relative;}
.space6::after{content: "";position: absolute;height: 6px;bottom: -6px;background: #f3f3f3;left: 0;right: 0;width: 100%;}
.space7{margin-bottom: 7px;position: relative;}
.space7::after{content: "";position: absolute;height: 7px;bottom: -7px;background: #f3f3f3;left: 0;right: 0;width: 100%;}
.space8{margin-bottom: 8px;position: relative;}
.space8::after{content: "";position: absolute;height: 8px;bottom: -8px;background: #f3f3f3;left: 0;right: 0;width: 100%;}

.spaceboth5{margin: 5px 0;position: relative;}
.spaceboth5::before{content: "";position: absolute;height: 5px;top: -5px;background: #f3f3f3;left: 0;right: 0;width: 100%;}
.spaceboth5::after{content: "";position: absolute;height: 5px;bottom: -5px;background: #f3f3f3;left: 0;right: 0;width: 100%;}
.spaceboth6{margin: 6px 0;position: relative;}
.spaceboth6::before{content: "";position: absolute;height: 6px;top: -6px;background: #f3f3f3;left: 0;right: 0;width: 100%;}
.spaceboth6::after{content: "";position: absolute;height: 6px;bottom: -6px;background: #f3f3f3;left: 0;right: 0;width: 100%;}
.spaceboth7{margin: 7px 0;position: relative;}
.spaceboth7::before{content: "";position: absolute;height: 7px;top: -7px;background: #f3f3f3;left: 0;right: 0;width: 100%;}
.spaceboth7::after{content: "";position: absolute;height: 7px;bottom: -7px;background: #f3f3f3;left: 0;right: 0;width: 100%;}
.spaceboth8{margin: 8px 0;position: relative;}
.spaceboth8::before{content: "";position: absolute;height: 8px;top: -8px;background: #f3f3f3;left: 0;right: 0;width: 100%;}
.spaceboth8::after{content: "";position: absolute;height: 8px;bottom: -8px;background: #f3f3f3;left: 0;right: 0;width: 100%;}

.marginbot5{margin-bottom: 5px;}
.marginbot6{margin-bottom: 6px;}
.marginbot7{margin-bottom: 7px;}
.marginbot8{margin-bottom: 8px;}

.marginboth5{margin: 5px 0;}
.marginboth6{margin: 6px 0;}
.marginboth7{margin: 7px 0;}
.marginboth8{margin: 8px 0;}

.btn-vsmall{background: #3f9deb;color: #fff;font-size: 12px;padding: 3px 0;display: block;width: 56px;border-radius: 50px;text-align: center;}
.btn-vsmall:active{color: #fff;background: #84bf4f;}
.btn-vsmall-888{color: #888;border: 1px solid #888;}
.btn-vsmall-888:active{color: #fff;background: #888;}
.btn-vsmall-x{color: #fff;background: #84bf4f;border-radius: 3px;font-size: 12px;padding: 3px 9px;}

.none{width: 60%;margin: 12px auto 22px;background: url(../images/dot-ddd.jpg) repeat-x center;}
.none p{font-size: 14px;color: #999;width: 75px;background: #f3f3f3;margin: 0 auto;text-align: center;}

.loading{width: 100%;padding: 12px 0 24px;}
.loading-cot{width: 80px;margin: 0 auto;}
.loading-cot img{display: inline-block;vertical-align: middle;width: 16px;height: 16px;margin-right: 3px;}
.loading-cot span{display: inline-block;color: #000;vertical-align: middle;font-size: 14px;}

#roof{background: rgba(0,0,0,.85);}
.toper{background: #fff;overflow: hidden;position: fixed;padding: 11px 0;top: 0;left: 0;right: 0;z-index: 1000;}
.toper p{text-align: center;font-size: 16px;color: #000;}
.toper a{position: absolute;width: 20px;height: 20px;left: 8px;top: 0;bottom: 0;margin: auto;}
.back{position: absolute;z-index: 10;top: 12px;left: 7px;width: 18px;height: 18px;}
.back img{display: block;}