/* ========== list s ========== */

.list {
	padding-left: 15px;
}

.list.box>li {
	padding: 5px;
	border-radius: 4px;
	border: 1px solid #ddd;
	background-color: #fff;
}

.list.box>li+li {
	margin-top: 5px;
}

.list.solid>li {
	padding: 5px;
	border-bottom: 1px solid #ddd;
}

.list.dashed>li {
	padding: 5px;
	border-bottom: 1px dashed #ddd;
}

.list.dotted>li {
	padding: 5px;
	border-bottom: 1px dotted #ddd;
}

.list.solid>li:last-child,
.list.dashed>li:last-child,
.list.dotted>li:last-child {
	border-bottom: none;
}

.horizontal>li {
	width: auto;
	float: left;
}

.horizontal.space>li+li {
	margin-left: 15px;
}

.vertical>li {
	width: 100%;
	float: left;
}

.vertical.space>li+li {
	margin-top: 5px;
}

.disc {
	list-style-type: disc;
}

.circle {
	list-style-type: circle;
}

.square {
	list-style-type: square;
}

.decimal {
	list-style-type: decimal;
}

.decimal-leading-zero {
	list-style-type: decimal-leading-zero;
}

.lower-roman {
	list-style-type: lower-roman;
}

.upper-roman {
	list-style-type: upper-roman;
}

.lower-alpha {
	list-style-type: lower-alpha;
}

.upper-alpha {
	list-style-type: upper-alpha;
}

.lower-greek {
	list-style-type: lower-greek;
}

.lower-latin {
	list-style-type: lower-latin;
}

.upper-latin {
	list-style-type: upper-latin;
}

.hebrew {
	list-style-type: hebrew;
}

.armenian {
	list-style-type: armenian;
}

.georgian {
	list-style-type: georgian;
}

.cjk-ideographic {
	list-style-type: cjk-ideographic;
}

.hiragana {
	list-style-type: hiragana;
}

.katakana {
	list-style-type: katakana;
}

.hiragana-iroha {
	list-style-type: hiragana-iroha;
}

.katakana-iroha {
	list-style-type: katakana-iroha;
}

.list-reset {
	list-style: none;
	padding: 0;
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {
	.list.box-md>li {
		padding: 5px;
		border-radius: 4px;
		border: 1px solid #ddd;
		background-color: #fff;
	}
	.list.solid-md>li {
		padding: 5px;
		border-bottom: 1px solid #ddd;
	}
	.list.dashed-md>li {
		padding: 5px;
		border-bottom: 1px dashed #ddd;
	}
	.list.dotted-md>li {
		padding: 5px;
		border-bottom: 1px dotted #ddd;
	}
	.horizontal-md>li {
		width: auto;
		float: left;
	}
	.vertical-md>li {
		width: 100%;
		float: left;
	}
	.disc-md {
		list-style-type: disc;
	}
	.circle-md {
		list-style-type: circle;
	}
	.square-md {
		list-style-type: square;
	}
	.decimal-md {
		list-style-type: decimal;
	}
	.decimal-leading-zero-md {
		list-style-type: decimal-leading-zero;
	}
	.lower-roman-md {
		list-style-type: lower-roman;
	}
	.upper-roman-md {
		list-style-type: upper-roman;
	}
	.lower-alpha-md {
		list-style-type: lower-alpha;
	}
	.upper-alpha-md {
		list-style-type: upper-alpha;
	}
	.lower-greek-md {
		list-style-type: lower-greek;
	}
	.lower-latin-md {
		list-style-type: lower-latin;
	}
	.upper-latin-md {
		list-style-type: upper-latin;
	}
	.hebrew-md {
		list-style-type: hebrew;
	}
	.armenian-md {
		list-style-type: armenian;
	}
	.georgian-md {
		list-style-type: georgian;
	}
	.cjk-ideographic-md {
		list-style-type: cjk-ideographic;
	}
	.hiragana-md {
		list-style-type: hiragana;
	}
	.katakana-md {
		list-style-type: katakana;
	}
	.hiragana-iroha-md {
		list-style-type: hiragana-iroha;
	}
	.katakana-iroha-md {
		list-style-type: katakana-iroha;
	}
	.list-reset-md {
		list-style: none;
		padding: 0;
	}
}

@media (max-width: 767px) {
	.list.box-sm>li {
		padding: 5px;
		border-radius: 4px;
		border: 1px solid #ddd;
		background-color: #fff;
	}
	.list.solid-sm>li {
		padding: 5px;
		border-bottom: 1px solid #ddd;
	}
	.list.dashed-sm>li {
		padding: 5px;
		border-bottom: 1px dashed #ddd;
	}
	.list.dotted-sm>li {
		padding: 5px;
		border-bottom: 1px dotted #ddd;
	}
	.horizontal-sm>li {
		width: auto;
		float: left;
	}
	.vertical-sm>li {
		width: 100%;
		float: left;
	}
	.disc-sm {
		list-style-type: disc;
	}
	.circle-sm {
		list-style-type: circle;
	}
	.square-sm {
		list-style-type: square;
	}
	.decimal-sm {
		list-style-type: decimal;
	}
	.decimal-leading-zero-sm {
		list-style-type: decimal-leading-zero;
	}
	.lower-roman-sm {
		list-style-type: lower-roman;
	}
	.upper-roman-sm {
		list-style-type: upper-roman;
	}
	.lower-alpha-sm {
		list-style-type: lower-alpha;
	}
	.upper-alpha-sm {
		list-style-type: upper-alpha;
	}
	.lower-greek-sm {
		list-style-type: lower-greek;
	}
	.lower-latin-sm {
		list-style-type: lower-latin;
	}
	.upper-latin-sm {
		list-style-type: upper-latin;
	}
	.hebrew-sm {
		list-style-type: hebrew;
	}
	.armenian-sm {
		list-style-type: armenian;
	}
	.georgian-sm {
		list-style-type: georgian;
	}
	.cjk-ideographic-sm {
		list-style-type: cjk-ideographic;
	}
	.hiragana-sm {
		list-style-type: hiragana;
	}
	.katakana-sm {
		list-style-type: katakana;
	}
	.hiragana-iroha-sm {
		list-style-type: hiragana-iroha;
	}
	.katakana-iroha-sm {
		list-style-type: katakana-iroha;
	}
	.list-reset-sm {
		list-style: none;
		padding: 0;
	}
}

@media (max-width: 479px) {
	.list.box-xs>li {
		padding: 5px;
		border-radius: 4px;
		border: 1px solid #ddd;
		background-color: #fff;
	}
	.list.solid-xs>li {
		padding: 5px;
		border-bottom: 1px solid #ddd;
	}
	.list.dashed-xs>li {
		padding: 5px;
		border-bottom: 1px dashed #ddd;
	}
	.list.dotted-xs>li {
		padding: 5px;
		border-bottom: 1px dotted #ddd;
	}
	.horizontal-xs>li {
		width: auto;
		float: left;
	}
	.vertical-xs>li {
		width: 100%;
		float: left;
	}
	.disc-xs {
		list-style-type: disc;
	}
	.circle-xs {
		list-style-type: circle;
	}
	.square-xs {
		list-style-type: square;
	}
	.decimal-xs {
		list-style-type: decimal;
	}
	.decimal-leading-zero-xs {
		list-style-type: decimal-leading-zero;
	}
	.lower-roman-xs {
		list-style-type: lower-roman;
	}
	.upper-roman-xs {
		list-style-type: upper-roman;
	}
	.lower-alpha-xs {
		list-style-type: lower-alpha;
	}
	.upper-alpha-xs {
		list-style-type: upper-alpha;
	}
	.lower-greek-xs {
		list-style-type: lower-greek;
	}
	.lower-latin-xs {
		list-style-type: lower-latin;
	}
	.upper-latin-xs {
		list-style-type: upper-latin;
	}
	.hebrew-xs {
		list-style-type: hebrew;
	}
	.armenian-xs {
		list-style-type: armenian;
	}
	.georgian-xs {
		list-style-type: georgian;
	}
	.cjk-ideographic-xs {
		list-style-type: cjk-ideographic;
	}
	.hiragana-xs {
		list-style-type: hiragana;
	}
	.katakana-xs {
		list-style-type: katakana;
	}
	.hiragana-iroha-xs {
		list-style-type: hiragana-iroha;
	}
	.katakana-iroha-xs {
		list-style-type: katakana-iroha;
	}
	.list-reset-xs {
		list-style: none;
		padding: 0;
	}
}

@media (max-width: 319px) {}


/* ========== list e ========== */