body.indexbg{ background-color:#77617a;}
.logo{ position:absolute; left:35px; top:35px; z-index:999;}
.logo img{ height:40px;}
.banner{}
.banner img{ width:100%;}
#pageContent {width: 100%;overflow: hidden;position:relative; margin:0 auto;}
#imgContainer {width:100%; height:100%;}
#positionButtonDiv { position: absolute; right:35px; top:35px; /*padding: 8px; background: rgba(58, 56, 63, 0.65); border: solid 1px #100000;*/ color: #fff; text-align: left;}
#positionButtonDiv .positionButtonSpan img { float: right; border: 0;}
.positionMapClass area{cursor: pointer;}
.zoomButton, .homeButton{ margin-left:6px; border: 0; cursor: pointer; border-radius:50%; overflow:hidden;}
.zoomableContainer{ background-color:#999;}
.itemList{ position:absolute; left:0; right:0; bottom:0; padding:10px; text-align:center; background:rgba(0, 0, 0, 0.55);}
.itemList ul{ display:block; white-space:nowrap; overflow-x:auto;}
.itemList li{ display:inline-block; margin-right:10px;}
.itemList li a{ display:block; width:120px; position:relative; padding:5px; background-color:#FFF; font-size:12px;}
.itemList li a:hover{ background-color:#F63;}
.itemList li a.on{ background-color:#F63;}
.itemList li a.on:before{ content:''; position:absolute; width:12px; height:12px; left:50%; margin-left:-6px; top:-5px; background-color:#F63; z-index:999; transform:rotate(45deg);}
.itemList li p{ position:absolute; left:0; right:0; bottom:0; padding:6px 3px; line-height:1.1; background:rgba(192, 96, 55, 0.75); color:#FFF; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
/*تض»ْ**/
@media (max-width: 800px){
.logo{ position:absolute; left:15px; top:15px; z-index:999;}
.logo img{ height:25px;}
#positionButtonDiv { right:15px; top:15px;}
}