html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body {
  padding:0;
  margin:0;
  background-color:#eee;
}
div { 
  position:absolute;
}
#wrapper {
  position:relative;
  width:728px;
  height:90px;
  border:1px solid #333;
  overflow:hidden;
}
#slide1, #slide2 {
  width:100%;
  height:100%;
}
#slide1 { display:none; }
#slide2 { display:none; }

#banner {
  width:100%;
  height:100%;
}
#background {
  width:100%;
  height:100%;
  background:url('bg.jpg') top left no-repeat;
}
#natchar {
  left: 0px; right:   0px; margin-left:auto; margin-right: auto;
  top:  0px; bottom: 10px; margin-top: auto; margin-bottom:auto; 
  width:289px;
  height:74px;
  background:url('natchar.png') top left no-repeat;
}
#logo {
  left:30px;
  top:15px; bottom:0; margin-top:auto; margin-bottom:auto;
  width:265px;
  height:47px;
  background:url('logo.png') top left no-repeat;
}
#pet {
  top:11px;
  left:220px;
  width:66px;
  height:79px;
  background:url('pet.png') top left no-repeat;
}

.textss {
  left:300px;
  width:370px;
  background-image:url('text.png');
  background-repeat:no-repeat;
}
#t_meet  { top: 30px; height: 34px; background-position:   0px    0px; }
#t_line1 { top: 35px; height: 17px; background-position:   0px  -34px; }
#t_line2 { top: 35px; height: 15px; background-position:   0px  -51px; }

.tagss {
  left:295px;
  width:268px;
  background-image:url('tag.png');
  background-repeat:no-repeat;
}
#t_tag1 { top:  23px; height: 18px; background-position:   0px   0px; }
#t_tag2 { top:  43px; height: 30px; background-position:   0px -18px; }

#cta {
  top:2px; bottom:0; margin-top:auto; margin-bottom:auto;
  left:585px;
  width:118px;
  height:41px;
  background:url('cta.png') top left no-repeat;
}
#bag {
  top:6px; bottom:0; margin-top:auto; margin-bottom:auto;
  left:220px;
  width:56px;
  height:75px;
  background:url('bag.png') top left no-repeat;
}
#exit {
  width:100%;
  height:100%;
  cursor:pointer;
  z-index:99999;
}