body{font-family: 微软雅黑,"microsoft yahei","\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", sans-serif;} #Map{width: 100%; height:100%; position: absolute; top:0px; left: 0px;} #bkoverlay{width: 100%; height:100%; position: absolute; top:0px; left: 0px; background-image:url(images/gif.gif); opacity: 0.05; pointer-events:none;display: none;} #coloroverlay{width: 100%; height:100%; position: absolute; top:0px; left: 0px;} .markerlay{position: absolute; top:0px; left: 0px;width:100%; height: 100%; background-color: #fff} .locationMarker{position: absolute; top:0px; left: 0px} .subMarker{position: absolute; top:8.5px; left: 9.5px;background-image: url(images/subMarker.png); width:42px; height:42px;display: none} .markerContainer{width: 57px; height: 59px; position: absolute; top:0px; left: 0px;} #leftbar{width: 130px; height: 100%; position: absolute; top:0px; left: 0px; background-color: #343434} .classBar{width: 100%; height: 70px; position: relative; float: left; border-bottom-style: solid; border-bottom-color: #2a2b2c; border-bottom-width: thin; cursor: pointer;} .classBar:hover{background-color: #666666} #logo{position: relative; float: left; padding-top: 20px; padding-bottom: 50px; opacity: 0} #reset{width: 100%; height: 70px; position: relative; float: left;color: #ccc; font-size: 14px; text-align: center; cursor: pointer; border-bottom-style: solid; border-bottom-color: #2a2b2c; border-bottom-width: thin;} #reset:hover{background-color: #666666} #reset:after{display:inline-block; width:0; height:100%; vertical-align:middle; content:'';} #tooltip{width: 150px; height: 200px; position: absolute; top:0px; left: 0px; background-color:rgba(52,52,52,0.9); border-radius: 5px; box-shadow: 0px 2px 5px #363636; color: white; display: none;} #guiltClass{width:110px; height:40px; position: relative; float: left; font-size: 17px; font-weight: bold; padding-left:20px; padding-right:20px;border-bottom-style: solid; border-bottom-color: #2a2b2c; border-bottom-width: thin} #guiltClass:after{display:inline-block; width:0; height:100%; vertical-align:middle; content:'';} .guiltPeople{width:110px; height:30px; position: relative; float: left; font-size: 14px; padding-left:20px; padding-right:20px; cursor: pointer;} .guiltPeople:after{display:inline-block; width:0; height:100%; vertical-align:middle; content:'';} #delete{position: absolute; top:5px; right:5px;} .guiltPeople:hover{background-color:#666666;} .individuallay{position: absolute; top:0px; left: 0px;width:100%; height: 100%;display: none} .personalMarker{position: absolute; top:0px; left: 0px; height:35px; background-color:rgba(52,52,52,0.9); border-radius: 3px; border-style: solid; border-color: #2a2b2c; border-width:1px; box-shadow: 0px 1px 3px #999999;}/*rgba(105,35,36,0.9)*/ .tri{position: absolute;bottom:-11px; left: 50%; margin-left:-7px} .pmarkerImg{width: 35px; height: 35px; position: relative; float: left;} #personalbar{width: 150px; height: 100%; position: absolute; top:0px; left:0px; background-color: #343434; display: none} #photo{position: absolute; top:30px; left:25px} #namae{width:80%; height: 30px; position: absolute; top:180px; left: 10%; color: #fff; font-size: 20px; text-align: center; font-weight: bold;} #rome{width:80%; height: 30px; position: absolute; top:210px; left: 10%; color: #e6e6e6; font-size:16px; text-align: center;} #history{width:80%; height:auto; position: absolute; top:260px; left: 10%; color:#e6e6e6; font-size:11px; text-align:left; line-height:2; padding-top: 10px; border-top-style: solid; border-top-color: #999; border-top-width: thin; text-indent: 20px} .ui-icon-white { background-image: url("images/ui-icons_ffffff_256x240.png");} #back{width: 80%; height: 30px; position: absolute; top:550px; left: 10%; color: #ccc; font-size: 12px; text-align: center; cursor: pointer;} #back:hover{background-color: #4D4D4D; color: #fff;} #back:after{display:inline-block; width:0; height:100%; vertical-align:middle; content:'';} #arrowIcon{position: absolute; top:5px; left:7px} #sum{width: 80%; height:auto; position: absolute;top:550px; left: 10%; font-size: 14px; color: #ccc; display: none; text-align: center; padding-top:10px;border-top-style: solid; border-top-color: #999; border-top-width: thin} .largeFigure{font-size: 22px; color: #af392b;width: 100%} #localDataMissing{width: 300px; height: 150px; background-color: rgba(255,255,255,0.9); position: absolute; bottom: 80px; right: 20px; border-radius:2px; display: none;} #localDataMissing:hover{background-color: rgba(102,102,102,0.7); color: #fff} #localDataMissing_title{width: 80%; height: 50px; position:relative; top:0px; left: 10%; font-size: 16px; font-weight: bold; border-bottom-style: solid; border-bottom-color: #4D4D4D; border-bottom-width: thin; text-align: center;} #localDataMissing_title:after{display:inline-block; width:0; height:100%; vertical-align:middle; content:'';} .missinglocal{width: 80%; height: 70px; position:absolute; top:0px; left: 10%; font-size: 11px;} .missingText{width:100%; height:100%; position: absolute; top:0px; right: 0px; padding-left: 10px; padding-right: 10px; overflow-y:auto; text-indent: 20px} .personalGuilt{width:90%; height:150px; position: absolute; top:50px; left:5%; font-size: 12px; color: #FFF; overflow-y:auto;} #persontip{width: 400px; height: 270px; position: absolute; top:0px; left: 200px; background-color: #fff; border-style: solid; border-width:1px; border-color: rgba(13,35,76,0.5);box-shadow: 0px 2px 5px rgba(13,35,76,0.3); display: none;} #delete2{position: absolute; top:5px; right:5px;} #personguilt{width: 80%; height: 30px; position: absolute; top:30px; left: 10%; color:#343434; text-align:left; font-size:21px; font-weight: bold; border-bottom-style: solid; border-bottom-width:1px; border-bottom-color:#343434; } #personName{width: 100px; height:30px; position: absolute; top:0px; left:40px; color:#999999; font-size: 12px} #personName:after{display:inline-block; width:0; height:100%; vertical-align:middle; content:'';} #guiltText{width: 80%; height: 180px; position: absolute; top:70px; left: 10%; font-size: 11px; text-indent: 20px; color: #808080; overflow-x:auto; } #guiltText p{text-indent: 20px} .multiColumn{-webkit-column-count:2; -webkit-column-gap:10px; -moz-column-count:2; -moz-column-gap:10px;} .addBorder{border-left-style: solid; border-left-width: thin; border-left-color: #fff} /*op*/ #colorLayer{width: 100%; height:100%; position: absolute; top:0px; left: 0px; background-color: #000;} #logobk{width: 300px; height: 300px; position: absolute; top:50%; margin-top: -150px; left: 50%; margin-left: -150px; background-color:rgba(73,79,86,0.2); border-radius: 1000px} #intro{width: 600px; height:50px; position: absolute; top:50%; margin-top:150px; left: 50%; margin-left: -300px; font-size: 14px; color: #808080; line-height:1.8; text-indent: 20px} .bLogoInitial{position: absolute; top:50%; margin-top:-100px; left: 50%; margin-left: -109px; cursor: pointer;} #copyright{width: 700px; height: 20px; position: absolute; right: 0px; bottom: 0px; font-size: 13px; text-align: center; background-color: #FFF} #myContent{width: 100%; height: 50px; position: absolute; top:0px; left: 0px; text-align: center; font-family: KaiTi; background-image: url(images/headShadow.png); background-size: 100% 100%; padding-top: 8px; font-size: 24px; font-weight: bold; color: #56130d;-webkit-stroke-width:1px; text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;} #showText:after{display:inline-block; width:0; height:100%; vertical-align:middle; content:'';} #blink{color: #ececec;-webkit-stroke-width:0px; text-shadow: 0 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff;}