/* jQuery UI icon customize */
.ui-icon-color-blue {
	background-image: url("../libs/images/ui-icons_2e83ff_256x240.png");
}
.ui-icon-color-black {
	background-image: url("../libs/images/ui-icons_222222_256x240.png");
}
.ui-icon-color-gray {
	background-image: url("../libs/images/ui-icons_454545_256x240.png");
}
.ui-icon-color-white {
	background-image: url("../libs/images/ui-icons_888888_256x240.png");
}
.ui-icon-color-red {
	background-image: url("../libs/images/ui-icons_cd0a0a_256x240.png");
}

/* content */
body {
	font-family: sans-serif;
	font-size: 12px;
	background: #222;
	color: #c8c8c8;
}
h1 {
	margin-bottom: 24px;
	font-family: sans-serif;
	font-size: 2em;
	font-weight: bold;
}
h2 {
	margin-bottom: 20px;
	font-family: sans-serif;
	font-size: 1.8em;
	font-weight: bold;
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 10px 0;
}
h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 5px 0;
	text-decoration: underline;
	padding-top: 7px;
}
input[type=text],
input[type=number],
select {
	border-radius: 0 !important;
	border: #888 1px solid !important;
	background: rgb(67, 67, 71) !important;
	color: #fff !important;
	font-size: 12px !important;
	cursor: auto;
}
input[type=text],
input[type=number] {
	padding: 4px;
}
select {
	cursor: pointer;
}
select > optgroup {
	font-weight: normal;
	color: #ffcc33;
}
select > optgroup > option {
	color: #fefefe;
}
aside {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
aside a {
	color: #ffcc33;
	font-size: 12px;
}
aside a:hover {
	color: #ffffff;
	text-decoration: none;
}
aside h3 {
	font-size: 12px;
}
aside blockquote {
	font-size: 1em;
}
dd {
	word-wrap: break-word;
}
#equip_bonus_modal .modal-header {
	/*border-bottom: 0;*/
}
#equip_bonus_modal .modal-body {
	padding: 3px;
}
#equip_bonus_modal .modal-body .list-group-item:first-child {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
#equip_bonus_modal .modal-body .list-group-item:last-child {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
#equip_bonus_modal .modal-body .list-group {
	margin-bottom: 10px;
}
#equip_bonus_modal .modal-body .list-group-item {
	padding: 10px 10px;
	border: #888 1px solid;
}
.list-group .list-group-item-title {
	background: #222;
	color: #fc0;
	font-weight: bold;
}
.list-group .list-group .list-group-item-title {
	color: #f80;
	margin-top: 5px;
}

.cap {
	color: #f40;
}
.critical {
	color: #ffdd66;
}
.more {
	cursor: pointer;
}
.navbar.title {
	background: #4d4d4f;
	border-radius: 0;
	margin-top: 1px;
	border-bottom: #888 1px solid;
}
.navbar a:hover {
	color: #fc3 !important;
}


#page_top{
  width: 60px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 10px;
  opacity: 0.6;
}
#page_top a{
  width: 60px;
  height: 60px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f139';
  font-size: 60px;
  color: #fc3;
}
/* bootstrap css override */

.container {
	background: #2d2d2f;
	border: #888 1px solid;
	box-sizing: border-box;
	width: 1160px;
}
/*@media screen and (max-width: 1160px) {
	.container {
		margin: 0;
		padding: 0;
	}
}*/
@media screen and (max-width: 414px) {
	.container {
		margin: 0;
		padding: 0;
		width: 100%;
		border: 0;
	}
}

.container-fluid .container-fluid {
	padding: 0;
}
.navbar {
	box-sizing: border-box;
	margin: 0 5px;
}
.navbar .navbar-toggle .icon-bar {
	background-color: #ffffff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background: transparent;
}
.navbar-default .navbar-toggle {
    border-color: #888;
}
.row {
	margin: 0;
}
.form-control {
	background: transparent;
	color: #fff;
	height: 28px;
	padding: 3px;
}
.input-group .form-control {
	margin: 0;
	padding: 0;
}
.input-group-addon {
	background: transparent;
	padding: 3px 3px;
	line-height: 21px;
	text-align: left;
	margin-right: 5px;
	font-size: 12px;
	width: auto;
}
.panel {
	border-radius: 0;
	margin-bottom: 5px;
}
.panel-primary {
	border: #888 1px solid;
}
.panel-primary > .panel-heading {
	background: transparent;
	border: 0;
	border-color: transparent;
	border-radius: 0;
	padding: 10px 10px 5px 10px;
}
@media screen and (max-width: 414px) {
	.panel-primary > .panel-heading {
		width: 372px;
	}
}
.panel-title {
	font-size: inherit;
}
.form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0;
}
.form-horizontal .form-group label.control-label {
	text-align: left;
	padding: 7px 0 0 0;
	width: 80px;
}
a.btn {
	border-radius: 0;
	border: #888 1px solid;
}
.line-break-group {
	display: inline-block;
	margin-right: 10px;
}
.line-break-group:last-child {
	margin-right: 0;
}
.popover {
	min-width: 140px;
	max-width: 540px;
	border: #888 1px solid;
}
.popover-title {
	color: #c8c8c8;
	font-size: 12px;
}
.popover-content {
	font-family: sans-serif;
	font-size: 12px;
	color: #c8c8c8;
}
.popover.right .arrow:after {
	border-right-color: #888;
}
#header-content {
	margin: 0 -20px 20px -20px;
	padding: 0;
}
@media screen and (max-width: 414px) {
	#header-content {
		margin: 0 0 20px 0;
	}
}

/*@media screen and (max-width: 1160px) {
	#header-content {
		margin: 0 -5px 20px -5px;
	}
}*/

#header-content p {
	margin: 0;
}

@media screen and (max-width: 414px) {
	#root-content {
		width: 375px;
	}
}
#root-content .calc-label {
	width: 100px !important;
}
#GHQ_lv {
	width: 60px;
	text-align: right;
	margin-right: 10px;
}
#combine_selector {
	margin-right: 10px;
}
#memo-content {
	width: 100%;
}
#memo {
	padding: 0 6px;
	box-sizing: border-box;
	width: 705px;
}
@media screen and (max-width: 414px) {
	#memo {
		width: 350px;
	}
}
#base-content {
	margin-top: 10px;
}
#left-content {
	width: 815px;
	margin-right: 2px;
}
@media screen and (max-width: 414px) {
	#left-content {
		width: 373px;
		margin-right: 0;
	}
}
.jump-list {
	font-weight: normal;
	color: #fff;
	font-size: 12px;
}
.jump-list ul li {
	float:right;
	margin-left: 8px;
}
.jump-list ul li a {
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	padding: 0 15px 0 5px;
}
.jump-list ul li a:hover {
	color: #fc3 !important;
}
.jump-list ul li a,
.jump-list ul li a:visited,
.jump-list ul li a:hover,
.jump-list ul li a:focus,
.jump-list ul li a:active {
	background: transparent;
}


#ship-list {
}
#aircorps-list {
	display: none;
}
#aircorps-list .aircorps_row .fleet {
	padding-top: 0;
}
#ship-list .ship-selector,
#aircorps-list .aircorps-selector {
	width: 100%;
}

#ship-list .ship-selector .ship-selector-box1 {
	
}
#ship-list .ship-selector .ship-selector-box2 {
	width: 240px;
}
#ship-list .ship-selector .ship-selector-box3 {
	width: 480px;
}
#ship-list .ship-selector .ship-label {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	letter-spacing: 8px;
	margin-top: 10px;
	width: 16px;
	height: 80px;
	color: #aaa;
}
@media screen and (max-width: 414px) {
	#ship-list .ship-selector .ship-selector-box1 {
		
	}
	#ship-list .ship-selector .ship-selector-box1 > span {
		display: none;
	}
	#ship-list .ship-selector .ship-selector-box2 {
		width: 100%;
	}
	#ship-list .ship-selector .ship-selector-box3 {
		width: 100%;
		margin-top: 10px;
	}
	#ship-list .ship-selector .ship-label {
		-ms-writing-mode: inherit;
		writing-mode: inherit;
		text-orientation: inherit;
		letter-spacing: inherit;
		margin-top: 0;
		width: 100%;
		height: inherit;
		color: #aaa;
	}
}

#ship-list .ship-selector .shipdetail-toggle {
	width: 30px;
	font-size: 15px;
	padding: 3px 6px;
	text-align: center;
	color: #fc3;
	border-radius: 0;
	border: #fc3 1px solid;
	cursor: pointer;
}
#ship-list .ship-selector .shipdetail-toggle > .glyphicon {
	margin-top: 5px;
}
#ship-list .ship-detail-label {
	width: 38px;
	text-align: right;
}
@media screen and (max-width: 414px) {
	#ship-list .ship-detail-label {
		width: 100%;
		text-align: left;
	}
}
#ship-list .shipname_selector {
	color: #fc3 !important;
	font-weight: bold;
	width: 170px;
}
#ship-list .shiptype_selector {
	width: 170px;
}
#ship-list .ship_equip_bonus {
	cursor: pointer;
	display: none;
}
@media screen and (max-width: 414px) {
	#ship-list .shipname_selector {
		width: 240px;
	}
	#ship-list .shiptype_selector {
		width: 240px;
	}
}

/*@media screen and (max-width: 414px) {
	#ship-list .shiptype_selector {
		width: 208px;
	}
	#ship-list .shipname_selector {
		width: 208px;
	}
}
@media screen and (min-width: 414px) {
	#ship-list .shiptype_selector {
		width: 180px;
		margin-right: 5px;
	}
	#ship-list .shipname_selector {
		width: 180px;
		margin-right: 5px;
	}
}*/
#ship-list .ship_lv {
	width: 50px;
	text-align: right;
	padding-right: 2px;
}
#ship-list .fleet {
}
#ship-list .combineDisp,
#aircorps-title,
#share_formation-title {
	margin: 0;
	background: #222;
	color: #fc3;
	padding: 8px 6px;
	border: 1px solid #888;
	border-bottom: 0;
}

@media screen and (max-width: 414px) {
	.section-title {
		margin-bottom: 8px;
	}
}

#ship-list .combineDisp:not(:first-child),
#aircorps-title {
	margin-top: 20px;
}
#share_formation-title {
	border-bottom: 1px solid #888;
	margin: 10px 20px 10px 4px;
}
@media screen and (max-width: 414px) {
	#share_formation-title {
		margin: 0;
	}
}

#ship-list .shiprow {
	margin: -1px 0 0 0;
}
#ship-list .combineDisp + .shiprow {
	margin-top: 0;
}

@media screen and (max-width: 414px) {
	#ship-list .slot-area,
	#aircorps-list .slot-area {
		margin-right: 0;
	}
}
#ship-list .slot-area {
	margin-right: 20px;
	margin-left: 17px;
}
#aircorps-list .slot-area {
	margin-right: 0;
}

/*@media screen and (max-width: 414px) {
	#ship-list .slot_icon,
	#aircorps-list .slot_icon {
		display: none !important;
	}
}*/
/*@media screen and (min-width: 414px) {*/
	#ship-list .slot_icon,
	#aircorps-list .slot_icon {
		width: 29px;
		height: 30px;
		background-repeat: no-repeat;
		background-position: 0px 0px;
		box-sizing: border-box;
		border: 1px solid #888;
		border-right: 0;
	}
/*}*/
#ship-list .slot-area table,
#aircorps-list .slot-area table {
	border: #888 1px solid;
	margin-bottom:  10px;
}
#ship-list .slot-area table tr th,
#aircorps-list .slot-area table tr th {
	background: #262626;
	border: #888 1px solid;
}
#ship-list .slot-area table tr td,
#aircorps-list .slot-area table tr td {
	border: #888 1px solid;
	text-align: right;
	background-color: #111;
}
#ship-list .slot-area .btn {
	border-radius: 0 !important;
}
#ship-list .slot-area .btn-sm {
	padding: 0px 5px;
	border: #888 1px solid;
	background-color: rgb(67, 67, 71);
}
#ship-list .slot-area .btn-sm.active {
	background-color: #111;
	color: #fc3;
}

#ship-list .slot_row {
	display: none;
}

#aircorps-list .slot_row {
	margin-bottom: 2px;
	margin-left: 20px;
}

#ship-list .slot_selector,
#ship-list .ex_slot_selector,
#aircorps-list .aircorps_slot_selector {
	display: none;
	width: 180px;
	height: 30px;
	margin-right: 0;
}
.slot_row .skill_level_slot .skill_level_slot_selector,
.aircorps_skill_level_slot .aircorps_skill_level_slot_selector {
	width: 100%;
	height: 30px;
}
@media screen and (max-width: 414px) {
	#ship-list .slot_selector,
	#ship-list .ex_slot_selector,
	#aircorps-list .aircorps_slot_selector {
		display: none;
		width: 180px;
		height: 30px;
		margin-right: 0;
	}
	#ship-list .repair_level_slot,
	#ship-list .ex_repair_level_slot,
	#aircorps-list .aircorps_repair_level_slot {
		display: none;
		width: 100px;
		margin-top: 1px;
		margin-right: 0;
	}
	#ship-list .skill_level_slot,
	#aircorps-list .aircorps_skill_level_slot {
		display: none;
		width: 100px;
		margin-top: 1px;
	}
	#ship-list .slot-area table tr th,
	#ship-list .slot-area table tr td,
	#aircorps-list .slot-area table tr th,
	#aircorps-list .slot-area table tr td {
		padding: 2px;
	}
}
#ship-list .slot_selector,
#ship-list .ex_slot_selector,
#aircorps-list .aircorps_slot_selector {
	display: none;
	width: 180px;
	height: 30px;
	margin-right: 1px;
}

@media screen and (max-width: 414px) {
	#ship-list .slot_selector_block,
	#aircorps-list .slot_selector_block {
		width: calc(100% - 29px);
	}
	#ship-list .slot_selector,
	#aircorps-list .aircorps_slot_selector {
		width: 100%;
	}
}

#ship-list .repair_level_slot,
#ship-list .ex_repair_level_slot,
#aircorps-list .aircorps_repair_level_slot {
	display: none;
	width: 100px;
	margin-top: 0;
	margin-right: 0px;
}
#ship-list .skill_level_slot,
#aircorps-list .aircorps_skill_level_slot {
	display: none;
	width: 100px;
	margin-top: 0;
}
#ship-list .repair_level_slot_selector,
#ship-list .ex_repair_level_slot_selector,
.aircorps_repair_level_slot .aircorps_repair_level_slot_selector {
	height: 30px;
	width: 100%;
}

#ship-list .slot_selector_label {
	font-size: 12px;
	font-weight: normal;
	width: 100px;
}
@media screen and (max-width: 414px) {
	#ship-list .slot_selector_label {
		width: 100%;
	}
}

#ship-list .repair_level_slot,
#ship-list .ex_repair_level_slot,
#aircorps-list .aircorps_repair_level_slot {
	display: none;
	width: 78px;
	margin-right: 1px;
}
#ship-list .skill_level_slot,
#aircorps-list .aircorps_skill_level_slot {
	display: none;
	width: 78px;
}
@media screen and (max-width: 414px) {
	#ship-list .ship-detail,
	#aircorps-list .aircorps-detail {
		float: left !important;
		width: 100%;
	}
}
#ship-list .ship-detail,
#aircorps-list .aircorps-detail {
	width: 164px;
}
#ship-list .ship-detail .ship-detail-title,
#aircorps-list .aircorps-detail .aircorps-detail-title {
	width: 55px;
}
.input-group-addon:last-child {
	border-left: 1px transparent solid;
}
@media screen and (max-width: 414px) {
	.str_field_content {
		overflow: auto;
		width: 335px;
	}
}
.str_field {
	/*min-width: 354px;*/
	width: 497px;
}
.str-row-label {
	width: 180px;
}
.status_label {
	border: #888 1px solid;
	border-bottom: 0;
	padding: 5px;
	background: #222;
	font-weight: bold;
	max-width: 497px;
}
#ship-list .ship-detail .status_table,
#aircorps-list .aircorps-detail .status_table {
	max-width: 497px;
}
#ship-list .fleet td,
#aircorps-list .fleet td {
	background-color: #111;
}
#ship-list .fleet th,
#aircorps-list .fleet th {
	background-color: #262626;
}
#ship-list .fleet th,
#ship-list .fleet td,
#aircorps-list .fleet th,
#aircorps-list .fleet td {
	padding: 4px;
}
#ship-list .fleet .ship-detail .status_table th,
#ship-list .fleet .ship-detail .status_table td,
#aircorps-list .aircorps-detail .status_table th,
#aircorps-list .aircorps-detail .status_table td {
	padding: 2px;
	border: #888 1px solid;
}
#ship-list .fleet .plus,
#aircorps-list .fleet .plus {
	color: #0099ff;
}
#ship-list .fleet .minus ,
#aircorps-list .fleet .minus {
	color: #ff3300;
}
#ship-list .fleet .repair ,
#aircorps-list .fleet .repair {
	color: #fc3;
}
#ship-list .fleet .bonusEquips ,
#aircorps-list .fleet .bonusEquips {
	color: #f80;
}
#ship-list .fleet .effect ,
#aircorps-list .fleet .effect {
	background: transparent;
	color: inherit;
	height: inherit;
}
#aircorps-list .aircorps_row {
	border: 1px solid #888;
	border-bottom: 0;
	padding: 4px 15px 10px 4px;
	margin: 0;
}
#aircorps-list .aircorps_row:last-child {
	border-bottom: 1px solid #888;
}
.aircorps {
	padding: 0;
}
.aircorps .panel-heading {
	padding: 0;
}
#summary-content {
	margin-bottom: 10px;
}
#summary-content .input-group {
	width: 100%;
}
#summary-content .input-group .summary-title {
	width: 100px;
}
#summary-content .input-group .summary-value {
	width: 100px;
}
#summary-content .input-group .summary-value > div {
	margin-right: 5px;
	padding-right: 5px;
}
#action-area {
	padding: 5px;
	width: 285px;
}
#action-area button {
	background: rgb(67, 67, 71);
	color: #ffffff;
	border: silver 1px solid;
	padding: 3px 5px;
	cursor: pointer;
	margin: 0 10px 10px 0;
}
#action-area button:hover {
	background: black;
}
#alert_google_url {
	display: none;
	color: #ffcc33;
}
#short_url {
	width: 196px;
	border: silver 1px solid;
	background: #2d2d2f;
	padding: 3px;
	font-weight: bold;
	color: #ffffff;
}
#calc_tweet {
	display: inline-block;
	vertical-align: middle;
}
#air_sum,
#air_sum_combine,
#scout_sum,
#speed_sum {
	color: #fc3;
	font-size: 16px;
	font-weight: bold;
}
#area-map-content {
}
#area-map-content .zone-label {
	width: 50px;
}
#mapAlert {
	margin-left: 6px;
	font-size: 12px;
	font-weight: bold;
	width: 280px;
	display: none; 
	color: #ff4422;
}
#mapUsage {
	margin-left: 6px;
	font-size: 12px;
	width: 280px;
}
#map-selector {
	max-width: 210px;
}
#area-map {
	margin: 5px;
	/*width: 280px;*/
}
#area-map .area-title {
	background: #222;
	color: #fff;
	padding: 6px;
	text-align: center;
	border: #888 1px solid;
}
#area-map .status-possible {
	color: #0066ff;
}
#area-map .status-impossible {
	color: #f00;
}
#area-map .area-map-image {
	border: #888 1px solid;
	border-top: 0;
	margin: 0 0 5px 0;
	text-align: center;
	padding: 8px 0;
}
#area-map .area-map-image img {
	width: 280px;
}
#area-point {
	display: none;
	border: #888 1px solid;
	background: #2d2d2f;
	padding: 0;
	color: #ffffff;
	margin-bottom: 10px;
}
#area-point-header {
	padding: 3px;
	background: #222;
	overflow: hidden;
}
#area-point-header-title {
	float: left;
	width: 230px;
}
#area-point-close {
	float: right;
	width: 42px;
}
#area-point-close a {
	color: #ffcc33;
	font-size: 12px;
}
#area-point-close a:hover {
	color: #ffffff;
	text-decoration: none;
}
#area-point ul {
	list-style-type: none;
	padding: 0;
	margin-bottom: 0;
}
#area-point ul li {
	padding: 4px;
	border-top: 1px solid #888;
	overflow: hidden;
}
#area-point ul li .area-point-info-title {
	float: left;
	width: 130px;
	padding: 0;
}
#area-point ul li .route {
	float: left;
	width: 100%;
	padding: 0;
}
#area-point ul li .area-point-info-title .area-point-info-title-left {
/*	float: left;
	width: 120px;
*/}
#area-point ul li .area-point-info-title .area-point-info-title-right {
/*	float: right;
	width: 150px;
	text-align: right;
*/}
#area-point ul li .area-point-info-title .area-point-info-route-title {
	float: left;
	width: 50px;
}
#area-point ul li .area-point-info-title .area-point-info-route-value {
	float: right;
	width: 220px;
}
#area-point ul li .area-point-info-value {
	float: left;
	width: 155px;
}
#area-point ul li .area-point-info-value ul {
	overflow: hidden;
}
#area-point ul li .area-point-info-value ul li {
	border-radius: 0;
	background-color: #1b1b1c;
	border: gray 1px solid;
	/*width: 86px;*/
	width: 150px;
	float: left;
	color: #c8c8c8;
	margin-left: 2px;
}
#area-point ul li .area-point-info-value ul li.elite {
	color: #ff8888;
}
#area-point ul li .area-point-info-value ul li.flagship {
	color: #dfb700;
}
#area-point ul li .area-point-info-value ul li.flagship2 {
	color: #00bfff;
}
#area-point ul li .area-point-info-value ul li.submarine {
	background-color: #1b1b4b;
}
#area-point ul li .area-point-info-value ul li.boss {
	color: #aaaaff;
	font-weight: bold;
}
#area-AA {
	border: #888 1px solid;
	background: #2d2d2f;
	padding: 0;
	color: #ffffff;
	margin-bottom: 10px;
	width: 297px;
}
#area-AA-header {
	padding: 3px;
	background: #222;
	overflow: hidden;
}
#area-AA-header-title {
	float: left;
	width: 230px;
}
#area-AA ul {
	list-style-type: none;
	padding: 0;
	margin-bottom: 0;
}
#area-AA ul li {
	padding: 4px;
	border-top: 1px solid #888;
	overflow: hidden;
    background: #111;
}
#area-AA ul li .area-AA-info {
	float: left;
	min-width: 135px;
}
#area-AA ul li .area-AA-info-title {
	float: left;
	width: 150px;
}
#area-AA ul li .area-AA-info-value {
	float: right;
	width: 120px
}
#area-AA ul li .area-AA-info-corps-title {
	width: 42px;
	display: inline-block;
}
.aa_status-ensure {
	color: #3388ff;
}
.aa_status-dominance {
	color: #00ff66;
}
.aa_status-equilibrium {
	color: #ccc;
}
.aa_status-backfoot {
	color: #ff0;
}
.aa_status-lost {
	color: #f00;
}
#url-history-content {
}
#url-history-content > .panel-heading {
	padding: 6px;
}
#url-history-content li {
	width: 278px;
	border-color: #888;
	border-radius: 0;
	padding: 10px 3px 10px 10px;
}
#url-history-content li .badge {
	background: none;
}
#url-history-content ul li a {
	color: #fc3;
	word-break: break-word;
	cursor: pointer;
}
#url-history-content .panel-title {
	overflow: hidden;
}
#url-history-content .panel-title > h3 {
	float: left;
}
#url-history-content .panel-title > div {
	float: right;
	margin-left: 8px;
}
#url-history-content .panel-title > div span {
	margin-right: 1px;
}
#url-history-content .panel-title > div label {
	font-weight: normal;
	color: #fc3;
	cursor: pointer;
	margin: 0;
}
#url-history-content .panel-title > div label:hover {
	text-decoration: underline;
}
#history-export {
	color: #fc3;
	cursor: pointer;
}

#footer-content {
	margin: 20px 5px 0 0;
	padding: 0;
}

#share_formation_content {
	padding: 10px;
	margin-top: 20px;
}
@media screen and (max-width: 414px) {
	#share_formation_content {
		padding: 0;
		border: 0;
	}
}

#sharefleet {
	overflow: hidden;
}
#sharefleet ul.list-group {
	margin-bottom: 10px;
}

#sharefleet > div {
	width: 210px;
	float: left;
	margin: 4px;
}

@media screen and (max-width: 414px) {
	#sharefleet > div {
		width: calc(100% - 8px)
	}
}

#sharefleet ul {
	overflow: hidden;
}
#sharefleet ul li {
	background-color: #111;
	border: #888 1px solid;
}
#sharefleet ul li.active {
	background-color: #375a7f;
}
#sharefleet .share-formation {
	height: 75px;
}
#sharefleet .share-formation  a {
	color: #fc3;
}

#ad-content {
	margin-bottom: 20px;
	margin-left: -16px;
	width: calc(100% + 36px);
}
#ad-content a {
	color: #ffcc33;
	font-size: 12px;
}
#ad-content a:hover {
	color: #ffffff;
	text-decoration: none;
}
#ad-content > div:last-child {
	margin-right: 0;
}
#ad-content > div > p {
	margin: 0;
}
#ad-content .kar_wraper {
	overflow-x: auto;
}
#ad-content .kar_wraper > div {
	width: 1156px;
	float: left;
}
#ad-content .kalu_wraper {
	display: inline-block;
}
#history {
}
#history dl {
}
#history dl dd {
}
#history dl dd ul {
}
#history dl dd ul li {
}

.area_map_point {
	cursor: pointer;
}