@charset "utf-8";

/* Public Start ==>> */
html, body{height:100%;background-color:#efefef}
ul, ol{list-style:none}
em{font-style:normal}
a{color:#333}
a:active{text-decoration:none;hide-focus: expression(this.hideFocus=true)}
a:hover{text-decoration:none}
a:link{text-decoration:none;}
a:visited{text-decoration:none}
a:focus {outline:none;-moz-outline:none}
select{text-align:center}
option{padding:5px 0;text-align:center}
/* .form-inline .form-group{display: inline-block;margin-bottom: 0px;vertical-align: middle} */
@media (max-width:768px){
	.dl-horizontal dt{float:left;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}
}

.wrap{margin:0px auto;padding:0;min-height:100%}
footer{margin-top:-45px}
.box_shadow{box-shadow:3px 3px 9px #999;background:#FFF}
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>btn blue */
.btn_blue1,.btn-blue1{color:#FFF;background-color:#1E90FF;border-color:#1E90FF}
.btn_blue1.active,.btn_blue1.focus,.btn_blue1:active,.btn_blue1:focus,.btn_blue1:hover,.open > .dropdown-toggle.btn_blue1,
.btn-blue1.active,.btn-blue1.focus,.btn-blue1:active,.btn-blue1:focus,.btn-blue1:hover,.open > .dropdown-toggle.btn-blue1{color:#FFF;background-color:#1E90FF;border-color:#1E90FF}
.btn_blue2,.btn-09c{color:#FFF;background-color:#09C;border-color:#09C}
.btn_blue2.active,.btn_blue2.focus,.btn_blue2:active,.btn_blue2:focus,.btn_blue2:hover,.open > .dropdown-toggle.btn_blue2,
.btn-09c.active,.btn-09c.focus,.btn-09c:active,.btn-09c:focus,.btn-09c:hover,.open > .dropdown-toggle.btn-09c{color:#FFF;background-color:#09C;border-color:#09C}
.btn_blue3,.btn-06c{color:#FFF;background-color:#06C;border-color:#06C}
.btn_blue3.active,.btn_blue3.focus,.btn_blue3:active,.btn_blue3:focus,.btn_blue3:hover,.open > .dropdown-toggle.btn_blue3,
.btn-06c.active,.btn-06c.focus,.btn-06c:active,.btn-06c:focus,.btn-06c:hover,.open > .dropdown-toggle.btn-06c{color:#FFF;background-color:#06C;border-color:#06C}
.btn_blue4,.btn-00c{color:#FFF;background-color:#00C;border-color:#00C}
.btn_blue4.active,.btn_blue4.focus,.btn_blue4:active,.btn_blue4:focus,.btn_blue4:hover,.open > .dropdown-toggle.btn_blue4,
.btn-00c.active,.btn-00c.focus,.btn-00c:active,.btn-00c:focus,.btn-00c:hover,.open > .dropdown-toggle.btn-00c{color:#FFF;background-color:#00C;border-color:#00C}
.btn_blue5,.btn-09f{color:#FFF;background-color:#09F;border-color:#09F}
.btn_blue5.active,.btn_blue5.focus,.btn_blue5:active,.btn_blue5:focus,.btn_blue5:hover,.open > .dropdown-toggle.btn_blue5,
.btn-09f.active,.btn-09f.focus,.btn-09f:active,.btn-09f:focus,.btn-09f:hover,.open > .dropdown-toggle.btn-09f{color:#FFF;background-color:#09F;border-color:#09F}
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>btn yellow */
.btn_yellow1,.btn-f90{color:#FFF;background-color:#F90;border-color:#F90}
.btn_yellow1.active,.btn_yellow1.focus,.btn_yellow1:active,.btn_yellow1:focus,.btn_yellow1:hover,.open > .dropdown-toggle.btn_yellow1,
.btn-f90.active,.btn-f90.focus,.btn-f90:active,.btn-f90:focus,.btn-f90:hover,.open > .dropdown-toggle.btn-f90{color:#FFF;background-color:#F90;border-color:#F90}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>panel blue */
/* 1e90ff */
.panel-blue1 {
  border-color: #1e90ff;
}
.panel-blue1 > .panel-heading {
  color: #fff;
  background-color: #1e90ff;
  border-color: #1e90ff;
}
.panel-blue1 > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #1e90ff;
}
.panel-blue1 > .panel-heading .badge {
  color: #d9edf7;
  background-color: #1e90ff;
}
.panel-blue1 > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #1e90ff;
}

/* Text Color */
.c_1e90ff{color:#1e90ff}
.c_f90{color:#F90}
.c_09f{color:#09F}
.c_08f{color:#0080FF}
.c_333{color:#333}
.c_444{color:#444}
.c_555{color:#555}
.c_666{color:#666}
.c_777{color:#777}
.c_888{color:#888}
.c_bbb{color:#BBB}

/* back */
.b_blue1{background-color:#459DF5}

/* <<== Public End */

/* right */
/*html,body{padding:0;margin:0;min-height:100%}
.main{overflow:hidden}*/
.container{width:100%}
.main{position:relative}
.shipfr{position:absolute;right:0;top:0;z-index:2;width:449px;max-width:449px;margin-right:20px}
.allmap{height:100%;min-height:100%;/* overflow:visible!important */}
#ship div,
#info div{border-radius:0}
#name_none{margin-bottom:0}
#ship_n{line-height:28px;padding-top:5px;padding-bottom:0}

.shipone{position:relative;padding:0 5px;cursor:pointer}
.shipone:hover,
.shipone.active{background-color:#eee}
.shipname{}
.shipmmsi{position:absolute;top:0;right:10px;font-weight:bold}
/* #info .panel-body li{position:relative}
#info .panel-body b{width:60px;display:block;text-align:right}
#info .panel-body span{position:absolute;left:80px;top:0} */
.real{position:absolute;left:80px;top:0}
#ship{max-width:370px}
.shipfr form{margin-bottom:0}
#ship .panel-heading{position:relative;background-color:#65CDF3;border-color:#65CDF3}
#ship .panel-heading div{position:absolute;top:2px;right:10px;width:34px;height:34px;overflow:hidden;cursor:pointer}
#ship .panel-heading span{display:block;}
#hide span{margin-top:-12px;margin-left:5px;font-size:40px}
#show{display:none}
#show span{margin-top:-12px;margin-left:5px;font-size:40px}
#ship .panel-blue1{border-color:#65CDF3}
#name{height:40px}
#submit{padding-top:9px;padding-bottom:9px}
.copyright{position: absolute;right: 50px;bottom: 100px;text-align: center;}

/* main */
@media (max-width:991px){
	.shipfr{/* position:relative; */float:none!important;width:750px;max-width:992px;margin-left: -375px;margin-right:auto;left: 50%;}
	#ship{width:671px;max-width:992px}
	.real{position:relative;margin-bottom:-20px;z-index: 2}
}
@media (max-width:767px){
	.shipfr{width:620px;margin-left: -310px;}
	#ship{width:541px}
}

@media (max-width:639px){
	.shipfr{width:520px;margin-left: -260px;}
	#ship{width:441px}
}

@media (max-width:539px){
	.shipfr{width:460px;margin-left: -230px;}
	#ship{width:381px}
}

@media (max-width:479px){
	.shipfr{width:340px;margin-left: -170px;}
	#ship{width:100%}
}

@media (max-width:359px){
	.shipfr,
	#ship{width:auto;}
	.shipfr{margin-left:auto;left:0}
	.shipmmsi{position: relative;right:auto;left:24px;display:block;}
	#ship .panel-heading{padding-right:40px}
}

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