html{
	height:100%;
}
body{
	height:100%;
	width:100%;
	margin:0;
}
.home-map{
	min-width:1280px !important;
	max-width:1440px !important;
	margin:auto;
}
.top-board{
	height:150px;
	background:blue;
	min-width:1280px !important;
	max-width:1440px !important;
	margin:auto;
}
.main-board{
	min-height:800px;
	background-image:url(/art/centermap.png);
	background-repeat:no-repeat;
	position:relative;
}
.map-island{
	min-height:800px;
	background-image:url(/art/island.png);
	background-repeat:no-repeat;
	position:relative;
}
.first-place{
	position:absolute;
	top:250px;
	left:720px;
}
.castle-place{
	position:absolute;
	top:300px;
	left:630px;
}
.second-place{
	position:absolute;
	top:350px;
	left:800px;
}
.third-place{
	position:absolute;
	top:450px;
	left:720px;
}
.fourth-place{
	position:absolute;
	top:290px;
	left:550px;
}
.fifth-place{
	position:absolute;
	top:430px;
	left:550px;
}
.sixth-place{
	position:absolute;
	top:550px;
	left:1020px;
}
.seventh-place{
	position:absolute;
	top:250px;
	left:980px;
}
.eighth-place{
	position:absolute;
	top:600px;
	left:380px;
}
.ninth-place{
	position:absolute;
	top:280px;
	left:390px;
}
.tenth-place{
	position:absolute;
	top:130px;
	left:650px;
}
.eleventh-place{
	position:absolute;
	top:90px;
	left:480px;
}
.groundHover:hover{
	opacity:0.9;
	cursor:pointer;
}
.port-place{
	position:absolute;
	top:620px;
	left:550px;
}
#buildingModal{
	padding-top:100px;
}
#buildingModal .modal-dialog{
	max-width:800px !important;
}
.modal-backdrop{
	width:100% !important;
}
.relative{
	position:relative;
}
.absoMiddle{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
}
.buildDesc{
	word-wrap:break-word;
}
.btnBuild{
	height:50px;
	width:150px;
}
.top-menu{
	width:100%;
	height:50px;
	background:blue;
}
.main-content{
	width:100%;
	height:100%;
}
.full-top{
	width:100%;
	height:100vh;
	position:relative;
	background:grey;
}
.middle-login{
	position:absolute;
	width:600px;
	height:400px;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	background:#fff;
}
.con-option{
	height:100%;
	width:100%;
}
.middle-button{
	position:absolute;
	width:80%;
	height:280px;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
}
.middle-button button{
	width:100%;
	height:60px;
	margin-top:50px;
}
.lForm{
	display:none;
	height:100%;
	position:relative;
}
.rForm{
	display:none;
	height:100%;
	position:relative;
}
.bottomLeft{
	position:absolute;
	bottom:0;
	left:0;
}
.middleForm{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	height:300px;
	width:90%;
}
.middleForm input{
	margin-top:20px;
}
.middleForm button{
	margin-top:20px;
	width:100%;
}
.middleFormR input{
	margin-top:20px;
}
.middleFormR button{
	margin-top:20px;
	width:100%;
}
.middleFormR{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	height:300px;
	width:90%;
}
.tError{
	color:red !important;
}
.play-option{
	display:none;
}
.buildingModalheader{
	cursor:move;
}
.upgradeModalheader{
	cursor:move;
}
.customModal{
	position:absolute;
	top:100px;
	left:800px;
	right:auto;
	z-index:500;
}
.cupgradeModalheader{
	cursor:move;
	min-height:60px;
}
.cmodal-content{
	position:absolute;
	background:#fff;
	top:150px;
	width:700px !important;
	z-index:100;
}
.inline-block{
	display:inline-block !important;
}
.customModal{
	display:none;
}
.customModal .col-md-3{
	min-height:64px;
}
.customModal .col-md-6{
	min-height:64px;
}
.absolute{
	position:absolute !important;
}
@media (max-width:768px){
	.buildDesc{
		text-align:center;
	}
}