/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
img{vertical-align:top;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html{
	color:#555;
	background:#fff;
	text-align:left;
	font-size:16px;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
	height:100%;
}
*{
	-o-box-sizing     :border-box;
	-ms-box-sizing    :border-box;
	box-sizing        :border-box;
}

body, input, textarea, select {font-family:sans-serif;}
body{
	-webkit-touch-callout:none;
	font-size:1.4rem;
	font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Helvetica, Arial, YuGothic, sans-serif;}







.Icon {
	display: inline-block;
	fill: none;
	stroke: #333;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
	width: 18px;
	height: 18px;
}


.MenuButton {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	border: none;
	background: none;
	outline: none;
	cursor: pointer;

	text-align: center;
	transition: background 100ms linear;

	display: flex;
	align-items: center;
	line-height: 1.25;
	color: #ccc;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 50px;
	overflow: hidden;
	font-size: 1.4rem;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	text-align: left;
	transition: background 100ms linear;
	position: relative;
}
.MenuButton:hover {
	background: #444;
}
.MenuButton._selected {
	color: #09f;
	background: #2c2c2c;
}
.MenuButton-color {
	position: absolute;
	height: 50px;
	width: 5px;
	top: 0;
	left: 0;
	z-index: 2;
}
.MenuButton svg {
	flex: 0 0 50px;
	stroke: #ccc;
	margin-right: -0.5em;
}
.MenuButton._selected svg {
	stroke: #09f;
}
.MenuButton-title {
	font-size: 1.4rem;
	white-space: nowrap;
}
.MenuButton-label {
	font-size: 1.1rem;
	color: #999;
	letter-spacing: 0.15em;
	white-space: nowrap;
	margin-bottom: -1em;
	opacity: 0.75;
}
.MenuButton._selected .MenuButton-label {
	color: #09f;
}


.Logo {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	border: none;
	background: none;
	outline: none;
	cursor: pointer;

	transition: background 100ms linear;

	line-height: 1.25;
	margin: 0;
	padding: 0 0 0 1em;
	width: 100%;
	height: 50px;
	overflow: hidden;
	font-size: 1.4rem;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	text-align: left;
	white-space: nowrap;
}
.Logo:hover {
	background: #444;
}
.Logo img {
	height: 22px;
	vertical-align: bottom;
}
.Logo-version {
	height: 22px;
	color: #555;
	font-size: 1.1rem;
	padding-left: 0.5em;
	line-height: 1;
	vertical-align: bottom;
}


.Menu {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	background: #333;
	height: 100vh;
	overflow: hidden;
	position: relative;
}
.Menu-border {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 4px;
	transition: opacity 100ms linear;
	background: #09f;
	opacity: 0;
	z-index: 3;
}
.Menu-border:hover {
	opacity: 1;
	cursor: col-resize;
}
.Menu-header {
	position: absolute;
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #555;
	z-index: 2;
}
.Menu-list {
	position: absolute;
	top: 50px;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: auto;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
}
.Menu-line {
	height: 1px;
	border: none;
	margin: -1px 0 0 0;
	padding: 0;
	background: #555;
}


.PageHeader {
	position: absolute;
	height: 50px;
	border-bottom: 1px solid #ddd;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	z-index: 2;
}
.PageHeader-title {
	flex: 1 1 0%;
	padding-left: 1em;
}
.PageHeader-title h1 {
	font-size: 1.6rem;
	display: inline-block;
	padding-right: 1em;
}
.PageHeader-title h2 {
	padding-right: 1em;
	font-size: 1.2rem;
	color: #999;
	display: inline-block;
}
.PageHeader-nav > div {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}


.PageBody {
	position: absolute;
	top: 50px;
	width: 100%;
	bottom: 0;
	z-index: 1;
	display: flex;
}


.PageScroll {
	flex: 1 1 0%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
}
.PageScroll._panel {
	flex: 0 0 auto;
	background: #f3f3f3;
	border-left: 1px solid #ddd;
	position: relative;
}


.IconButton {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	border: none;
	background: none;
	outline: none;
	cursor: pointer;
	width: 50px;
	height: 50px;
	border-left: 1px solid #ddd;
	display: inline-block;
	text-align: center;
	transition: background 100ms linear;
	position: relative;
	padding-top: 0.5em;
}
.IconButton:disabled {
	cursor: default;
}
.IconButton svg {
	stroke: #666;
	transition: stroke 100ms linear;
}
.IconButton:hover svg {
	stroke: #09f;
}
.IconButton:disabled svg {
	stroke: #ccc;
}
.IconButton._focus {
	background: rgba(0, 153, 255, 1);
}
.IconButton:hover._focus {
	background: rgba(0, 153, 255, 0.9);
}
.IconButton:disabled._focus {
	background: none;
}
.IconButton._focus svg {
	stroke: #fff;
}
.IconButton:hover._focus svg {
	stroke: #fff;
}
.IconButton:disabled._focus svg {
	stroke: #ccc;
}


.FBW-bool {
	display: flex;
	align-items: center;
	padding-top: 0.5em;

	-webkit-user-select: none;

	   -moz-user-select: none;

	    -ms-user-select: none;

	        user-select: none;
}
.FBW-bool._disabled {
	pointer-events: none;
	opacity: 0.5;
}
.FBW-bool-box {
	height: 20px;
	width: 36px;
	background: #ccc;
	border-radius: 10px;
	padding: 1px;
	transition: background 200ms ease-out;
	cursor: pointer;
}
.FBW-bool._disabled .FBW-bool-box {
	cursor: default;
}
.FBW-bool-box._checked {
	background: #09f;
}
.FBW-bool-grip {
	height: 18px;
	width: 18px;
	background: #fff;
	border-radius: 9px;
	transition: transform 200ms ease-out;
}
.FBW-bool-box._checked .FBW-bool-grip {
	transform: translateX(16px);
}
.FBW-bool-box > svg {
	width: 20px;
	height: 20px;
	display: block;
}
.FBW-bool-label {
	margin-left: 0.5em;
}


.FBW-text {
	padding: 0.5em;
	border: 1px solid #ddd;
	height: 40px;
	transition: background 200ms linear;
}
.FBW-text:hover {
	background: #f9f9f9;
}
.FBW-text:focus {
	outline: none;
	background: #f9f9f9;
}
.FBW-text::-moz-placeholder {
	color: #bbb;
}
.FBW-text:-ms-input-placeholder {
	color: #bbb;
}
.FBW-text::placeholder {
	color: #bbb;
}


.FBW-select {
	display: inline-block;
	border: 1px solid #ccc;
	height: 40px;
	transition: background 200ms linear;
	cursor: pointer;
	position: relative;
}
.FBW-select > svg {
	position: absolute;
	top: 10px;
	left: 10px;
	stroke: #999;
}
.FBW-select > select {
	padding: 0.5em 2em 0.5em 3em;
	border: none;
	background: none;
	height: 100%;
	cursor: pointer;
}
.FBW-select:hover {
	background-color: #f9f9f9;
}
.FBW-select:focus {
	outline: none;
	background-color: #f9f9f9;
}


.FBW-list {
	padding: 0.25em 0 0;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.FBW-list-h {
	display: inline-block;
	padding: 0.25em 1em 0.25em 0;
	white-space: nowrap;
	cursor: pointer;
}
.FBW-list-v {
	display: block;
	padding: 0.25em 0;
	white-space: nowrap;
	cursor: pointer;
}
.FBW-checkbox {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0 0.2em 0.2em 0;
	width: 16px;
	height: 16px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASBJREFUeNrs28txgzAUhWHp0kA6sGvgsTYluASnA7sC2xWEDuISKIE9j0kL6SAVIN87YzzOOqtw/zPDoBGr80nASjG8ZJqmzTzPex3Wer09puvwv9M97j82FpE2z/Pv5WFcBuM4nlNKl+AgMcZLURTXJ0Df9x86eQyOoovdVFV1irrtd7rtu+Aw+jrUouUPwWmsu6zgI/eX1AawdQywleA8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKwRoHPcv5OU0pfX9tZdsixrvAJYd7GDxHaM1OHqN9b9eXh6GIZPvR2c9L+VZfn+6y9gE3aWVoftiou31nEpb7kLMAB3wEbTOE/oOQAAAABJRU5ErkJggg==')
		no-repeat center center;
	background-size: 16px;
}
.FBW-checkbox:checked {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAvhJREFUeNrsm7+PEkEcxd8gORuNJNpYQaWV0fYqqLQxkcQ/QC4x0ZL7C+T+gqOUi8nhf7AmVlZYUV2CsdIKek3OaKNR13n8OFYCt7O7M7PHzL6C28wR4H12frz5wghE9Sqs4jeaEGggRGXaxuttVojB3Mfp9LqMAE/FZPFvcfbEXvhCPnbghzp4Jg6WAHrhoXxswy91JYR9gaOwftZNfJMc3iX8RQu+SnovyT8N+CvZAwRq3tqX3kvwXAWAAkABoABQAHBNj6rAtR1PAdB88AAYPASqVzwDcPc60J/n2ns3gNHjWZsXAGiUd71yednGa7adB8EJAOzqq+ZXIXBoOAmAk11wf735KATOC09uOQaA5nl3Od7jdPpTzglfHQPACU/FPNUaAB9cAnBcB5o1dfNvJg7NAYe70tRtdfOvPzu0CnAia99Re2734/nmtw4AzS+CTuz88AnYHzqUBKMpL07BGNh7b2gvwA/CMZhHylPR6Mts3KuqnDZuVnbUKZtKeevMN94C334Z2A6vZm3OwlyK8k550aDTfJfMvDKAdRsN0xCSpjze+ckPAwWRTeZNQ0iS8mh+XcrLDGBxF+K6oG4ISVNeWvOxADie2kPFD6IJAl9DV8rTMgT4BqrLSlYIDDqq5lVSnrZJ0AYEEylP6zJoEkL9ppmUpz0JmoDAVYZrvYmUZyQK64QQt8RmTXlGAOiCwCW2X1dPeSbMZ9oNZoGQJuWZMJ95O5wWAsd8EvNZgk6cBHphaLNQMf4O1K7aCzpWCiJJesJFMq+1IpQEQpw6J3bMawWgCwJT3sGJvWqT9ppgFgg0b6PKZBRAWggMOu0hrMtYVTgJBFMpL1cAqhBMB51cAcRByNu8FQCbINhIeRcGwDoIWWt5ulS2+WbRcLPp62rb0rIX2GYVvxQtABQAfAfg65E5SnrnoamRtwCkdzE9L/wHYy8BXOKpsdlB4q6H9rv0vjw8/TI8ll2i5cnY7+O52Pt/FWDD7Kh84LD1YOpxbp76J8AAbewkAUXHCDcAAAAASUVORK5CYII=');
}
.FBW-checkbox:focus {
	outline: none;
}
.FBW-radio {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0 0.2em 0.2em 0;
	width: 16px;
	height: 16px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0FJREFUeNrsW+2x0lAQvfemAJ8VmA5EJvw2HZgOjB1gBaYDsQJjBcYO4m8Cgx1gB7GAgGdx48AjkA8SyM3NzmR4j5kAe/bsR/buStGxrNfrV1mWTZRSk/1+b+Mtu+SWrZRyu9vtNpZlbabT6e8uf5/s4kOTJHmPF5cv+8aP2+KK6XIc51tvAWBLz2E9H/8+dWSwFCwKwYxFW8yQLSj+FnQN2Nr3lAhuFQCIXw8BgCwOxRf40xOPlRDXHO7x524AsI8vOqR67TgBNvhgw89OAYDiLxhxT/RTQjDhQycAgPKvQfmohajetVDG8Kq6hKyhfNwjyl8VZIoNspFbBQRVhfZseS2UP1hVygm7qrgJAFIeaMYa0L5IPPz+r7cyIGQ0dRV/uVx+bgQA3+gJzQUGnHParh4Eofw73BiJ4UiKOsEtqhpVkd9D+YUYljxx1VruAgh6gaZBr0zc1Wr16aoLcL7fiOFKSsY9rg9OGHCJJkNyBX6GOWcAP91thQGCgGjn/QR1ZP1AGCLUuDlxAX7K80wBgLtWJzHA06nWbyMWUK3zHACjJGdBDoArzJODzpKbmrGBAFA2mCgoPxGGCnR3yQWMBYB0VwOt+6uKPQIwAmC4jACMAIwAGA4AHSOZqjzprvBUlJoKAOk+MoAmsgxmAA1WqNhUAEj3Q1c4SZK9gfqnjuO8zNNgZCAA0XEdYBwACIBGA5DOZrMf/wHgs7LQNPqflMKIiMYAQBOmZwDwkKEJKTE8njNWl5AxwfpnABALEB0He0SOyi94PmV+NiPEB6VUHg/qrJDqfkT+N6X9AMoIoMngzgoty/ILXaLoTXIFosuArO9d2iu4OisMd/guND85ppgG6n+8GBRL7vc17xeE15QvZUAeFGleWMOR2Uq7A5X3BXjw2NdEeb/qhlndjREdQPDrrNfVaosTpTg79LGRSit1Xt3dwkZLUzRRmmVZn0bpY9Qu8yYrdI3X5jg4BjSO/mDlaWXuS+Py+NZv5/ni4AH1QgirLx62OFkABA1bze8ABCkeNtkR7BSAIyBo5tiDe/gtxgjqU9CqbNT2Nrns0lT5CC6AsAGIK/4NZJU9ZVKGobW3mEb36bXpWmwV+SvAALwpYZL4Vj+DAAAAAElFTkSuQmCC')
		no-repeat center center;
	background-size: 16px;
}
.FBW-radio:checked {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABD9JREFUeNrsWz9P21AQv2dQWSqRigkWMtERV53aBX+BCn8DjFQVxvQT4G9QdyNVJcInaBi7halTJTO2U1hgASkdW1Fe795LGssk8b93Sezwkywi4nfx3bu7d3e+E8CNz3IT7sAGgZeEOv6nnrCii/d28d4QlvF6Ky45H0+wUG3KPWTAwU8O/kK9EC2JwgDoIJ0OHIjT+RUA7fRfaOAnD68a04b18GrBEgSmNKO4AD7JHbgHHyk5MF20UTt8OBQXsxGA3vEAP7kwS0jUCIGadyB+TU8AZOOgmK/BPID8hIWm906c8wqgKVeVDc561ydpw6HY5xHAsdxWdlfUq/MLgU4MN61JiNTM0zE0LyqfjFAdwSmEYKVU+3aJmCfYfVOFYgLQzHfmXu1Hw0XNPSmqAa2+NMsJgSdDU37IJwC90IXyo9E/tjM4wWO5i9+0oTroqdxkRNRojbH7AKqF2jieRpmAX1Knl+QPHNzco8kmoM/7EKqLnqpHROKDuAYEUG3U0BcEozVAZ3ddWAQsoRb06wlDDbhD218U6MJNRAO05+9yh7vbaxhYoHu18W/tScw4/2AAf4sxNz7Fxe0UfMGBeBYVwF7a2DkPdtbxaHmJ2clGuvs7V3j/d4Dza9as0cW44Mz6Hzcz4QgZ77xJzzyB7qU1tJY1TI74AIeLeb8AE7SWUQiOlgMVNaXK9Y1ibwttypBYPXy6058sZmBbcG8+29t8igHFK3P0iBbR5NACiyPdDV6jl18xGL2saJochRMLwGzcPzjqjFc36pq2YdSNC8Db4nPcDLRRAIYzP3uNTwDGaQutAWa9ygafADhoW7DgeBTAowAMgxIZLnDQJgEYLYGFjKksA+3Qwni4Z5Ii5fNcME4bebdMF0Ephw9vGHb/hqE+ILQGGN+zxjfzAuCgSbyTDzCeCtNOUUXHFBirQ51BSUxyUD/Zwfj9eTEarR8A++cszKu64OAYZHkPSA/uFdAvWsvEPKl/OxoHsL0IpUqO+zWbY6R7aQ1LFShyqGg/qE1gFcDscTgKu5vaJJz1hwWT3m80yGut8meX3E8SL4sTqJuiXymtPCLdZFYkJmwtTAKwPHwLNhQANRkyVIfncvcjfcZWLDPwF2n3HwpAt5pW+RW5H+8yf9gjNKUXpTNAiJ7/RXI9gLonRCW6w+K276UviGhT8CvEvDturmByr3BTfoHy9woGqNXvx32ZVBLzAErcNEVH3gTmkzVg6BQpPrBLx3yK2YEs8wJlCpW9tBNm2SZGyiEEL8t4XbayuFYpfxqZY64MT6pJkUyzhfmGpnRHaWtu/ILOYRp5Rujyj81p5+irH54t88T4x7zLiw9Oam3wpx4vSKWBwewGJ+PQzVYNdkEQ41S7yDEjyCuAAfS0uNs/LWyDNt7GVLZteppcsO6W9hOkEXU1sSGUQJKyzJ4anacxvcHfnGOxafBPgAEAczZFrv9NK+4AAAAASUVORK5CYII=');
}
.FBW-radio:focus {
	outline: none;
}


.FBW-textarea {
	padding: 0.5em;
	border: 1px solid #ddd;
	transition: background 200ms linear;
	resize: vertical;
}
.FBW-textarea:hover {
	background: #f9f9f9;
}
.FBW-textarea:focus {
	outline: none;
	background: #f9f9f9;
}


.FileButton {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	border: none;
	background: none;
	outline: none;
	cursor: pointer;
	width: 75px;
	height: 75px;
	display: inline-block;
	text-align: center;
	transition: background 100ms linear;
	position: relative;
	margin: 0;
	padding: 0;
}
.FileButton > label {
	position: absolute;
	display: inline-block;
	z-index: 2;
	background: #09f;
	top: 36px;
	left: 25px;
	color: #fff;
	line-height: 1;
	padding: 0.25em 0;
	text-align: center;
	width: 43px;
	font-size: 1.2rem;
	font-weight: bold;
	pointer-events: none;
}
.FileButton > svg {
	width: 75px;
	height: 75px;
	stroke: #666;
	display: inline-block;
	fill: none;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
	cursor: pointer;
}


.FBW-file {
	display: flex;
}
.FBW-file-holder {
	flex: 0 0 128px;
	position: relative;
}
.FBW-file-holder-thumb {
	max-width: 128px;
	border-radius: 0.2em;
	cursor: pointer;
}
.FBW-file-holder-empty {
	height: 128px;
	border: 1px dashed #ddd;
	padding: 32px;
	/* background: #f9f9f9; */
}
.FBW-file-menu {
	display: inline-block;
	border: 1px solid #ddd;
	height: 51px;
	position: relative;
	margin-left: 1em;
}
.FBW-file-upload {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	cursor: pointer;
}
.FBW-file-upload > input {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	opacity: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.FBW-file-upload button {
	border-left: none;
}
.FBW-file-upload:hover svg {
	stroke: #09f;
}
.FBW-file-info {
	margin: 1em 0 0 1em;
}
.FBW-file-info > p {
	font-size: 1.4rem;
	line-height: 1.2;
	margin-bottom: 0.25em;
	color: #666;
	max-width: 100%;
	word-break: break-all;
}


.Counter {
	position: relative;
	height: 50px;

	min-width: 50px;
}
.Counter > label {
	display: block;
	line-height: 50px;
	font-size: 1.6rem;
}
.Counter > div {
	position: absolute;
	width: 100%;
	height: 50px;
	z-index: 2;
}
.Counter-btn {
	width: 50px;
	height: 25px;
	border: none;
}
.Counter-btn._up {
	padding-bottom: 6px;
	padding-top: 0;
}
.Counter-btn._down {
	padding-top: 6px;
}
.Counter-btn svg {
	stroke: #ddd;
}
.Counter-btn:hover svg {
	stroke: #09f;
}


.FBW-date {
	position: relative;
	display: inline-block;
	max-width: 100%;
}
.FBW-date-box {
	display: flex;
	align-items: center;
	min-height: 40px;
	padding: 0.5em 0;
	border: 1px solid #ddd;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	transition: background 200ms linear;
}
.FBW-date-box:hover {
	background: #f9f9f9;
}
.FBW-date-box-icon {
	flex-shrink: 0;
	width: 40px;
	text-align: center;
	stroke: #999;
	transition: stroke 200ms linear;
}
/* .FBW-date-box:hover .FBW-date-box-icon {
	stroke: #09f;
} */
.FBW-date-box-value {
	padding-right: 1em;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	min-width: 10em;
}
.FBW-cal {
	position: absolute;
	z-index: 9;
	background: #fff;
	width: 350px;
	margin-top: -1px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
	overflow: hidden;
}
.FBW-cal-nav {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #ddd;
}
.FBW-cal-nav-label {
	flex: 1 1 auto;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.1em;
}
.FBW-cal-nav-label > div {
	display: flex;
	align-items: center;
}
.FBW-cal-nav > button {
	flex: 0 0 50px;
}
.FBW-cal ul {
	margin-left: -1px;
	margin-bottom: -1px;
	overflow: hidden;
	background: #f9f9f9;
}
.FBW-cal-item {
	float: left;
	width: 14.2857%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #fff;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}
.FBW-cal-item._top {
	border-top: 1px solid #ddd;
}
.FBW-cal-item._week {
	border: none;
	height: 25px;
	line-height: 25px;
	font-size: 1.2rem;
	background: #f9f9f9;
	cursor: default;
}
.FBW-cal-item._empty {
	border-top: none;
	background: none;
}
.FBW-cal-item._empty:not(:last-child) {
	border-left: none;
}
.FBW-cal-item:hover {
	color: #09f;
}
.FBW-cal-item._holiday {
	color: #f06;
}
.FBW-cal-item._selected {
	background: #09f;
	color: #fff;
}
.FBW-cal-item._disabled {
	color: #ccc;
	background: #f9f9f9;
	cursor: default;
	pointer-events: none;
}
.FBW-time {
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 1px solid #ddd;
	font-size: 1.4rem;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.1em;
	padding: 6px 0;
}


.FBW-jsonarea {
	padding: 0.5em;
	border: 1px solid #ddd;
	transition: background 200ms linear;
	resize: vertical;
	width: 100%;
	font-family: 'Courier New', Courier, monospace !important;
}
.FBW-jsonarea:hover {
	background: #f9f9f9;
}
.FBW-jsonarea:focus {
	outline: none;
	background: #f9f9f9;
}


.FBW-field {
	width: 100%;
}
.FBW-field:not(:first-child) {
	margin-left: 0.5em;
}
.FBW-field-label {
	padding: 0.5em 0.25em 0.5em 0;
}
.FBW-field-unit {
	padding: 0.5em 0.25em;
}
.FBW-field-fixed {
	display: inline-block;
	padding: 0.5em 0.25em 0.5em 0;
}


.FBW-custom-ui {
	position: relative;
	text-align: center;
}
.FBW-custom-ui > nav {
	display: flex;
	justify-content: center;
	position: relative;
}
.FBW-custom-ui > nav > button {
	border: none;
}
.FBW-custom-ui > nav > button svg {
	transition: transform 150ms ease-out;
}
.FBW-custom-ui > nav > button._selected svg {
	transform: rotate(45deg);
}
.FBW-custom-ui-panel {
	display: flex;
	width: 100%;
	justify-content: center;
	position: absolute;
	z-index: 2;
}
.FBW-custom-ui-panel > ul {
	background: #fff;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}
.FBW-custom-ui-panel li {
	text-align: left;
	padding: 0.75em 1em;
	border-bottom: 1px solid #eee;
	transition: background 100ms linear;
	background: #fff;
	cursor: pointer;
}
.FBW-custom-ui-panel li:hover {
	background: #f9f9f9;
}


.FBW {
	position: relative;
	box-sizing: border-box;
	font-family: Avenir, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.4;
	padding-bottom: 100px;
	width: 100%;
}
.FBW input,
.FBW textarea,
.FBW select,
.FBW button {
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}
.FBW * {
	box-sizing: border-box;
}
.FBW-line {
	width: 100%;
	height: 1px;
	border: none;
	border-top: 1px solid #ddd;
	margin: 0.5em 0 1em;
}
.FBW-item {
	width: 100%;
	padding: 1em;
	position: relative;
	background: #fff;
}
.l .FBW-item {
	display: flex;
}
.FBW-read {
	width: 100%;
}
.FBW-head {
	padding: 0.5em 0 0 0;
}
.l .FBW-head {
	flex: 0 0 20%;
	padding-right: 1em;
}
.FBW-name {
	margin-right: 0.25em;
	vertical-align: middle;
}
.FBW-required {
	display: inline-block;
	font-size: 1rem;
	line-height: 1;
	color: #09f;
	border: 1px solid #09f;
	padding: 0.25em;
	vertical-align: middle;
}
.l .FBW-data {
	flex: 1 1 auto;
}
.FBW-row {
	width: 100%;
	margin-bottom: 0.5em;
}
.FBW-error {
	font-size: 1.4rem;
	margin-bottom: 0.5em;
	color: #c00;
	border: 1px solid #fcc;
	background: #fee;
	padding: 0.5em 0.6em;
	border-radius: 0.25em;
}
.FBW-note {
	font-size: 1.4rem;
	margin-bottom: 0.5em;
	color: #666;
}
.FBW-custom-head {
	padding: 1em 0 0.25em 1em;
}
.FBW-custom-items {
	padding: 1em;
	background: #eee;
}


.UpdateInfo {
	position: relative;
	height: 50px;
}
.UpdateInfo-text {
	text-align: right;
	padding: 6px 1em 0 5px;
	font-size: 1.2rem;
	color: #999;
	pointer-events: none;
}
.UpdateInfo-text._shift {
	padding-right: 35px;
}
.UpdateInfo-btn {
	position: absolute;
	top: 0;
	left: 0;
	border-left: none;
	width: 100%;
	height: 100%;
	text-align: right;
	padding-right: 10px;
}


.History {
	padding: 0;
}
.History-border {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 4px;
	transition: opacity 100ms linear;
	background: #09f;
	opacity: 0;
	z-index: 3;
}
.History-border:hover {
	opacity: 1;
	cursor: col-resize;
}
.History-nav {
	background: #f3f3f3;
	height: 50px;
	position: relative;
	border-bottom: 1px solid #ddd;
}
.History-nav > p {
	position: absolute;
	bottom: 0.5em;
	left: 1em;
	font-size: 1.2rem;
	color: #777;
}
.History-item {
	height: 50px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	padding: 5px 50px 0 10px;
	font-size: 1.4rem;
	cursor: pointer;
	position: relative;
}
.History-item:last-child {
	border-bottom: none;
}
.History-item._selected {
	pointer-events: none;
	background: #fff;
}
.History-item-info {
	font-size: 1.2rem;
	margin-bottom: 0.25em;
	color: #777;
}
.History-item-info span {
	white-space: nowrap;
}
.History-item-info b,
.History-item-info span {
	margin-right: 0.5em;
}
.History-item._selected .History-item-info b {
	color: #09f;
}
.History-item-outline {
	font-size: 1.3rem;
	color: #777;
}
.History-item-nav {
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.History-item._selected .History-item-nav {
	display: none;
}
.History-item-nav-icon {
	border-left: none;
}
.History-item-nav-target {
	display: none;
	position: absolute;
	z-index: 2;
	background: #fff;
	text-align: right;
	width: 100px;
	right: 0;
}
.History-item-nav:hover .History-item-nav-target {
	display: block;
}


.Board {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	transition: left 250ms ease-out;
	z-index: 2;
}


.Button {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	border: none;
	background: none;
	outline: none;
	cursor: pointer;
	transition: opacity 100ms linear;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
}
.Button:disabled {
	cursor: default;
}
.Button:hover {
	opacity: 0.8;
}


.Search {
	display: inline-block;

	margin: 0;
	padding: 0;
	background: #f9f9f9;

	border-left: 1px solid #ddd;
	position: relative;
	height: 49px;
}
.Search > input {
	width: 300px;
	height: 100%;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	margin: 0;
	padding: 0 1em 0 40px;
	display: inline-block;
	background: none;
	border: none;
}
.Search > input::-moz-placeholder {
	color: #bbb;
}
.Search > input:-ms-input-placeholder {
	color: #bbb;
}
.Search > input::placeholder {
	color: #bbb;
}
.Search > svg {
	position: absolute;
	top: 15px;
	left: 10px;
	stroke: #999;
}
.Search-clear {
	position: absolute;
	z-index: 2;
	top: 15px;
	right: 10px;
	stroke: #666;
}
.Search-clear svg {
	stroke: #666;
}
.Search-clear:hover svg {
	stroke: #09f;
}


.PageCounter {
	display: inline-block;
	padding: 0 1em;
	color: #999;
	font-size: 1.2rem;
}
.PageCounter-count {
	font-size: 1.8rem;
	color: #333;
}


.Grids {
	padding: 0;
}
.Grids > ul {
	display: flex;
	flex-wrap: wrap;
	/* justify-content: flex-start; */
	overflow: hidden;
	margin-right: -1px;
}
.Grids-item {
	flex: 0 0 150px;
	height: 220px;
	border: 1px solid #ddd;
	margin: -1px 0 0 -1px;
	overflow: hidden;
	position: relative;
}
.Grids-btn {
	position: absolute;
	bottom: 0;
	right: 0;
	border: none;
	width: 40px;
	height: 40px;
	z-index: 2;
}
.Grids-thumb {
	width: 128px;
	height: 128px;
	margin: 10px auto 0;
	padding: 30px 0 0 30px;
	cursor: pointer;
}
.Grids-thumb._img {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	background-color: #f9f9f9;
}
.Grids-info {
	max-width: 100%;
	overflow: hidden;
	padding: 10px;
}
.Grids-info > p {
	max-width: 100%;
	height: 15px;
	overflow: hidden;
	font-size: 1rem;
	line-height: 15px;
	word-break: break-all;
	color: #999;
}
.Grids-info > p._name {
	height: 30px;
	font-size: 1.2rem;
	margin-bottom: 5px;
	color: #333;
}
.Grids-empty {
	text-align: center;
	padding-top: 50px;
	color: #999;
}


.Library {
	position: fixed;
	z-index: 5;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(240, 240, 240, 0.5);
}
.Library-box {
	background: #f9f9f9;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
	position: absolute;
}
.Library-upload {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	cursor: pointer;
}
.Library-upload > input {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	opacity: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.Library-upload:hover svg {
	stroke: #09f;
}


.Toast {
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 6;
	text-align: center;
}
.Toast > p {
	display: inline-block;
	height: 25px;
	padding: 0 16px;
	min-width: 100px;
	line-height: 25px;
	background: #09f;
	color: #fff;
}
.Toast-TS-enter-active,
.Toast-TS-leave-active {
	transition: transform 200ms ease-out;
}
.Toast-TS-enter-from,
.Toast-TS-leave-to {
	transform: translateY(-25px);
}


.Prompt {
	position: fixed;
	z-index: 7;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: rgba(51, 51, 51, 0.25);
	padding: 10px;
}
.Prompt-box {
	background: #fff;
	width: 300px;
	border-radius: 0.25em;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
}
.Prompt-message {
	padding: 2em 1em 1em;
	text-align: center;
	font-size: 1.6rem;
}
.Prompt-field {
	display: flex;
	width: 100%;
	align-items: center;
	padding: 0 1em 1em;
}
.Prompt-field > p:first-child {
	flex: 1 0 auto;
	padding-right: 0.5em;
}
.Prompt-note {
	padding: 0 1em 2em;
	text-align: center;
	font-size: 1.2rem;
	color: #999;
}
.Prompt-nav {
	display: flex;
	width: 100%;
	border-top: 1px solid #ddd;
}
.Prompt-btn {
	flex: 1 1 0%;
	color: inherit;
	padding: 1.25em;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	border: none;
	background: none;
	outline: none;
	cursor: pointer;
	transition: background 100ms linear;
}
.Prompt-btn:hover {
	background: #f9f9f9;
}
.Prompt-btn:disabled {
	color: #ccc;
	cursor: default;
}
.Prompt-btn:disabled:hover {
	background: #fff;
}

/* transition */
.Prompt-TS-enter-active,
.Prompt-TS-leave-active {
	transition: opacity 150ms linear;
}
.Prompt-TS-enter-from,
.Prompt-TS-leave-to {
	opacity: 0;
}
.Prompt-TS-enter-active .Prompt-box {
	transition: transform 120ms ease-out;
}
.Prompt-TS-leave-active .Prompt-box {
	transition: transform 120ms ease-in;
}
.Prompt-TS-enter-from .Prompt-box,
.Prompt-TS-leave-to .Prompt-box {
	transform: scale(0.88);
}


.Modal {
	position: fixed;
	z-index: 8;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: rgba(51, 51, 51, 0.25);
	padding: 10px;
}
.Modal-box {
	background: #fff;
	width: 300px;
	border-radius: 0.25em;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
}
.Modal-message {
	padding: 2em 1em;
	text-align: center;
}
.Modal-nav {
	display: flex;
	width: 100%;
	border-top: 1px solid #ddd;
}
.Modal-btn {
	flex: 1 1 0%;
	color: inherit;
	padding: 1.25em 0.25em;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	border: none;
	background: none;
	outline: none;
	cursor: pointer;
	transition: background 100ms linear;
}
.Modal-btn:hover {
	background: #f9f9f9;
}

/* transition */
.Modal-TS-enter-active,
.Modal-TS-leave-active {
	transition: opacity 150ms linear;
}
.Modal-TS-enter-from,
.Modal-TS-leave-to {
	opacity: 0;
}
.Modal-TS-enter-active .Modal-box {
	transition: transform 120ms ease-out;
}
.Modal-TS-leave-active .Modal-box {
	transition: transform 120ms ease-in;
}
.Modal-TS-enter-from .Modal-box,
.Modal-TS-leave-to .Modal-box {
	transform: scale(0.88);
}


.Loading {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
}
.Loading-spin {
	position: absolute;
	z-index: 2;
	background: linear-gradient(
		90deg,
		rgba(0, 153, 255, 0) 0%,
		rgba(0, 153, 255, 1) 25%,
		rgba(0, 153, 255, 1) 75%,
		rgba(0, 153, 255, 0) 100%
	);
	height: 3px;
	width: 50vw;
	-webkit-animation: Loading-KF 1000ms infinite linear;
	        animation: Loading-KF 1000ms infinite linear;
}
@-webkit-keyframes Loading-KF {
0% {
		transform: translateX(-50vw);
}
100% {
		transform: translateX(100vw);
}
}
@keyframes Loading-KF {
0% {
		transform: translateX(-50vw);
}
100% {
		transform: translateX(100vw);
}
}
.Loading-TS-leave-active {
	transition: transform 400ms linear;
}
.Loading-TS-leave-to {
	transform: translateY(-3px);
}


html {
	background: #333;
}
.App {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
}
.App._swiping * {
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	transition: none;
}


.Page {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	transition: left 250ms ease-out;
}
.Page._hidden {
	visibility: hidden;
}


.PageHome-create {
	display: flex;
	justify-content: space-between;
	padding: 50px;
	text-align: center;
}
.PageHome-create > button {
	flex: 1 0 0%;
	padding: 50px 0;
	font-size: 1.3rem;
	border: 1px solid #ddd;
	margin-left: -1px;
	background: #fff;
	transition: background 200ms linear;
}
.PageHome-create > button svg {
	width: 40px;
	height: 40px;
	stroke: #333;
	stroke-width: 1;
	margin-bottom: 20px;
	transition: stroke 200ms linear;
}
.PageHome-create > button:hover {
	background: #f9f9f9;
}
.PageHome-create > button:hover svg {
	stroke: #09f;
}
.PageHome-create._disabled {
	pointer-events: none;
}
.PageHome-create._disabled button {
	color: #ccc;
}
.PageHome-create._disabled svg {
	stroke: #ccc;
}


.BoxButton {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	border: none;
	background: #333;
	outline: none;
	cursor: pointer;
	transition: opacity 100ms linear;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	height: 40px;
	padding: 0 1.5em;
	transition: background 100ms linear;
}
.BoxButton:disabled {
	cursor: default;
}
.BoxButton:hover {
	background: #444;
}


.PageLogin {
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
.PageLogin-box {
	width: 320px;
	text-align: center;
}
.PageLogin-logo {
	margin: -24px 0 24px;
}
.PageLogin-logo > img {
	width: 180px;
}
.PageLogin-message {
	color: #fff;
	padding: 1em 0;
}
.PageLogin-field {
	position: relative;
}
.PageLogin-input {
	color: #fff;
	background: #333;
	border: 1px solid #555;
	margin-top: -1px;
	height: 50px;
	padding-left: 50px;
}
.PageLogin-input:hover,
.PageLogin-input:focus {
	background: #393939 !important;
}
.PageLogin-icon {
	position: absolute;
	top: 1em;
	left: 1em;
	z-index: 2;
	stroke: #ccc;
}
.PageLogin-btn {
	display: block;
	height: 50px;
	width: 100%;
	margin-top: -1px;
	border: 1px solid #555;
}
.PageLogin-btn:hover {
	background: #393939 !important;
}


.Editor {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	font-size: inherit;
	font-family: 'Courier New', Courier, monospace !important;
	line-height: 1.4;
	padding: 0.5em;
	border: none;
	background: #f9f9f9;
	resize: none;
}


.Table {
	padding: 0;
	position: relative;
}
.Table table {
	border-collapse: collapse;
	width: 100%;
}
.Table th {
	background: #f3f3f3;
	font-size: 1rem;
	height: 50px;
	vertical-align: bottom;
	padding: 0 0.5em 0.25em 0.5em;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.Table th:first-child {
	padding-left: 1rem;
}
.Table tr {
	transition: background 100ms linear;
}
.Table tr:hover {
	background: #f6f6f6;
}
.Table td {
	font-size: 1.3rem;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	height: 50px;
	vertical-align: middle;
	line-height: 1.2;
	padding: 0 0.5em;
	word-break: break-all;
}
.Table td:first-child {
	padding-left: 1em;
}
.Table td._no {
	white-space: nowrap;
	color: #999;
	font-size: 1rem;
}
.Table td._thumb > button {
	width: 50px;
	height: 50px;
	background-color: #f6f6f6;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.Table td._true {
	color: #09f;
	font-size: 1rem;
}
.Table td._nav {
	padding: 0;
	text-align: right;
	white-space: nowrap;
	position: relative;
}
.Table-nav {
	border-left: none;
}
.Table-nav-target {
	display: none;
	position: absolute;
	z-index: 2;
	background: #fff;
	right: 0;
}
.Table td._nav:hover .Table-nav-target {
	display: block;
}
.Table td._nowrap {
	white-space: nowrap;
}
.Table-empty {
	padding: 60px 20px 20px;
	text-align: center;
	color: #999;
}
.Table-copy {
	position: absolute;
	height: 1px;
	opacity: 0;
}
.Table-info {
	position: absolute;
	right: 1em;
	top: 0.4em;
	z-index: 1;
	color: #999;
}
.Table-info > p {
	float: left;
	font-size: 1.2rem;
	margin-left: 2em;
}
.Table-info > p._open {
	color: #fff;
	background: #09f;
	padding: 0 10px;
}
.Table-info > p._closed {
	color: #fff;
	background: #f06;
	padding: 0 10px;
}
.Table-key {
	cursor: pointer;
}
.Table-order {
	padding-left: 0.25em;
}


.PageDevelop-row {
	padding: 1em;
	display: flex;
	align-items: center;
	width: 100%;
}
.PageDevelop-row > p {
	padding: 0 0.5em;
}


.Page404 {
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
.Page404-box {
	width: 320px;
	text-align: center;
}
.Page404-box h1 {
	font-size: 6rem;
}
.Page404-box p {
	font-size: 2rem;
}



/** Clear fix */
.cf:before,.cf:after{content: " ";display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}




/* Layout */
.abs   ,.l .l-abs   ,.m .m-abs   ,.s .s-abs   {position:absolute;}
.rel   ,.l .l-rel   ,.m .m-rel   ,.s .s-rel   {position:relative;}
.fix   ,.l .l-fix   ,.m .m-fix   ,.s .s-fix   {position:fixed;}
.fl    ,.l .l-fl    ,.m .m-fl    ,.s .s-fl    {float:left;}
.fr    ,.l .l-fr    ,.m .m-fr    ,.s .s-fr    {float:right;}
.ct    ,.l .l-ct    ,.m .m-ct    ,.s .s-ct    {margin-left:auto;margin-right:auto;}
.clear ,.l .l-clear ,.m .m-clear ,.s .s-clear {clear:both;}
.block ,.l .l-block ,.m .m-block ,.s .s-block {display:block;}
.inline,.l .l-inline,.m .m-inline,.s .s-inline{display:inline;}
.ib    ,.l .l-ib    ,.m .m-ib    ,.s .s-ib    {display:inline-block;}
.none  ,.l .l-none  ,.m .m-none  ,.s .s-none  {display:none;}

/* Text */
.normal,.l .l-normal,.m .m-normal,.s .s-normal{font-weight:normal;}
.nowrap,.l .l-nowrap,.m .m-nowrap,.s .s-nowrap{white-space:nowrap;}
.break ,.l .l-break ,.m .m-break ,.s .s-break {word-wrap:break-word;}
.bold  ,.l .l-bold  ,.m .m-bold  ,.s .s-bold  {font-weight:bold;}
.italic,.l .l-italic,.m .m-italic,.s .s-italic{font-style:italic;}
.ul    ,.l .l-ul    ,.m .m-ul    ,.s .s-ul    {text-decoration:underline;}
.strike,.l .l-strike,.m .m-strike,.s .s-strike{text-decoration:line-through;}
.ac    ,.l .l-ac    ,.m .m-ac    ,.s .s-ac    {text-align:center;}
.al    ,.l .l-al    ,.m .m-al    ,.s .s-al    {text-align:left;}
.ar    ,.l .l-ar    ,.m .m-ar    ,.s .s-ar    {text-align:right;}
.just  ,.l .l-just  ,.m .m-just  ,.s .s-just  {text-align:justify;}

/* Font Size */
.fs8  ,.l .l-fs8 ,.m .m-fs8 ,.s .s-fs8 {font-size: .8rem;}
.fs9  ,.l .l-fs9 ,.m .m-fs9 ,.s .s-fs9 {font-size: .9rem;}
.fs10 ,.l .l-fs10,.m .m-fs10,.s .s-fs10{font-size:1.0rem;}
.fs11 ,.l .l-fs11,.m .m-fs11,.s .s-fs11{font-size:1.1rem;}
.fs12 ,.l .l-fs12,.m .m-fs12,.s .s-fs12{font-size:1.2rem;}
.fs13 ,.l .l-fs13,.m .m-fs13,.s .s-fs13{font-size:1.3rem;}
.fs14 ,.l .l-fs14,.m .m-fs14,.s .s-fs14{font-size:1.4rem;}
.fs15 ,.l .l-fs15,.m .m-fs15,.s .s-fs15{font-size:1.5rem;}
.fs16 ,.l .l-fs16,.m .m-fs16,.s .s-fs16{font-size:1.6rem;}
.fs17 ,.l .l-fs17,.m .m-fs17,.s .s-fs17{font-size:1.7rem;}
.fs18 ,.l .l-fs18,.m .m-fs18,.s .s-fs18{font-size:1.8rem;}
.fs19 ,.l .l-fs19,.m .m-fs19,.s .s-fs19{font-size:1.9rem;}
.fs20 ,.l .l-fs20,.m .m-fs20,.s .s-fs20{font-size:2.0rem;}
.fs22 ,.l .l-fs22,.m .m-fs22,.s .s-fs22{font-size:2.2rem;}
.fs24 ,.l .l-fs24,.m .m-fs24,.s .s-fs24{font-size:2.4rem;}
.fs26 ,.l .l-fs26,.m .m-fs26,.s .s-fs26{font-size:2.6rem;}
.fs28 ,.l .l-fs28,.m .m-fs28,.s .s-fs28{font-size:2.8rem;}
.fs30 ,.l .l-fs30,.m .m-fs30,.s .s-fs30{font-size:3.0rem;}
.fs32 ,.l .l-fs32,.m .m-fs32,.s .s-fs32{font-size:3.2rem;}
.fs34 ,.l .l-fs34,.m .m-fs34,.s .s-fs34{font-size:3.4rem;}
.fs36 ,.l .l-fs36,.m .m-fs36,.s .s-fs36{font-size:3.6rem;}
.fs38 ,.l .l-fs38,.m .m-fs38,.s .s-fs38{font-size:3.8rem;}
.fs40 ,.l .l-fs40,.m .m-fs40,.s .s-fs40{font-size:4.0rem;}

/* Line Height */
.lh10 ,.l .l-lh10,.m .m-lh10,.s .s-lh10{line-height:1.0;}
.lh11 ,.l .l-lh11,.m .m-lh11,.s .s-lh11{line-height:1.1;}
.lh12 ,.l .l-lh12,.m .m-lh12,.s .s-lh12{line-height:1.2;}
.lh13 ,.l .l-lh13,.m .m-lh13,.s .s-lh13{line-height:1.3;}
.lh14 ,.l .l-lh14,.m .m-lh14,.s .s-lh14{line-height:1.4;}
.lh15 ,.l .l-lh15,.m .m-lh15,.s .s-lh15{line-height:1.5;}
.lh16 ,.l .l-lh16,.m .m-lh16,.s .s-lh16{line-height:1.6;}
.lh17 ,.l .l-lh17,.m .m-lh17,.s .s-lh17{line-height:1.7;}
.lh18 ,.l .l-lh18,.m .m-lh18,.s .s-lh18{line-height:1.8;}
.lh19 ,.l .l-lh19,.m .m-lh19,.s .s-lh19{line-height:1.9;}
.lh20 ,.l .l-lh20,.m .m-lh20,.s .s-lh20{line-height:2.0;}

/* Margin */
.mt0  ,.l .l-mt0  ,.m .m-mt0  ,.s .s-mt0  {margin-top:  0px;}
.mt1  ,.l .l-mt1  ,.m .m-mt1  ,.s .s-mt1  {margin-top:  1px;}
.mt2  ,.l .l-mt2  ,.m .m-mt2  ,.s .s-mt2  {margin-top:  2px;}
.mt3  ,.l .l-mt3  ,.m .m-mt3  ,.s .s-mt3  {margin-top:  3px;}
.mt4  ,.l .l-mt4  ,.m .m-mt4  ,.s .s-mt4  {margin-top:  4px;}
.mt5  ,.l .l-mt5  ,.m .m-mt5  ,.s .s-mt5  {margin-top:  5px;}
.mt6  ,.l .l-mt6  ,.m .m-mt6  ,.s .s-mt6  {margin-top:  6px;}
.mt8  ,.l .l-mt8  ,.m .m-mt8  ,.s .s-mt8  {margin-top:  8px;}
.mt10 ,.l .l-mt10 ,.m .m-mt10 ,.s .s-mt10 {margin-top: 10px;}
.mt12 ,.l .l-mt12 ,.m .m-mt12 ,.s .s-mt12 {margin-top: 12px;}
.mt16 ,.l .l-mt16 ,.m .m-mt16 ,.s .s-mt16 {margin-top: 16px;}
.mt20 ,.l .l-mt20 ,.m .m-mt20 ,.s .s-mt20 {margin-top: 20px;}
.mt24 ,.l .l-mt24 ,.m .m-mt24 ,.s .s-mt24 {margin-top: 24px;}
.mt28 ,.l .l-mt28 ,.m .m-mt28 ,.s .s-mt28 {margin-top: 28px;}
.mt32 ,.l .l-mt32 ,.m .m-mt32 ,.s .s-mt32 {margin-top: 32px;}
.mt36 ,.l .l-mt36 ,.m .m-mt35 ,.s .s-mt36 {margin-top: 36px;}
.mt40 ,.l .l-mt40 ,.m .m-mt40 ,.s .s-mt40 {margin-top: 40px;}

.mb0  ,.l .l-mb0  ,.m .m-mb0  ,.s .s-mb0  {margin-bottom:  0px;}
.mb1  ,.l .l-mb1  ,.m .m-mb1  ,.s .s-mb1  {margin-bottom:  1px;}
.mb2  ,.l .l-mb2  ,.m .m-mb2  ,.s .s-mb2  {margin-bottom:  2px;}
.mb3  ,.l .l-mb3  ,.m .m-mb3  ,.s .s-mb3  {margin-bottom:  3px;}
.mb4  ,.l .l-mb4  ,.m .m-mb4  ,.s .s-mb4  {margin-bottom:  4px;}
.mb5  ,.l .l-mb5  ,.m .m-mb5  ,.s .s-mb5  {margin-bottom:  5px;}
.mb6  ,.l .l-mb6  ,.m .m-mb6  ,.s .s-mb6  {margin-bottom:  6px;}
.mb8  ,.l .l-mb8  ,.m .m-mb8  ,.s .s-mb8  {margin-bottom:  8px;}
.mb10 ,.l .l-mb10 ,.m .m-mb10 ,.s .s-mb10 {margin-bottom: 10px;}
.mb12 ,.l .l-mb12 ,.m .m-mb12 ,.s .s-mb12 {margin-bottom: 12px;}
.mb16 ,.l .l-mb16 ,.m .m-mb16 ,.s .s-mb16 {margin-bottom: 16px;}
.mb20 ,.l .l-mb20 ,.m .m-mb20 ,.s .s-mb20 {margin-bottom: 20px;}
.mb24 ,.l .l-mb24 ,.m .m-mb24 ,.s .s-mb24 {margin-bottom: 24px;}
.mb28 ,.l .l-mb28 ,.m .m-mb28 ,.s .s-mb28 {margin-bottom: 28px;}
.mb32 ,.l .l-mb32 ,.m .m-mb32 ,.s .s-mb32 {margin-bottom: 32px;}
.mb36 ,.l .l-mb36 ,.m .m-mb35 ,.s .s-mb36 {margin-bottom: 36px;}
.mb40 ,.l .l-mb40 ,.m .m-mb40 ,.s .s-mb40 {margin-bottom: 40px;}

.ml0  ,.l .l-ml0  ,.m .m-ml0  ,.s .s-ml0  {margin-left:  0px;}
.ml1  ,.l .l-ml1  ,.m .m-ml1  ,.s .s-ml1  {margin-left:  1px;}
.ml2  ,.l .l-ml2  ,.m .m-ml2  ,.s .s-ml2  {margin-left:  2px;}
.ml3  ,.l .l-ml3  ,.m .m-ml3  ,.s .s-ml3  {margin-left:  3px;}
.ml4  ,.l .l-ml4  ,.m .m-ml4  ,.s .s-ml4  {margin-left:  4px;}
.ml5  ,.l .l-ml5  ,.m .m-ml5  ,.s .s-ml5  {margin-left:  5px;}
.ml6  ,.l .l-ml6  ,.m .m-ml6  ,.s .s-ml6  {margin-left:  6px;}
.ml8  ,.l .l-ml8  ,.m .m-ml8  ,.s .s-ml8  {margin-left:  8px;}
.ml10 ,.l .l-ml10 ,.m .m-ml10 ,.s .s-ml10 {margin-left: 10px;}
.ml12 ,.l .l-ml12 ,.m .m-ml12 ,.s .s-ml12 {margin-left: 12px;}
.ml16 ,.l .l-ml16 ,.m .m-ml16 ,.s .s-ml16 {margin-left: 16px;}
.ml20 ,.l .l-ml20 ,.m .m-ml20 ,.s .s-ml20 {margin-left: 20px;}
.ml24 ,.l .l-ml24 ,.m .m-ml24 ,.s .s-ml24 {margin-left: 24px;}
.ml28 ,.l .l-ml28 ,.m .m-ml28 ,.s .s-ml28 {margin-left: 28px;}
.ml32 ,.l .l-ml32 ,.m .m-ml32 ,.s .s-ml32 {margin-left: 32px;}
.ml36 ,.l .l-ml36 ,.m .m-ml35 ,.s .s-ml36 {margin-left: 36px;}
.ml40 ,.l .l-ml40 ,.m .m-ml40 ,.s .s-ml40 {margin-left: 40px;}

.mr0  ,.l .l-mr0  ,.m .m-mr0  ,.s .s-mr0  {margin-right:  0px;}
.mr1  ,.l .l-mr1  ,.m .m-mr1  ,.s .s-mr1  {margin-right:  1px;}
.mr2  ,.l .l-mr2  ,.m .m-mr2  ,.s .s-mr2  {margin-right:  2px;}
.mr3  ,.l .l-mr3  ,.m .m-mr3  ,.s .s-mr3  {margin-right:  3px;}
.mr4  ,.l .l-mr4  ,.m .m-mr4  ,.s .s-mr4  {margin-right:  4px;}
.mr5  ,.l .l-mr5  ,.m .m-mr5  ,.s .s-mr5  {margin-right:  5px;}
.mr6  ,.l .l-mr6  ,.m .m-mr6  ,.s .s-mr6  {margin-right:  6px;}
.mr8  ,.l .l-mr8  ,.m .m-mr8  ,.s .s-mr8  {margin-right:  8px;}
.mr10 ,.l .l-mr10 ,.m .m-mr10 ,.s .s-mr10 {margin-right: 10px;}
.mr12 ,.l .l-mr12 ,.m .m-mr12 ,.s .s-mr12 {margin-right: 12px;}
.mr16 ,.l .l-mr16 ,.m .m-mr16 ,.s .s-mr16 {margin-right: 16px;}
.mr20 ,.l .l-mr20 ,.m .m-mr20 ,.s .s-mr20 {margin-right: 20px;}
.mr24 ,.l .l-mr24 ,.m .m-mr24 ,.s .s-mr24 {margin-right: 24px;}
.mr28 ,.l .l-mr28 ,.m .m-mr28 ,.s .s-mr28 {margin-right: 28px;}
.mr32 ,.l .l-mr32 ,.m .m-mr32 ,.s .s-mr32 {margin-right: 32px;}
.mr36 ,.l .l-mr36 ,.m .m-mr35 ,.s .s-mr36 {margin-right: 36px;}
.mr40 ,.l .l-mr40 ,.m .m-mr40 ,.s .s-mr40 {margin-right: 40px;}

.mh0  ,.l .l-mh0  ,.m .m-mh0  ,.s .s-mh0  {margin-left:  0px; margin-right:  0px;}
.mh1  ,.l .l-mh1  ,.m .m-mh1  ,.s .s-mh1  {margin-left:  1px; margin-right:  1px;}
.mh2  ,.l .l-mh2  ,.m .m-mh2  ,.s .s-mh2  {margin-left:  2px; margin-right:  2px;}
.mh3  ,.l .l-mh3  ,.m .m-mh3  ,.s .s-mh3  {margin-left:  3px; margin-right:  3px;}
.mh4  ,.l .l-mh4  ,.m .m-mh4  ,.s .s-mh4  {margin-left:  4px; margin-right:  4px;}
.mh5  ,.l .l-mh5  ,.m .m-mh5  ,.s .s-mh5  {margin-left:  5px; margin-right:  5px;}
.mh6  ,.l .l-mh6  ,.m .m-mh6  ,.s .s-mh6  {margin-left:  6px; margin-right:  6px;}
.mh8  ,.l .l-mh8  ,.m .m-mh8  ,.s .s-mh8  {margin-left:  8px; margin-right:  8px;}
.mh10 ,.l .l-mh10 ,.m .m-mh10 ,.s .s-mh10 {margin-left: 10px; margin-right: 10px;}
.mh12 ,.l .l-mh12 ,.m .m-mh12 ,.s .s-mh12 {margin-left: 12px; margin-right: 12px;}
.mh16 ,.l .l-mh16 ,.m .m-mh16 ,.s .s-mh16 {margin-left: 16px; margin-right: 16px;}
.mh20 ,.l .l-mh20 ,.m .m-mh20 ,.s .s-mh20 {margin-left: 20px; margin-right: 20px;}
.mh24 ,.l .l-mh24 ,.m .m-mh24 ,.s .s-mh24 {margin-left: 24px; margin-right: 24px;}
.mh28 ,.l .l-mh28 ,.m .m-mh28 ,.s .s-mh28 {margin-left: 28px; margin-right: 28px;}
.mh32 ,.l .l-mh32 ,.m .m-mh32 ,.s .s-mh32 {margin-left: 32px; margin-right: 32px;}
.mh36 ,.l .l-mh36 ,.m .m-mh35 ,.s .s-mh36 {margin-left: 36px; margin-right: 36px;}
.mh40 ,.l .l-mh40 ,.m .m-mh40 ,.s .s-mh40 {margin-left: 40px; margin-right: 40px;}

.mv0  ,.l .l-mv0  ,.m .m-mv0  ,.s .s-mv0  {margin-top:  0px; margin-bottom:  0px;}
.mv1  ,.l .l-mv1  ,.m .m-mv1  ,.s .s-mv1  {margin-top:  1px; margin-bottom:  1px;}
.mv2  ,.l .l-mv2  ,.m .m-mv2  ,.s .s-mv2  {margin-top:  2px; margin-bottom:  2px;}
.mv3  ,.l .l-mv3  ,.m .m-mv3  ,.s .s-mv3  {margin-top:  3px; margin-bottom:  3px;}
.mv4  ,.l .l-mv4  ,.m .m-mv4  ,.s .s-mv4  {margin-top:  4px; margin-bottom:  4px;}
.mv5  ,.l .l-mv5  ,.m .m-mv5  ,.s .s-mv5  {margin-top:  5px; margin-bottom:  5px;}
.mv6  ,.l .l-mv6  ,.m .m-mv6  ,.s .s-mv6  {margin-top:  6px; margin-bottom:  6px;}
.mv8  ,.l .l-mv8  ,.m .m-mv8  ,.s .s-mv8  {margin-top:  8px; margin-bottom:  8px;}
.mv10 ,.l .l-mv10 ,.m .m-mv10 ,.s .s-mv10 {margin-top: 10px; margin-bottom: 10px;}
.mv12 ,.l .l-mv12 ,.m .m-mv12 ,.s .s-mv12 {margin-top: 12px; margin-bottom: 12px;}
.mv16 ,.l .l-mv16 ,.m .m-mv16 ,.s .s-mv16 {margin-top: 16px; margin-bottom: 16px;}
.mv20 ,.l .l-mv20 ,.m .m-mv20 ,.s .s-mv20 {margin-top: 20px; margin-bottom: 20px;}
.mv24 ,.l .l-mv24 ,.m .m-mv24 ,.s .s-mv24 {margin-top: 24px; margin-bottom: 24px;}
.mv28 ,.l .l-mv28 ,.m .m-mv28 ,.s .s-mv28 {margin-top: 28px; margin-bottom: 28px;}
.mv32 ,.l .l-mv32 ,.m .m-mv32 ,.s .s-mv32 {margin-top: 32px; margin-bottom: 32px;}
.mv36 ,.l .l-mv36 ,.m .m-mv35 ,.s .s-mv36 {margin-top: 36px; margin-bottom: 36px;}
.mv40 ,.l .l-mv40 ,.m .m-mv40 ,.s .s-mv40 {margin-top: 40px; margin-bottom: 40px;}

/* Negative Margin */
.nl1  ,.l .l-nl1  ,.m .m-nl1  ,.s .s-nl1  {margin-left:  -1px;}
.nl2  ,.l .l-nl2  ,.m .m-nl2  ,.s .s-nl2  {margin-left:  -2px;}
.nl3  ,.l .l-nl3  ,.m .m-nl3  ,.s .s-nl3  {margin-left:  -3px;}
.nl4  ,.l .l-nl4  ,.m .m-nl4  ,.s .s-nl4  {margin-left:  -4px;}
.nl5  ,.l .l-nl5  ,.m .m-nl5  ,.s .s-nl5  {margin-left:  -5px;}
.nl6  ,.l .l-nl6  ,.m .m-nl6  ,.s .s-nl6  {margin-left:  -6px;}
.nl8  ,.l .l-nl8  ,.m .m-nl8  ,.s .s-nl8  {margin-left:  -8px;}
.nl10 ,.l .l-nl10 ,.m .m-nl10 ,.s .s-nl10 {margin-left: -10px;}
.nl12 ,.l .l-nl12 ,.m .m-nl12 ,.s .s-nl12 {margin-left: -12px;}
.nl16 ,.l .l-nl16 ,.m .m-nl16 ,.s .s-nl16 {margin-left: -16px;}
.nl20 ,.l .l-nl20 ,.m .m-nl20 ,.s .s-nl20 {margin-left: -20px;}
.nl24 ,.l .l-nl24 ,.m .m-nl24 ,.s .s-nl24 {margin-left: -24px;}
.nl28 ,.l .l-nl28 ,.m .m-nl28 ,.s .s-nl28 {margin-left: -28px;}
.nl32 ,.l .l-nl32 ,.m .m-nl32 ,.s .s-nl32 {margin-left: -32px;}
.nl36 ,.l .l-nl36 ,.m .m-nl35 ,.s .s-nl36 {margin-left: -36px;}
.nl40 ,.l .l-nl40 ,.m .m-nl40 ,.s .s-nl40 {margin-left: -40px;}

.nr1  ,.l .l-nr1  ,.m .m-nr1  ,.s .s-nr1  {margin-right:  -1px;}
.nr2  ,.l .l-nr2  ,.m .m-nr2  ,.s .s-nr2  {margin-right:  -2px;}
.nr3  ,.l .l-nr3  ,.m .m-nr3  ,.s .s-nr3  {margin-right:  -3px;}
.nr4  ,.l .l-nr4  ,.m .m-nr4  ,.s .s-nr4  {margin-right:  -4px;}
.nr5  ,.l .l-nr5  ,.m .m-nr5  ,.s .s-nr5  {margin-right:  -5px;}
.nr6  ,.l .l-nr6  ,.m .m-nr6  ,.s .s-nr6  {margin-right:  -6px;}
.nr8  ,.l .l-nr8  ,.m .m-nr8  ,.s .s-nr8  {margin-right:  -8px;}
.nr10 ,.l .l-nr10 ,.m .m-nr10 ,.s .s-nr10 {margin-right: -10px;}
.nr12 ,.l .l-nr12 ,.m .m-nr12 ,.s .s-nr12 {margin-right: -12px;}
.nr16 ,.l .l-nr16 ,.m .m-nr16 ,.s .s-nr16 {margin-right: -16px;}
.nr20 ,.l .l-nr20 ,.m .m-nr20 ,.s .s-nr20 {margin-right: -20px;}
.nr24 ,.l .l-nr24 ,.m .m-nr24 ,.s .s-nr24 {margin-right: -24px;}
.nr28 ,.l .l-nr28 ,.m .m-nr28 ,.s .s-nr28 {margin-right: -28px;}
.nr32 ,.l .l-nr32 ,.m .m-nr32 ,.s .s-nr32 {margin-right: -32px;}
.nr36 ,.l .l-nr36 ,.m .m-nr35 ,.s .s-nr36 {margin-right: -36px;}
.nr40 ,.l .l-nr40 ,.m .m-nr40 ,.s .s-nr40 {margin-right: -40px;}

.nh1  ,.l .l-nh1  ,.m .m-nh1  ,.s .s-nh1  {margin-left:  -1px; margin-right:  -1px;}
.nh2  ,.l .l-nh2  ,.m .m-nh2  ,.s .s-nh2  {margin-left:  -2px; margin-right:  -2px;}
.nh3  ,.l .l-nh3  ,.m .m-nh3  ,.s .s-nh3  {margin-left:  -3px; margin-right:  -3px;}
.nh4  ,.l .l-nh4  ,.m .m-nh4  ,.s .s-nh4  {margin-left:  -4px; margin-right:  -4px;}
.nh5  ,.l .l-nh5  ,.m .m-nh5  ,.s .s-nh5  {margin-left:  -5px; margin-right:  -5px;}
.nh6  ,.l .l-nh6  ,.m .m-nh6  ,.s .s-nh6  {margin-left:  -6px; margin-right:  -6px;}
.nh8  ,.l .l-nh8  ,.m .m-nh8  ,.s .s-nh8  {margin-left:  -8px; margin-right:  -8px;}
.nh10 ,.l .l-nh10 ,.m .m-nh10 ,.s .s-nh10 {margin-left: -10px; margin-right: -10px;}
.nh12 ,.l .l-nh12 ,.m .m-nh12 ,.s .s-nh12 {margin-left: -12px; margin-right: -12px;}
.nh16 ,.l .l-nh16 ,.m .m-nh16 ,.s .s-nh16 {margin-left: -16px; margin-right: -16px;}
.nh20 ,.l .l-nh20 ,.m .m-nh20 ,.s .s-nh20 {margin-left: -20px; margin-right: -20px;}
.nh24 ,.l .l-nh24 ,.m .m-nh24 ,.s .s-nh24 {margin-left: -24px; margin-right: -24px;}
.nh28 ,.l .l-nh28 ,.m .m-nh28 ,.s .s-nh28 {margin-left: -28px; margin-right: -28px;}
.nh32 ,.l .l-nh32 ,.m .m-nh32 ,.s .s-nh32 {margin-left: -32px; margin-right: -32px;}
.nh36 ,.l .l-nh36 ,.m .m-nh35 ,.s .s-nh36 {margin-left: -36px; margin-right: -36px;}
.nh40 ,.l .l-nh40 ,.m .m-nh40 ,.s .s-nh40 {margin-left: -40px; margin-right: -40px;}

/* Padding */
.pt0  ,.l .l-pt0  ,.m .m-pt0  ,.s .s-pt0  {padding-top:  0px;}
.pt1  ,.l .l-pt1  ,.m .m-pt1  ,.s .s-pt1  {padding-top:  1px;}
.pt2  ,.l .l-pt2  ,.m .m-pt2  ,.s .s-pt2  {padding-top:  2px;}
.pt3  ,.l .l-pt3  ,.m .m-pt3  ,.s .s-pt3  {padding-top:  3px;}
.pt4  ,.l .l-pt4  ,.m .m-pt4  ,.s .s-pt4  {padding-top:  4px;}
.pt5  ,.l .l-pt5  ,.m .m-pt5  ,.s .s-pt5  {padding-top:  5px;}
.pt6  ,.l .l-pt6  ,.m .m-pt6  ,.s .s-pt6  {padding-top:  6px;}
.pt8  ,.l .l-pt8  ,.m .m-pt8  ,.s .s-pt8  {padding-top:  8px;}
.pt10 ,.l .l-pt10 ,.m .m-pt10 ,.s .s-pt10 {padding-top: 10px;}
.pt12 ,.l .l-pt12 ,.m .m-pt12 ,.s .s-pt12 {padding-top: 12px;}
.pt16 ,.l .l-pt16 ,.m .m-pt16 ,.s .s-pt16 {padding-top: 16px;}
.pt20 ,.l .l-pt20 ,.m .m-pt20 ,.s .s-pt20 {padding-top: 20px;}
.pt24 ,.l .l-pt24 ,.m .m-pt24 ,.s .s-pt24 {padding-top: 24px;}
.pt28 ,.l .l-pt28 ,.m .m-pt28 ,.s .s-pt28 {padding-top: 28px;}
.pt32 ,.l .l-pt32 ,.m .m-pt32 ,.s .s-pt32 {padding-top: 32px;}
.pt36 ,.l .l-pt36 ,.m .m-pt35 ,.s .s-pt36 {padding-top: 36px;}
.pt40 ,.l .l-pt40 ,.m .m-pt40 ,.s .s-pt40 {padding-top: 40px;}

.pb0  ,.l .l-pb0  ,.m .m-pb0  ,.s .s-pb0  {padding-bottom:  0px;}
.pb1  ,.l .l-pb1  ,.m .m-pb1  ,.s .s-pb1  {padding-bottom:  1px;}
.pb2  ,.l .l-pb2  ,.m .m-pb2  ,.s .s-pb2  {padding-bottom:  2px;}
.pb3  ,.l .l-pb3  ,.m .m-pb3  ,.s .s-pb3  {padding-bottom:  3px;}
.pb4  ,.l .l-pb4  ,.m .m-pb4  ,.s .s-pb4  {padding-bottom:  4px;}
.pb5  ,.l .l-pb5  ,.m .m-pb5  ,.s .s-pb5  {padding-bottom:  5px;}
.pb6  ,.l .l-pb6  ,.m .m-pb6  ,.s .s-pb6  {padding-bottom:  6px;}
.pb8  ,.l .l-pb8  ,.m .m-pb8  ,.s .s-pb8  {padding-bottom:  8px;}
.pb10 ,.l .l-pb10 ,.m .m-pb10 ,.s .s-pb10 {padding-bottom: 10px;}
.pb12 ,.l .l-pb12 ,.m .m-pb12 ,.s .s-pb12 {padding-bottom: 12px;}
.pb16 ,.l .l-pb16 ,.m .m-pb16 ,.s .s-pb16 {padding-bottom: 16px;}
.pb20 ,.l .l-pb20 ,.m .m-pb20 ,.s .s-pb20 {padding-bottom: 20px;}
.pb24 ,.l .l-pb24 ,.m .m-pb24 ,.s .s-pb24 {padding-bottom: 24px;}
.pb28 ,.l .l-pb28 ,.m .m-pb28 ,.s .s-pb28 {padding-bottom: 28px;}
.pb32 ,.l .l-pb32 ,.m .m-pb32 ,.s .s-pb32 {padding-bottom: 32px;}
.pb36 ,.l .l-pb36 ,.m .m-pb35 ,.s .s-pb36 {padding-bottom: 36px;}
.pb40 ,.l .l-pb40 ,.m .m-pb40 ,.s .s-pb40 {padding-bottom: 40px;}

.pl0  ,.l .l-pl0  ,.m .m-pl0  ,.s .s-pl0  {padding-left:  0px;}
.pl1  ,.l .l-pl1  ,.m .m-pl1  ,.s .s-pl1  {padding-left:  1px;}
.pl2  ,.l .l-pl2  ,.m .m-pl2  ,.s .s-pl2  {padding-left:  2px;}
.pl3  ,.l .l-pl3  ,.m .m-pl3  ,.s .s-pl3  {padding-left:  3px;}
.pl4  ,.l .l-pl4  ,.m .m-pl4  ,.s .s-pl4  {padding-left:  4px;}
.pl5  ,.l .l-pl5  ,.m .m-pl5  ,.s .s-pl5  {padding-left:  5px;}
.pl6  ,.l .l-pl6  ,.m .m-pl6  ,.s .s-pl6  {padding-left:  6px;}
.pl8  ,.l .l-pl8  ,.m .m-pl8  ,.s .s-pl8  {padding-left:  8px;}
.pl10 ,.l .l-pl10 ,.m .m-pl10 ,.s .s-pl10 {padding-left: 10px;}
.pl12 ,.l .l-pl12 ,.m .m-pl12 ,.s .s-pl12 {padding-left: 12px;}
.pl16 ,.l .l-pl16 ,.m .m-pl16 ,.s .s-pl16 {padding-left: 16px;}
.pl20 ,.l .l-pl20 ,.m .m-pl20 ,.s .s-pl20 {padding-left: 20px;}
.pl24 ,.l .l-pl24 ,.m .m-pl24 ,.s .s-pl24 {padding-left: 24px;}
.pl28 ,.l .l-pl28 ,.m .m-pl28 ,.s .s-pl28 {padding-left: 28px;}
.pl32 ,.l .l-pl32 ,.m .m-pl32 ,.s .s-pl32 {padding-left: 32px;}
.pl36 ,.l .l-pl36 ,.m .m-pl35 ,.s .s-pl36 {padding-left: 36px;}
.pl40 ,.l .l-pl40 ,.m .m-pl40 ,.s .s-pl40 {padding-left: 40px;}

.pr0  ,.l .l-pr0  ,.m .m-pr0  ,.s .s-pr0  {padding-right:  0px;}
.pr1  ,.l .l-pr1  ,.m .m-pr1  ,.s .s-pr1  {padding-right:  1px;}
.pr2  ,.l .l-pr2  ,.m .m-pr2  ,.s .s-pr2  {padding-right:  2px;}
.pr3  ,.l .l-pr3  ,.m .m-pr3  ,.s .s-pr3  {padding-right:  3px;}
.pr4  ,.l .l-pr4  ,.m .m-pr4  ,.s .s-pr4  {padding-right:  4px;}
.pr5  ,.l .l-pr5  ,.m .m-pr5  ,.s .s-pr5  {padding-right:  5px;}
.pr6  ,.l .l-pr6  ,.m .m-pr6  ,.s .s-pr6  {padding-right:  6px;}
.pr8  ,.l .l-pr8  ,.m .m-pr8  ,.s .s-pr8  {padding-right:  8px;}
.pr10 ,.l .l-pr10 ,.m .m-pr10 ,.s .s-pr10 {padding-right: 10px;}
.pr12 ,.l .l-pr12 ,.m .m-pr12 ,.s .s-pr12 {padding-right: 12px;}
.pr16 ,.l .l-pr16 ,.m .m-pr16 ,.s .s-pr16 {padding-right: 16px;}
.pr20 ,.l .l-pr20 ,.m .m-pr20 ,.s .s-pr20 {padding-right: 20px;}
.pr24 ,.l .l-pr24 ,.m .m-pr24 ,.s .s-pr24 {padding-right: 24px;}
.pr28 ,.l .l-pr28 ,.m .m-pr28 ,.s .s-pr28 {padding-right: 28px;}
.pr32 ,.l .l-pr32 ,.m .m-pr32 ,.s .s-pr32 {padding-right: 32px;}
.pr36 ,.l .l-pr36 ,.m .m-pr35 ,.s .s-pr36 {padding-right: 36px;}
.pr40 ,.l .l-pr40 ,.m .m-pr40 ,.s .s-pr40 {padding-right: 40px;}

.ph0  ,.l .l-ph0  ,.m .m-ph0  ,.s .s-ph0  {padding-left:  0px; padding-right:  0px;}
.ph1  ,.l .l-ph1  ,.m .m-ph1  ,.s .s-ph1  {padding-left:  1px; padding-right:  1px;}
.ph2  ,.l .l-ph2  ,.m .m-ph2  ,.s .s-ph2  {padding-left:  2px; padding-right:  2px;}
.ph3  ,.l .l-ph3  ,.m .m-ph3  ,.s .s-ph3  {padding-left:  3px; padding-right:  3px;}
.ph4  ,.l .l-ph4  ,.m .m-ph4  ,.s .s-ph4  {padding-left:  4px; padding-right:  4px;}
.ph5  ,.l .l-ph5  ,.m .m-ph5  ,.s .s-ph5  {padding-left:  5px; padding-right:  5px;}
.ph6  ,.l .l-ph6  ,.m .m-ph6  ,.s .s-ph6  {padding-left:  6px; padding-right:  6px;}
.ph8  ,.l .l-ph8  ,.m .m-ph8  ,.s .s-ph8  {padding-left:  8px; padding-right:  8px;}
.ph10 ,.l .l-ph10 ,.m .m-ph10 ,.s .s-ph10 {padding-left: 10px; padding-right: 10px;}
.ph12 ,.l .l-ph12 ,.m .m-ph12 ,.s .s-ph12 {padding-left: 12px; padding-right: 12px;}
.ph16 ,.l .l-ph16 ,.m .m-ph16 ,.s .s-ph16 {padding-left: 16px; padding-right: 16px;}
.ph20 ,.l .l-ph20 ,.m .m-ph20 ,.s .s-ph20 {padding-left: 20px; padding-right: 20px;}
.ph24 ,.l .l-ph24 ,.m .m-ph24 ,.s .s-ph24 {padding-left: 24px; padding-right: 24px;}
.ph28 ,.l .l-ph28 ,.m .m-ph28 ,.s .s-ph28 {padding-left: 28px; padding-right: 28px;}
.ph32 ,.l .l-ph32 ,.m .m-ph32 ,.s .s-ph32 {padding-left: 32px; padding-right: 32px;}
.ph36 ,.l .l-ph36 ,.m .m-ph35 ,.s .s-ph36 {padding-left: 36px; padding-right: 36px;}
.ph40 ,.l .l-ph40 ,.m .m-ph40 ,.s .s-ph40 {padding-left: 40px; padding-right: 40px;}

.pv0  ,.l .l-pv0  ,.m .m-pv0  ,.s .s-pv0  {padding-top:  0px; padding-bottom:  0px;}
.pv1  ,.l .l-pv1  ,.m .m-pv1  ,.s .s-pv1  {padding-top:  1px; padding-bottom:  1px;}
.pv2  ,.l .l-pv2  ,.m .m-pv2  ,.s .s-pv2  {padding-top:  2px; padding-bottom:  2px;}
.pv3  ,.l .l-pv3  ,.m .m-pv3  ,.s .s-pv3  {padding-top:  3px; padding-bottom:  3px;}
.pv4  ,.l .l-pv4  ,.m .m-pv4  ,.s .s-pv4  {padding-top:  4px; padding-bottom:  4px;}
.pv5  ,.l .l-pv5  ,.m .m-pv5  ,.s .s-pv5  {padding-top:  5px; padding-bottom:  5px;}
.pv6  ,.l .l-pv6  ,.m .m-pv6  ,.s .s-pv6  {padding-top:  6px; padding-bottom:  6px;}
.pv8  ,.l .l-pv8  ,.m .m-pv8  ,.s .s-pv8  {padding-top:  8px; padding-bottom:  8px;}
.pv10 ,.l .l-pv10 ,.m .m-pv10 ,.s .s-pv10 {padding-top: 10px; padding-bottom: 10px;}
.pv12 ,.l .l-pv12 ,.m .m-pv12 ,.s .s-pv12 {padding-top: 12px; padding-bottom: 12px;}
.pv16 ,.l .l-pv16 ,.m .m-pv16 ,.s .s-pv16 {padding-top: 16px; padding-bottom: 16px;}
.pv20 ,.l .l-pv20 ,.m .m-pv20 ,.s .s-pv20 {padding-top: 20px; padding-bottom: 20px;}
.pv24 ,.l .l-pv24 ,.m .m-pv24 ,.s .s-pv24 {padding-top: 24px; padding-bottom: 24px;}
.pv28 ,.l .l-pv28 ,.m .m-pv28 ,.s .s-pv28 {padding-top: 28px; padding-bottom: 28px;}
.pv32 ,.l .l-pv32 ,.m .m-pv32 ,.s .s-pv32 {padding-top: 32px; padding-bottom: 32px;}
.pv36 ,.l .l-pv36 ,.m .m-pv35 ,.s .s-pv36 {padding-top: 36px; padding-bottom: 36px;}
.pv40 ,.l .l-pv40 ,.m .m-pv40 ,.s .s-pv40 {padding-top: 40px; padding-bottom: 40px;}