/* fullclip -------------------------------------- */

body {
	background-color: #fff;
	text-align: center;
}




#fullclip-switch {
	position: absolute;
	top: 0;
	right: 0;
	padding: 43px 45px 20px 20px;
	z-index: 105;
}
.fullclipnav {
	position: absolute;
	top: 15%;
	left: 70%;
	width: 30%;
	height: 70%;
	cursor: e-resize;
	z-index: 110;
}
.fullclipnavL {
	left: 0;
}
#fullclip-loading {
	width: 100%;
	position:absolute;
	bottom:15px;
	left: 0;
}




#guachin_logo_fc {
	position: absolute;
	left: 0;
	top: 0;
	padding: 50px;
	z-index: 106;
}
#guachin_logo_fc img {
	height:24px;
}




#fullclip-container {
	with:100%; 
	height:100%; 
	box-sizing:border-box;
	border:#fff 160px solid;
}
#fullclip-header {
	position: absolute;
	width: 100%;
	bottom:0;
	padding: 30px 0 100px 0;
	z-index: 100;
}
#fullclip-header h2, #fullclip-header p {
	margin: 0;
}



@media screen and (max-width: 1400px) {
	#fullclip-container {
		border:#fff 120px solid; 
	}
	#fullclip-header {
		padding-bottom:60px;
	}
}
@media screen and (max-width: 900px), screen and (max-height: 900px) {
	#fullclip-container {
		border:#fff 90px solid; 
	}
	#fullclip-header {
		padding-bottom:40px;
	}
	#fullclip-header h2 {
		font-size: 16px;
	}
}
@media screen and (max-width: 700px), screen and (max-height: 700px) {
	#fullclip-container {
		border:#fff 70px solid; 
	}
	#fullclip-header {
		padding-bottom:30px;
	}
	#fullclip-switch {
		padding: 20px !important;
	}
	#guachin_logo_fc {
		padding: 20px;
	}
	#guachin_logo_fc img {
		height:18px;
	}
	#fullclip-loading {
		font-size: 12px;
		bottom:5px;
	}
}
@media screen and (max-width: 500px), screen and (max-height: 500px) {
	#fullclip-container {
		border:#fff 45px solid;
		border-left-width: 20px;
		border-right-width: 20px;
	}
	#fullclip-header {
		padding-bottom:15px;
	}
	#fullclip-loading {
		font-size: 10px;
		bottom:0;
	}
}