@charset "UTF-8";
/* MAIN BANNER*/

a {outline : none; overflow:hidden;}
a img {outline : none;}
img {border : 0;}

body {
  margin: 0px;
}

#container {
  position: absolute;
  width: 120px;
  height: 600px;
  top: 0px;
  left: 0px;
  margin: auto;
  overflow: hidden;
  background-color: #fff;
}

.images{
  position: absolute;
  top: 0px;
  left: 0px;
}

.cardBack{
  position: absolute;
  top: 0px;
  left: 0px;
}

.cardFront{
  position: absolute;
  top: 0px;
  left: 0px;
}

.cards{
position: absolute;
top:0px;
left:0px;

}


#overlay{
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: 1000;
  cursor: pointer;
}

#clicktag {
  position: absolute;
  border:1px solid #000; 
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 997;
}

#panel {
position: absolute;
left:-16px;
top:0px;

  width: 146px;
  height: 600px;
}



#button {
position: absolute;
left:10px;
bottom:13px;
width:100px;
height:22px;
overflow: hidden;
border: 1px solid #000;
z-index: 1000;
    background-image: url('btnText.png');
    background-repeat: no-repeat;
    background-position: 45% 0%; 
}

#button:hover {
background-color: #000;
background-position: 45% 100%; 
cursor: pointer;
}