h1 { color: #fff; font-size: 1.2em; padding: 5px 2px 10px; margin: 0px; }
      h1 em { font-style: normal; color: #999; }
      a { color: #888; text-decoration: none; }
      /*#wrapper { width: 400px; margin: 40px auto; }*/
      #wrapper{
          position: absolute;
        /* bottom: 0; */
        right: 105px;
        background-color: #dc2a35;
        top: 530px;
        padding: 3px 26px;
        -webkit-border-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
      }
       #wrapper-concertcine{
          position: absolute;
        /* bottom: 0; */
        right: 105px;
        background-color: #dc2a35;
        padding: 10px 20px;
        top: 530px;
        padding: 3px 26px;
        -webkit-border-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
      }
      
      ol { padding: 0 20px; margin: 0 0 20px; list-style: decimal-leading-zero inside; color: #fff; width: 100%!important; border-top: 1px solid #fff; font-size: 0.9em; overflow-x: hidden; overflow-y: scroll; height: 150px; }
      ol li { position: relative; margin: 0px; padding: 2px 2px 2px; border-bottom: 1px solid #fff; cursor: pointer; }
      ol li a { display: block; text-indent: -3.3ex; padding: 0px 0px 0px 20px; color: #000;  }
       ol li a:hover { display: block; text-indent: -3.3ex; padding: 0px 0px 0px 20px; color: #fff;  }
      li.playing { color: #fff; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3); }
      li.playing a { color: #fff; }
      li.playing:before { content: '♬'; width: 14px; height: 14px; padding: 3px; line-height: 14px; margin: 0px; position: absolute; left: -24px; top: 9px; color: #fff; font-size: 13px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); }
      
      /*#shortcuts { position: fixed; bottom: 0px; width: 100%; color: #666; font-size: 0.9em; margin: 60px 0px 0px; padding: 20px 20px 15px; background: #f3f3f3; background: rgba(240, 240, 240, 0.7); }
      #shortcuts div { width: 460px; margin: 0px auto; }
      #shortcuts h1 { margin: 0px 0px 6px; }
      #shortcuts p { margin: 0px 0px 18px; }
      #shortcuts em { font-style: normal; background: #d3d3d3; padding: 3px 9px; position: relative; left: -3px;
        -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); }
        */

      @media screen and (max-device-width: 480px) {
        #wrapper { position: relative; left: 0%; }
        /*#shortcuts { display: none; }*/ 
        #wrapper-concertcine { position: relative; left: 0; top: 0; margin-top: 20px; padding: 10px 40px; }
      }


      @media (min-width: 1968px) { 
          #wrapper-concertcine{
             top: 885px;
          }
      }