@charset "utf-8";
/*框架预览 CSS*/
.mkeBody{ background:#121212;}
.mkeHeadBox{ padding: 30px 10px; text-overflow: ellipsis; white-space: nowrap; margin: 0; color: #fff; text-align: center; overflow: hidden; border-bottom: 3px solid #666; box-shadow: inset 0 -2px 3px #000000; letter-spacing: 1px; font: 26px/26px "微软雅黑"; }
.mkeFooterBox{ padding: 25px 10px; text-overflow: ellipsis; margin: 0; color: #fff; font-size: 14px; line-height: 24px; text-align: center; overflow: hidden; border-top: 3px solid #666; box-shadow: inset 0 2px 3px #000000; }
.mkeContentBox{ background:#fff; padding:50px 0 50px 0}
.mkeContentBox:after{height:0; clear:both;}
.mkeFooterBox p,.mkeFooterBox div{padding:0; margin:0; line-height:26px; font-size:14px;}
.mkeFooterBox a{color:#fff; white-space:nowrap}
.mkeButton{background:#F36; display:inline-block; text-decoration:none; width:102px; border-radius:0.3em; transition:all 0.3s ease}
.mkeButton:hover{ background: #FF1550; }
.mkeURL{font-size:24px;}
.mkeFooterBox .mKeBannerAD{ width: 728px; height: 90px; margin: 18px auto 0; }
.mkeFooterBox .mSmallKeBannerAD{display:none;}
@media only screen and (max-width:900px){
.mkeButton {display:block; margin:8px auto 0;}
}
@media only screen and (max-width:767px){
.mkeHeadBox{font-size:18px; padding:15px 10px;}
.mkeFooterBox p,.mkeFooterBox div{ line-height:24px; font-size:12px;}
.mkeURL{font-size:22px;}
.mkeFooterBox .mKeBannerAD{display:none;}
.mkeFooterBox .mSmallKeBannerAD{width:300px; height:250px; margin:18px auto 0; display:block;}
}
/*End*/

/*主要CSS*/

#pageContent {
	width: 100%;
	height: 840px;
	overflow: hidden;
	position:relative;
	margin:0px auto;
}
#imgContainer {
	width: 100%;
	height: 840px;
}
#positionButtonDiv {
	background: rgb(58, 56, 63);
	background: rgba(58, 56, 63, 0.8);
	border: solid 1px #100000;
	color: #FFFFFF;
	padding: 8px;
	text-align: left;
	position: absolute;
	right:35px;
	top:35px;
}
#positionButtonDiv .positionButtonSpan img {
	float: right;
	border: 0;
}
.positionMapClass area {
	cursor: pointer;
}
.zoomButton {
	border: 0;
	cursor: pointer;
}
.zoomableContainer {
	background-image: url("../assets/transparent.png");
}


@media only screen and (max-width: 1441px){
   #pageContent {
	height: 820px;
}
#imgContainer {
	height: 820px;
}
}

@media only screen and (max-width: 1366px){

   #pageContent {
	height: 700px;
}
#imgContainer {
	height: 700px;
}
}
@media only screen and (max-width: 992px){}
@media only screen and (max-width: 760px){

   #pageContent {
	height: 226px;
}
#imgContainer {
	height: 226px;
}	
}