@charset "utf-8";

/*
 *
 * Usage: Base layout
 *
 * Name: animation.css
 *
 */



/*---------------------------------------------------------------------
Common layout
---------------------------------------------------------------------*/
.target  {-moz-transition:    all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          -ms-transition:     all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          transition:         all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          -webkit-transform: translate(0,30px);
          -moz-transform:    translate(0,30px);
          -ms-transform:     translate(0,30px);
          transform:         translate(0,30px);
          opacity:0;}
.action  {-webkit-transform: translate(0,0);
          -moz-transform:    translate(0,0);
          -ms-transform:     translate(0,0);
          transform:         translate(0,0);
          opacity:1}


/*---------------------------------------------------------------------
Top layout
---------------------------------------------------------------------*/
#issue li:nth-child(1),
#event li:nth-child(1),
#recommend li:nth-child(1)  {transition-delay:0.2s;}

#issue li:nth-child(2),
#event li:nth-child(2),
#recommend li:nth-child(2)  {transition-delay:0.4s;}

#issue li:nth-child(3),
#event li:nth-child(3),
#recommend li:nth-child(3)  {transition-delay:0.6s;}

.entry_list li span {display:block; overflow:hidden;}
.entry_list li span img {-moz-transition:    all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
                         -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
                         -ms-transition:     all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
                         transition:         all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
                         -webkit-transform: scale(1);
                         -moz-transform:    scale(1);
                         -ms-transform:     scale(1);
                         transform:         scale(1);}
.entry_list li:hover span img {-webkit-transform: scale(1.15);
                               -moz-transform:    scale(1.15);
                               -ms-transform:     scale(1.15);
                               transform:         scale(1.15);}



/*---------------------------------------------------------------------
Article layout
---------------------------------------------------------------------*/
#entryList li:nth-child(2n+1)  {transition-delay:0.2s;}
#entryList li:nth-child(2n+2)  {transition-delay:0.4s;}
#entryList li:nth-child(2n+3)  {transition-delay:0.6s;}

#entryList li span {display:block; overflow:hidden;}
#entryList li span img {-moz-transition:    all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
                        -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
                        -ms-transition:     all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
                        transition:         all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
                        -webkit-transform: scale(1);
                        -moz-transform:    scale(1);
                        -ms-transform:     scale(1);
                        transform:         scale(1);}
#entryList li:hover span img {-webkit-transform: scale(1.15);
                              -moz-transform:    scale(1.15);
                              -ms-transform:     scale(1.15);
                              transform:         scale(1.15);}