@charset "utf-8";
/* CSS Document */
.hvr {display: flex; flex-wrap: wrap;}
.hvr > div {width: 350px; height: 40px; line-height: 40px; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #7e4100; color: #fff; margin: 20px 0 0 20px;}
.hvr > div:nth-child(2n+2) {color: #fff; background: #000;}
.hvr > div[class^="hvr"] {color: #666; background: #e1e1e1;}

.rotate_360 {text-decoration:none; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); cursor: pointer; transition: all 0.5s ease 0s;}
.rotate_360:hover {text-decoration:none; -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); transition: all 0.5s ease 0s;}

.alpha_60 {text-decoration:none; filter:alpha(opacity=100); Opacity:1.0; cursor: pointer; transition: all 0.5s ease 0s;}
.alpha_60:hover {text-decoration:none; filter:alpha(opacity=60); Opacity:0.6; transition: all 0.5s ease 0s;}

.scale_3 {transform: scale(1.0, 1.0); cursor: pointer; transition: all 0.5s ease 0s;}.scale_3:hover {transform: scale(1.3, 1.3); transition: all 0.5s ease 0s;}
.scale_05 {transform: scale(1.0, 1.0); cursor: pointer; transition: all 0.5s ease 0s;}.scale_05:hover{transform: scale(1.05, 1.05); transition: all 0.5s ease 0s;}

.translateY_t075 {-moz-transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); cursor: pointer; transition: all 0.5s ease 0s;}
.translateY_t075:hover {-moz-transform:translateY(-0.75em); -webkit-transform:translateY(-0.75em); -o-transform:translateY(-0.75em); -ms-transform:translateY(-0.75em); transform:translateY(-0.75em); transition: all 0.5s ease 0s;}

@keyframes zoom-in{0%{opacity:0;transform:scale(1.4,1.4)}30%{opacity:.5}100%{opacity:1;transform:scale(1,1)}}
.zoom_in {-webkit-animation-name: zoom-in; -webkit-animation-duration: 3.5s; -webkit-animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-name: zoom-in; animation-duration: 3.5s; animation-timing-function: ease-out; animation-fill-mode: forwards;}

@keyframes zoom-in-out {0%{opacity:0;transform:scale(1.4,1.4)}25%{opacity:.5}50%{opacity:1;transform:scale(1,1)}51%{opacity:1;transform:scale(1,1)}75%{opacity:.5}100%{opacity:0;transform:scale(1.4,1.4)}}
.zoom_in-out {-webkit-animation-name: zoom-in-out; -webkit-animation-duration: 3.5s; -webkit-animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-name: zoom-in-out; animation-duration: 3.5s; animation-timing-function: ease-out; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}

@keyframes zoom-out-in {0%{opacity:1;transform:scale(1,1)}25%{opacity:.5}50%{opacity:0;transform:scale(1.4,1.4)}51%{opacity:0;transform:scale(1.4,1.4)}75%{opacity:.5}100%{opacity:1;transform:scale(1,1)}}
.zoom_out-in {-webkit-animation-name: zoom-out-in; -webkit-animation-duration: 3.5s; -webkit-animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-name: zoom-out-in; animation-duration: 3.5s; animation-timing-function: ease-in; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}

@keyframes fade {from{transform:scaleX(1);}50%{transform:scaleX(-1);}to{transform:scaleX(1);}}
@-webkit-keyframes fade {from{transform:scaleX(1);}50%{transform:scaleX(-1);}to{transform:scaleX(1);}}
.rotate {-webkit-animation: fade 4000ms infinite; animation: fade 4000ms infinite;}

@keyframes blink {from{filter:alpha(opacity=100); Opacity:1;}50%{filter:alpha(opacity=40); Opacity:0.4;}to{filter:alpha(opacity=100); Opacity:1;}}
@-webkit-keyframes blink {from{filter:alpha(opacity=100); Opacity:1;}50%{filter:alpha(opacity=40); Opacity:0.4;}to{filter:alpha(opacity=100); Opacity:1;}}
.blink {-webkit-animation: blink 2000ms infinite; animation: blink 2000ms infinite;}

@keyframes topmoveBottom {from{transform:translateY(5px);}55%{transform:translateY(0px);}60%{transform:translateY(2px);}70%{transform:translateY(0px);}to{transform:translateY(5px);}}
@-webkit-keyframes topmoveBottom {from{transform:translateY(5px);}55%{transform:translateY(0px);}60%{transform:translateY(2px);}70%{transform:translateY(0px);}to{transform:translateY(5px);}}
.topmoveBottom {-webkit-animation: topmoveBottom 3000ms infinite; animation: topmoveBottom 3000ms infinite;}

@keyframes topmoveTop {from{transform:translateY(20px);}55%{transform:translateY(0px);}60%{transform:translateY(10px);}70%{transform:translateY(0px);}to{transform:translateY(20px);}}
@-webkit-keyframes topmoveTop {from{transform:translateY(20px);}55%{transform:translateY(0px);}60%{transform:translateY(10px);}70%{transform:translateY(0px);}to{transform:translateY(20px);}}
.topmoveTop {-webkit-animation: topmoveTop 3000ms infinite; animation: topmoveTop 3000ms infinite;}

@keyframes topmove_t10 {from{transform:translateY(-10px);}50%{transform:translateY(10px);}to{transform:translateY(-10px);}}
@-webkit-keyframes topmove_t10 {from{transform:translateY(-10px);}50%{transform:translateY(10px);}to{transform:translateY(-10px);}}
.topmove_t10 {-webkit-animation: topmove_t10 3000ms infinite; animation: topmove_t10 3000ms infinite;}

@keyframes topmove_b5 {from{transform:translateY(5px);}50%{transform:translateY(-5px);}to{transform:translateY(5px);}}
@-webkit-keyframes topmove_b5 {from{transform:translateY(5px);}50%{transform:translateY(-5px);}to{transform:translateY(5px);}}
.topmove_b5 {-webkit-animation: topmove_b5 3000ms infinite; animation: topmove_b5 3000ms infinite;}