@charset "UTF-8";

#tipers {
  display:inline-block;
  width:800px;
  height:600px;
  margin:0 auto;
  background:url(http://mfcdesign.files.wordpress.com/2014/02/bgmain22.png),url(http://mfcdesign.files.wordpress.com/2014/02/bgmain1.gif);
  background-repeat:no-repeat,no-repeat;
  background-size:auto,100%;
  background-attachment:scroll,fixed;
  position:relative;
}

#tipersBod {
  width:760px;
  height:340px;
  margin-left:10px;
  margin-top:100px;
  background:url(http://mfcdesign.files.wordpress.com/2014/02/bgtpbody1.png) no-repeat rgba(255,255,255,.1);
  background-size:100%;
  overflow:auto;
  color:#fff;
  padding:10px;
  text-align:center;
  border:1px solid rgba(255,255,255,.5);
  background-position:center;
  text-shadow:0 1px 0 #000;
  font-size:16px;
}

#tipersBod:hover {
  color:#fff;
  text-shadow:0 0 8px #fff;
  -webkit-transition:ease .5s;
  -moz-transition:ease .5s;
  transition:ease .5s;
  background:url(http://mfcdesign.files.wordpress.com/2014/02/bgtbodyzhover2.png) center no-repeat;
  background-size:100%;
}

#tipersBod ul li {
  list-style:none;
  margin-left:-80px;
  display:block;
}

#tipersBod li::before {
  content:'';
  display:inline-block;
  width:20px;
  height:14px;
  margin-right:6px;
  background:url(http://mfcdesign.files.wordpress.com/2014/02/star.png) no-repeat bottom;
}

#tipersBod li:hover::before {
  content:'';
  display:inline-block;
  width:20px;
  height:14px;
  margin-right:6px;
  background:url(http://mfcdesign.files.wordpress.com/2014/02/tkn.png) no-repeat bottom;
  -webkit-transition:ease .5s;
  -moz-transition:ease .5s;
  transition:ease .5s;
}

#tipInfo {
  display:block;
  width:760px;
  height:100px;
  margin-left:10px;
  margin-top:10px;
  background:rgba(0,0,0,.5);
  overflow:auto;
  color:#fff;
  padding:10px;
  font-variant:small-caps;
}