window._skel_config = {
	prefix: '/public/mobile/css/style',
	preloadstylesheets: true,
	resetcss: true,
	boxmodel: 'border',
	grid: { gutters: 30 },
	breakpoints: {
		mobile: { range: '-2000', containers: 'fluid', lockviewport: true, grid: { collapse: true, gutters: 20 } }
	}
};

window._skel_panels_config = {
	panels: {
		leftpanel: {
			breakpoints: 'narrower,mobile',
			position: 'left',
			size: 250,
			html: '<div data-action="movecell" data-args="left-sidebar,content"></div>'
		},
		rightpanel: {
			breakpoints: 'narrower,mobile',
			position: 'right',
			size: "100%",
			html: '<div data-action="movecell" data-args="right-sidebar,content"></div>'
		},
		bottompanel: {
			position: 'bottom',
			size: 200
		},
		aboutpanel: {
			position: 'bottom',
			size: 300
		},
		productpanel: {
			position: 'bottom',
			size: 300
		},
		cage89: {
			position: 'right',
			size: '80%'
		},
		cage90: {
			position: 'right',
			size: '80%'
		}
	},
	overlays: {
		titlebar: {
			breakpoints: 'mobile',
			position: 'top-center',
			width: '100%',
			height: 44,
			html: '<div data-action="copyhtml" data-args="logo"></div>'
		},
		contactbar: {
			position: 'bottom-right',
			width: "100%",
			height: 40,
			html: '<a class="fa fa-home" href="/"></a><a href="#" class="f-nav" data-action="togglepanel" data-args="aboutpanel">关于</a><a href="#" class="f-nav" data-action="togglepanel" data-args="productpanel">工程</a><a href="/mobile.php/page/map.html" class="f-nav">地图</a><a href="#" class="toggle fa fa-phone" data-action="togglepanel" data-args="bottompanel"></a>'
		},
		leftpanelbutton: {
			breakpoints: 'narrower,mobile',
			position: 'top-left',
			width: 40,
			height: 40,
			html: '<div class="toggle fa fa-reorder" data-action="togglepanel" data-args="leftpanel"></div>'
		},
		rightpanelbutton: {
			breakpoints: 'narrower,mobile',
			position: 'top-right',
			width: 40,
			height: 40,
			html: '<a href="javascript:history.go(-1)"><div class="toggle fa fa-angle-double-left"></div></a>'
		}
	}
};