html, body { background: url(../../images/atlas/bg.png); overflow: hidden; } .singleAtlas #atlasCategory, .compareAtlas #atlasCategory { display: none; } .singleAtlas #mapHolder { left: 0px; } .compareAtlas #atlasList { display: none; } .compareAtlas #mapHolder { left: 0px; bottom: 0px; } .atlasBook #atlasList { display: none; } .atlasBook #mapHolder, .atlasBook #atlasCategory { bottom: 0px; border-bottom: none; } #footer { left: auto; right: 20px; } #searchBar { padding: 5px 0px; height: 25px; overflow: hidden; position: relative; } #searchBar .input { border: none; width: 99px; height: 20px; float: left; padding-left: 10px; color: #fff; background: url(../../images/atlas/bg-search-input.png) repeat; } #cleanSearch { position: absolute; left: 99px; top: 13px; font-family: tahoma; font-size: 18px; display: block; width: 20px; height: 25px; text-align: center; line-height: 20px; color: #999; cursor: pointer; display: none; background: url(../../images/atlas/abtn-close.png) no-repeat; overflow: hidden; text-indent: -99999px; } #searchBar .button { background: #000; border: none; padding: 6px 5px; color: #FFF; width: 38px; height: 30px; cursor: pointer; background: url(../../images/atlas/bg-search.png) no-repeat center center; } #atlasCategory { position: absolute; left: 0px; top: 62px; bottom: 100px; background: url(../../images/atlas/bg-panel.png); border-right: 1px solid #42BBE8; border-bottom: 1px solid #42BBE8; width: 176px; z-index: 999; } #atlasCategory .panel { margin: 10px 0 0 8px; } #atlasCategory .panel .header { background: url(../../images/atlas/bg-lp-header.png) no-repeat; width: 160px; height: 32px; padding: 0px; } #atlasCategory .panel .header h4 { background: none; padding: 7px 0 0 42px; font-weight: normal; } #atlasCategory .body { position: relative; margin: 10px 0 10px 0; background: url(../../images/atlas/bg-lp-body.png); width: 160px; } #atlasCategory .body .bg-top { background: url(../../images/atlas/bg-lp-body-top.png) no-repeat; width: 160px; height: 6px; position: absolute; top: -5px; left: 0px; } #atlasCategory .body .bg-bottom { background: url(../../images/atlas/bg-lp-body-bottom.png) no-repeat; width: 160px; height: 6px; position: absolute; bottom: -6px; left: 1px; } #atlasCategory dl dt { padding: 4px 10px; position: relative; z-index: 100; cursor: pointer; font-size: 14px; color:#ffcc33; background:url(../../images/atlas/bg-lp-body-line.png) no-repeat left bottom; } #atlasCategory dl dt.selected {} #atlasCategory dl dd { position: relative; z-index: 90; display: none; height: auto; margin:0px; } #atlasCategory dl dd ul { display: block; position: relative; margin: 0px; } #atlasCategory dl dd li { overflow: hidden; position: relative; padding:0 0 1px 0; background:url(../../images/atlas/bg-lp-body-line.png) no-repeat left bottom; } #atlasCategory dl dd li a { display: block; font-size: 14px; padding: 6px 15px 6px 15px; line-height: 18px; text-decoration: none; position: relative; color: #FEFEFE; } #atlasCategory dl dd li a:hover { } #atlasCategory dl dd li a.selected, #atlasCategory dl dd li a.selected:hover { background: url(../../images/atlas/bg-lp-body-li-seleced.png) repeat-y left top; } #atlasCategoryList dl { margin:0px; } .abtn-min-atlas-category { display:block; width:8px; height:19px; overflow:hidden; position:absolute; right:0px; top:40%; background:url(../../images/atlas/abtn-pc-left.png) no-repeat; } .abtn-min-atlas-category.min { width:67px; height:57px; right:-67px; background:url(../../images/atlas/abtn-p-left.png) no-repeat; } #atlasInfo { position: absolute; right: 0px; top: 62px; bottom: 0px; width: 280px; background: url(../../images/atlas/bg-panel.png); border-left: 1px solid #42BBE8; z-index:555; } #atlasInfo .info-list { overflow:hidden; overflow-y:auto; height:100%; } #atlasInfo .panel { margin: 10px 0 0 10px; } #atlasInfo .header { background: url(../../images/atlas/bg-rp-header.png) no-repeat; width: 262px; height: 32px; padding: 0px; position:relative; } #atlasInfo .header h4 { background: none; padding: 7px 0 0 42px; font-weight: normal; } #atlasInfoDetail .moreinfo { text-align:center; } #atlasInfoDetail .moreinfo a { color:#fff; } #atlasInfoDetailAll { left:50%; right:auto; width:600px; margin-left: -300px; margin-top: -240px; background: url(../../images/atlas/bg.png); border:10px solid #fff; display:none; } #atlasInfoDetailAll .header { background: url(../../images/layout/bg_tab_wrap.png) center bottom; cursor:default; } #atlasInfoDetailAll .contentWrap { height:400px; overflow:hidden; overflow-y:auto; color:#fff; padding:20px 0; } #atlasInfoDetailAll .content p{ padding:0px 20px; margin:0px; } #atlasInfoDetailAll .abtn-close { color:#fff; position:absolute; right:10px; top:10px; } #atlasInfo .header .abtn-up, #atlasInfo .header .abtn-dwon { display:block; width:16px; height:16px; position:absolute; right:15px; top:7px; } #atlasInfo .header .abtn-up { background:url(../../images/atlas/abtn-up.png) no-repeat; } #atlasInfo .header .abtn-down { background:url(../../images/atlas/abtn-down.png) no-repeat; } #atlasInfo .body { position: relative; margin: 10px 0 10px 0; background: url(../../images/atlas/bg-rp-body.png); width: 262px; } #atlasInfo .body .bg-top { background: url(../../images/atlas/bg-rp-body-top.png) no-repeat; width: 262px; height: 6px; position: absolute; top: -6px; left: 0px; } #atlasInfo .body .bg-bottom { background: url(../../images/atlas/bg-rp-body-bottom.png) no-repeat; width: 262px; height: 6px; position: absolute; bottom: -6px; left: 0px; } #atlasInfoDetail .header h4 { background: url(../../images/atlas/icon-1.png) no-repeat 14px 7px; } #atlasInfoDetail .content h3 { color: #fff; padding: 0 0 6px 0; background: url(../../images/atlas/bg-rp-body-bottom.png) no-repeat center bottom; margin-bottom: 10px; } #atlasInfoIntro .header h4 { background: url(../../images/atlas/icon-2.png) no-repeat 14px 7px; } #atlasInfoLegend .header h4 { background: url(../../images/atlas/icon-3.png) no-repeat 14px 7px; } #atlasInfoIntro .content img, #atlasInfoLegend .content img { max-width: 220px; cursor:pointer; } #atlasInfoDetail .body .content, #atlasInfoIntro .body .content, #atlasInfoLegend .body .content { margin: 10px 20px; text-align:center; } #atlasInfoDetail .body .content p, #atlasInfoIntro .body .content p { padding: 0px; margin: 0px; color: #fff; line-height: 1.5; text-align:left; } .abtn-min-atlas-info { display:block; width:8px; height:19px; overflow:hidden; position:absolute; left:0px; top:40%; background:url(../../images/atlas/abtn-pc-right.png) no-repeat; } .abtn-min-atlas-info.min { width:67px; height:57px; left:-67px; background:url(../../images/atlas/abtn-p-right.png) no-repeat; } #atlasList { position:absolute; left:0px; right:281px; bottom:0px; height:90px; z-index: 999; background:url(../../images/atlas/bg-bp-body-c.png) no-repeat center top; } #atlasList .panel { height:90px; background:url(../../images/atlas/bg-bp-body-r.png) no-repeat right top; } #atlasList .body { height:90px; background:url(../../images/atlas/bg-bp-body-l.png) no-repeat left top; } #atlasList .panel .content { margin:5px 33px 0 33px; overflow:hidden; } #atlasList .panel .content ul { margin:0px; } #atlasList .panel .content ul li { width:114px; height:80px; float:left; margin-right: 10px; overflow:hidden; position:relative; cursor:pointer; } #atlasList .panel .content ul li img { width:100px; margin: 8px 0 0 7px; } #atlasList .panel .content ul li i { display:block; position:absolute; left:0px; top:0px; width:114px; height:80px; background:url(../../images/atlas/cover-atlas.png); } #atlasList .panel .content ul .li-select .name, #atlasList .panel .content ul li:hover .name { position: absolute; bottom: 2px; left: 0px; right: 0px; text-align: center; color: #000; font-size:12px; z-index:5; line-height:1.2 } #atlasList .panel .content ul .li-select i { background:url(../../images/atlas/cover-atlas-hover.png); } #atlasList .abtn-prev-page { width:22px; height:80px; display:block; left:4px; top:5px; position:absolute; background:url(../../images/atlas/abtn-left.png) no-repeat; } #atlasList .abtn-prev-page:hover { background:url(../../images/atlas/abtn-left-hover.png) no-repeat; } #atlasList .abtn-next-page { width:22px; height:80px; display:block; right: 4px; top: 5px; position:absolute; background:url(../../images/atlas/abtn-right.png) no-repeat; } #atlasList .abtn-next-page:hover { background:url(../../images/atlas/abtn-right-hover.png) no-repeat; } .abtn-min-atlas-list { display:block; width:19px; height:8px; overflow:hidden; position:absolute; left: 7px; top: -8px; background:url(../../images/atlas/abtn-pc-down.png) no-repeat; } .abtn-min-atlas-list.min { top:-8px; background:url(../../images/atlas/abtn-pc-up.png) no-repeat; } #viewTools { display:none; } #mapHolder { position: absolute; right: 290px; left: 186px; top: 62px; bottom: 100px; background: #f2efe9 url(../../images/atlas/wg.gif) } .hide-category #mapHolder { left:0px; } .hide-category #atlasCategory { left:-176px; } .hide-info #mapHolder { right:0px; } .hide-info #atlasInfo { right:-280px; } .hide-info #atlasList { right:1px; } .hide-info #viewTools { right:-15px; } .hide-list #mapHolder { bottom:0px; } .hide-list #atlasList { bottom:-90px; }