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;
}