skycaiji/public/static/css/cpattern_easy.css

@CHARSET "UTF-8";
body{padding:0px;margin:0px;}
body>footer{display:none;}
body>.container-fluid{padding:0px;margin:0px;}
#wrapper{width:100%;overflow:hidden;}
#ifr_collector{
	border:0;
	float:left;
	width:35%;
	padding:0;
	margin:0;	
}

#box_guide{
	padding:0;
	margin:0;
	margin-left:35%;
	position:relative;
}

#box_resize{
	border:0;
	z-index:9999;
	position:absolute;
	top:48%;
	left:-15.5px;
	text-align:center;
	font-size:14px;
	opacity:0.7;
	color:#555;
	padding:0;
	margin:0;
	cursor:w-resize;
	-moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    -khtml-user-select:none;
    user-select:none;
}
#btn_resize .glyphicon{padding:0;line-height:inherit;}
.btn-resize-mousedown #btn_resize{position:absolute;padding:200px;left:-200px;top:-200px;}
.btn-resize-mousedown #btn_resize .glyphicon{color:#000;}

#ifr_browser_box{position:relative;}
#ifr_browser{
	width:100%;
	height:100%;
	overflow:scroll;
	border:0;
	padding:0;
	margin:0;
}
#ifr_loading{position:absolute;z-index:999;top:15px;left:10px;background:url('../images/loading.gif') no-repeat 5px 0px;width:37px;height:32px;}
@media(max-width:767px) {
	#wrapper{overflow:auto;}
	#ifr_collector {
		width: 100%;
		resize: none;
		float: none;
		resize:vertical;
	}
	#box_guide {
		width: 100%;
		background:#fefefe;
		margin-left: 0;
		padding: 5px;
	}
	#btn_resize{display:none;}
	
	#ifr_browser{height:auto;}
	
}