@font-face {font-family: "Open Sans"; src: url(fonts/OpenSans-Regular.ttf) format("truetype")}
@font-face {font-family: "Open Sans Bold"; src: url(fonts/OpenSans-Bold.ttf) format("truetype")}
@font-face {font-family: "Open Sans Light"; src: url(fonts/OpenSans-Light.ttf) format("truetype")}

* {margin: 0; padding: 0}
body {margin: 0; background: url('bg.png'); overflow: hidden; font-family: 'Open Sans'; font-size: 14px}
a {color: #000; text-decoration: none}
ul {list-style: none}
.d-n {display: none}


.caption {position: absolute; top: 50px; width: 100%}
.caption h1 {font-family: "Open Sans Light"; font-weight: normal; font-size: 33px; color: #666; text-align: center}

#rotate-left {position: absolute; top: 300px; left: 400px}
#rotate-left a {display: block; width: 60px; height: 60px; background: url('left.png')} 
#rotate-right {position: absolute; top: 300px; left: 1300px}  
#rotate-right a {display: block; width: 60px; height: 60px; background: url('right.png')}

#container {width: 1200px; height: 900px; margin-left: 250px; overflow: hidden}

#floor-plan {position: absolute; top: 40px; left: 100px; z-index: 10000}
#floor-plan h2#shop-list {display: inline-block; padding: 2px 100px 5px 2px; margin-bottom: 8px; font-size: 16px; font-weight: normal; border-bottom: 1px dotted #aaa}
#floor-plan a {font-size: 14px}
.room {margin: 2px 0; padding-left: 4px}
#floor-plan .description, #floor-plan .open {padding-left: 22px}

.category {margin-bottom: 7px}
.category h3 {font-size: 15px; padding: 1px 5px; font-weight: normal; color: #fff; border: 1px solid #eee}
span.number {color: #fff; display: inline-block; margin-right: 3px; text-align: center; width: 18px; border: 1px solid #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px}
.roll {margin-bottom: 5px; padding: 3px 2px 2px; color: #666; font-size: 13px}
.cat1 h3, span.cat1 {background: #FF6B6B}
.cat2 h3, span.cat2 {background: #C7F464}
.cat3 h3, span.cat3 {background: #556270}
.cat4 h3, span.cat4 {background: #4ECDC4}
.cat5 h3, span.cat5 {background: #C44D58}

#tooltip {width: 420px; height: 180px; position: absolute; display: none; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);}
#tooltip-inner {padding: 10px}
#tooltip .logo {height: 60px; float: left; margin-right: 15px}
#tooltip h1 {font-size: 19px; color: #444}
#tooltip .open {font-size: 13px}
#tooltip .long {font-size: 13px; margin-top: 8px}
#tooltip .qr {width: 60px; float: right; margin-top: 5px}

#logo {display: block; width: 170px; height: 87px; margin-bottom: 20px; background: url('./logo.png'); text-indent: -1000px}