.col_red{color:#e00}.fcP{color:#ab1f24}.col_white{color:#fff}.main_color{color:#ab1f24}.text_shadow{text-shadow:0 1px 1px rgba(0,0,0,.1)}.bgextend{-webkit-animation-name:bgextendAnimeBase;animation-name:bgextendAnimeBase;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:relative;overflow:hidden;opacity:0}@-webkit-keyframes bgextendAnimeBase{from{opacity:0}to{opacity:1}}@keyframes bgextendAnimeBase{from{opacity:0}to{opacity:1}}.bgappear{-webkit-animation-name:bgextendAnimeSecond;animation-name:bgextendAnimeSecond;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}@-webkit-keyframes bgextendAnimeSecond{0%{opacity:0}100%{opacity:1}}@keyframes bgextendAnimeSecond{0%{opacity:0}100%{opacity:1}}.bgLRextend::before{-webkit-animation-name:bgLRextendAnime;animation-name:bgLRextendAnime;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;content:"";position:absolute;width:100%;height:100%;background-color:#111}@-webkit-keyframes bgLRextendAnime{0%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(0);transform:scaleX(0)}50%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);transform:scaleX(1)}50.001%{-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes bgLRextendAnime{0%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(0);transform:scaleX(0)}50%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);transform:scaleX(1)}50.001%{-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);transform:scaleX(0)}}.bgRLextend::before{-webkit-animation-name:bgRLextendAnime;animation-name:bgRLextendAnime;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;content:"";position:absolute;width:100%;height:100%;background-color:#111}@-webkit-keyframes bgRLextendAnime{0%{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);transform:scaleX(0)}50%{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(1);transform:scaleX(1)}50.001%{-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes bgRLextendAnime{0%{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);transform:scaleX(0)}50%{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(1);transform:scaleX(1)}50.001%{-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(0);transform:scaleX(0)}}.bgappearTrigger,.bgUDextendTrigger,.bgDUextendTrigger,.bgRLextendTrigger,.bgLRextendTrigger{opacity:0}.eachTextAnime span{opacity:0}.eachTextAnime.appeartext span{-webkit-animation:text_anime_on 1s ease-out forwards;animation:text_anime_on 1s ease-out forwards}@-webkit-keyframes text_anime_on{0%{opacity:0}100%{opacity:1}}@keyframes text_anime_on{0%{opacity:0}100%{opacity:1}}.sub-fix-block{position:sticky;top:20px}@media screen and (max-width: 1020px){.sub-fix-block{position:relative;top:0}}#g-nav ul{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:0 0 50px 0}#g-nav ul ul{display:block;margin:0}#g-nav ul li a{position:relative;display:block;text-decoration:none;color:#999;padding:10px;-webkit-transition:all .3s;transition:all .3s}#g-nav ul li a:hover{color:#fff}#g-nav ul li.has-child>a::before{content:"";position:absolute;left:-5px;top:18px;width:6px;height:6px;border-top:2px solid #999;border-right:2px solid #999;-webkit-transform:rotate(135deg);transform:rotate(135deg)}#g-nav ul li.has-child img{max-width:100%;height:auto;-webkit-transition:all .5s;transition:all .5s;vertical-align:bottom}#g-nav ul li.has-child img:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}#g-nav ul li.has-child dt{overflow:hidden;height:12vh;border-radius:10px 10px 0 0}#g-nav ul li.has-child dd{background:#fff;padding:10px 0;text-align:center;border-radius:0 0 10px 10px}@media screen and (max-width: 1200px){#g-nav ul li.has-child dt{height:10vh}}#g-nav li.has-child ul{position:absolute;left:5%;top:58px;z-index:4;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap;background:#6ea924;width:90%;border-radius:10px;visibility:hidden;opacity:0;-webkit-transition:all .3s;transition:all .3s;padding:10px 0}#g-nav li.has-child:hover>ul{visibility:visible;opacity:1}#g-nav li.has-child ul li{width:18%}#g-nav li.has-child ul li a{color:#333}#g-nav p{display:none}@media screen and (max-width: 992px){#g-nav p{display:block;margin:30px auto 30px auto;width:160px}#g-nav ul{display:block;margin:0 auto}#g-nav li.has-child ul{position:relative;left:0;top:0;width:100%;visibility:visible;opacity:1;display:none;-webkit-transition:none;transition:none;border-radius:0;padding:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}#g-nav ul li{border-bottom:1px solid rgba(255,255,255,.8);text-align:center}#g-nav li.has-child ul li{width:100%;text-align:left}#g-nav li.has-child ul li dl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#g-nav li.has-child ul li dt{width:30%;height:auto;margin:0;border-radius:0}#g-nav li.has-child ul li dd{width:64%;border-radius:0;background:rgba(0,0,0,0);padding:0;text-align:left;color:#fff}#g-nav ul li.has-child img{border-radius:0}#g-nav ul li a{padding:10px 20px 10px 40px;color:#fff}#g-nav ul li a:hover{color:#fff}#g-nav ul li li a{padding:0}#g-nav ul li.has-child>a::before{top:17px;left:20px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}#g-nav ul li.has-child.active>a::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@media screen and (max-width: 992px){#g-nav{display:none}#g-nav.panelactive{display:block;position:fixed;z-index:99 !important;top:0;width:100%;height:100vh}.circle-bg{position:fixed;z-index:3;width:100px;height:100px;border-radius:50%;background:#ab1f24;-webkit-transform:scale(0);transform:scale(0);right:-18px;top:-18px;-webkit-transition:all .6s;transition:all .6s}.circle-bg.circleactive{-webkit-transform:scale(50);transform:scale(50)}#g-nav-list{opacity:0;position:fixed;z-index:99;width:100%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}#g-nav.panelactive #g-nav-list{opacity:1}#g-nav ul{opacity:0;width:90%;margin:0 auto 60px auto}#g-nav ul ul{margin:0}#g-nav.panelactive ul{opacity:1}}.openbtn{display:none}.sp_logo{display:none}@media screen and (max-width: 992px){.sp_logo{display:block;position:absolute;top:20px;left:10px;z-index:3 !important;cursor:pointer;width:250px;height:25px}.openbtn{display:block;position:fixed;top:10px;right:10px;z-index:100 !important;cursor:pointer;width:50px;height:50px;background:#ab1f24;border-radius:10px}.openbtn span{display:inline-block;-webkit-transition:all .4s;transition:all .4s;position:absolute;left:14px;height:2px;border-radius:5px;background:#fff;width:45%}.openbtn span:nth-of-type(1){top:13px}.openbtn span:nth-of-type(2){top:19px}.openbtn span:nth-of-type(3){top:25px}.openbtn span:nth-of-type(3)::after{content:"Menu";position:absolute;top:5px;left:-2px;color:#fff;font-size:.6rem;text-transform:uppercase}.openbtn.active span:nth-of-type(1){top:14px;left:18px;-webkit-transform:translateY(6px) rotate(-45deg);transform:translateY(6px) rotate(-45deg);width:30%}.openbtn.active span:nth-of-type(2){opacity:0}.openbtn.active span:nth-of-type(3){top:26px;left:18px;-webkit-transform:translateY(-6px) rotate(45deg);transform:translateY(-6px) rotate(45deg);width:30%}.openbtn.active span:nth-of-type(3)::after{content:"Close";-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg);top:5px;left:4px}}.pushcircle{position:relative;outline:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pushcircle:after{content:"";position:absolute;top:50%;left:50%;width:90%;height:90%;border-radius:10px;-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1);-webkit-transition:.3s ease;transition:.3s ease}.sub-btn-list li:first-child a{background:#6ea924}.sub-btn-list li:last-child a{background:#ab1f24}.sub-btn-list li:first-child a.pushcircle:after{border:1px solid #6ea924}.sub-btn-list li:last-child a.pushcircle:after{border:1px solid #ab1f24}.sub-btn-list li:first-child a.pushcircle:hover:after,.sub-btn-list li:last-child a.pushcircle:hover:after{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);border-color:rgba(255,255,255,.8)}#page-top a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#ab1f24;border-radius:5px;width:60px;height:60px;color:#fff;text-align:center;text-transform:uppercase;text-decoration:none;font-size:1rem;letter-spacing:.1em;-webkit-transition:all .3s;transition:all .3s}#page-top a:hover{background:#0080a0}#page-top{position:fixed;right:10px;bottom:10px;z-index:2;opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}@media(max-width: 767px){#page-top{bottom:80px}}#page-top.UpMove{-webkit-animation:UpAnime .5s forwards;animation:UpAnime .5s forwards}@-webkit-keyframes UpAnime{from{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes UpAnime{from{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}#page-top.DownMove{-webkit-animation:DownAnime .5s forwards;animation:DownAnime .5s forwards}@-webkit-keyframes DownAnime{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(100px);transform:translateY(100px)}}@keyframes DownAnime{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(100px);transform:translateY(100px)}}.accordion-area{width:96%;margin:0 auto}.accordion-area li{margin:10px 0}.accordion-area section{border-bottom:1px solid #ccc}.title{position:relative;cursor:pointer;font-size:1rem;font-weight:normal;padding:20px 50px 20px 20px;-webkit-transition:all .5s ease;transition:all .5s ease}.title::before,.title::after{position:absolute;content:""}.title::before{top:25%;right:15px;width:25px;height:25px;background-color:#cbcaca;border-radius:50%}.title::after{top:32%;right:23px;width:9px;height:9px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.title.close::after{top:35%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.box{display:none;background:#f3f3f3;padding:20px}.tab-area{background:#fff;border-radius:10px;padding:20px}.tab{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 0 20px 0}.tab li{width:33.333%;text-align:center;white-space:nowrap}.tab li a{display:block;border-bottom:rgba(0,0,0,0) 2px solid;padding:10px 0}.tab li.active a{border-color:#ab1f24}.area{display:none;opacity:0;background:#fff}.area.is-active{display:block;-webkit-animation-name:displayAnime;animation-name:displayAnime;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes displayAnime{from{opacity:0}to{opacity:1}}@keyframes displayAnime{from{opacity:0}to{opacity:1}}.slider{position:relative;z-index:1}.slider img{width:50vw;height:auto;border-radius:10px}.slider .slick-slide{-webkit-transform:scale(0.85);transform:scale(0.85);-webkit-transition:all .5s;transition:all .5s}@media screen and (max-width: 1020px){.slider img{width:70vw}}@media screen and (max-width: 768px){.slider img{width:96vw}}.slider .slick-slide.slick-center{-webkit-transform:scale(1);transform:scale(1);opacity:1}.slick-prev,.slick-next{position:absolute;top:42%;cursor:pointer;outline:none;border-top:2px solid #666;border-right:2px solid #666;height:15px;width:15px}.slick-prev{left:-1.5%;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.slick-next{right:-1.5%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.slick-dots{text-align:center;margin:20px 0 0 0}.slick-dots li{display:inline-block;margin:0 5px}.slick-dots button{color:rgba(0,0,0,0);outline:none;width:8px;height:8px;display:block;border-radius:50%;background:#ab1f24}.slick-dots .slick-active button{background:#b25938}#newitems img{width:100% !important;height:auto;vertical-align:bottom}.gallery{margin:0 0 20px 0;width:100%}.slick-prev,.slick-next{position:absolute;z-index:3;top:45%;cursor:pointer;outline:none;border-top:2px solid #fff;border-right:2px solid #fff;height:25px;width:25px}@media(max-width: 767px){.slick-prev,.slick-next{width:13px;height:13px}}.slick-prev{left:2.5%;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.slick-next{right:2.5%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sp_slick-prev,.sp_slick-next{position:absolute;z-index:3;top:40%;cursor:pointer;outline:none;border-top:2px solid #ab1f24;border-right:2px solid #ab1f24;height:25px;width:25px;display:block}@media(max-width: 767px){.sp_slick-prev,.sp_slick-next{width:13px;height:13px}}.sp_slick-prev{left:-13px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.sp_slick-next{right:-13px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.choice-btn li{cursor:pointer;outline:none;width:23% !important;display:inline;margin:0 1%}@media screen and (max-width: 350px){.choice-btn li{width:48% !important;margin:0 1% 10px 1%}}.choice-btn li img{opacity:.6}.choice-btn li.slick-current img{opacity:1}#info{display:none}.modaal-container{max-width:600px}.modaal-close{background-color:#ab1f24 !important}.modaal-close:after,.modaal-close:before{background:#fff}.modaal-close:focus:after,.modaal-close:focus:before,.modaal-close:hover:after,.modaal-close:hover:before{background:#b25938}#search-wrap{position:absolute;z-index:2;top:10px;right:10px}#search-text{-webkit-appearance:none;width:50px;height:50px;padding:20px;border-radius:10px;border:none;background:#888 url("../img/icon_search.svg") no-repeat 17px center;background-size:20px 20px;-webkit-transition:all .5s;transition:all .5s;outline:none;cursor:pointer;color:#fff}#search-text:focus{width:220px;padding:20px 0 20px 60px}.fadeUp{-webkit-animation-name:fadeUpAnime;animation-name:fadeUpAnime;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}@-webkit-keyframes fadeUpAnime{from{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeUpAnime{from{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.fadeDown{-webkit-animation-name:fadeDownAnime;animation-name:fadeDownAnime;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}@-webkit-keyframes fadeDownAnime{from{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeDownAnime{from{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.fadeIn{-webkit-animation-name:fadeInAnime;animation-name:fadeInAnime;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}@-webkit-keyframes fadeInAnime{from{opacity:0}to{opacity:1}}@keyframes fadeInAnime{from{opacity:0}to{opacity:1}}#ranking{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.flipRight{-webkit-animation-name:flipRightAnime;animation-name:flipRightAnime;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-perspective-origin:right center;perspective-origin:right center;opacity:0}@-webkit-keyframes flipRightAnime{from{-webkit-transform:perspective(600px) translate3d(0, 0, 0) rotateY(-30deg);transform:perspective(600px) translate3d(0, 0, 0) rotateY(-30deg);opacity:0}to{-webkit-transform:perspective(600px) translate3d(0, 0, 0) rotateY(0deg);transform:perspective(600px) translate3d(0, 0, 0) rotateY(0deg);opacity:1}}@keyframes flipRightAnime{from{-webkit-transform:perspective(600px) translate3d(0, 0, 0) rotateY(-30deg);transform:perspective(600px) translate3d(0, 0, 0) rotateY(-30deg);opacity:0}to{-webkit-transform:perspective(600px) translate3d(0, 0, 0) rotateY(0deg);transform:perspective(600px) translate3d(0, 0, 0) rotateY(0deg);opacity:1}}.flipRightTrigger,.fadeInTrigger,.fadeUpTrigger,.fadeDownTrigger{opacity:0}.rotateY{-webkit-animation-name:rotateYAnime;animation-name:rotateYAnime;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes rotateYAnime{from{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(-360deg);transform:rotateY(-360deg)}}@keyframes rotateYAnime{from{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(-360deg);transform:rotateY(-360deg)}}.lineTrigger{position:relative;opacity:0}.lineTrigger.lineanime{-webkit-animation-name:lineAnimeBase;animation-name:lineAnimeBase;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes lineAnimeBase{from{opacity:0}to{opacity:1}}@keyframes lineAnimeBase{from{opacity:0}to{opacity:1}}.lineTrigger::before,.lineTrigger::after{position:absolute;content:"";width:0;height:3px;background:#e59c00}.line2::before,.line2::after{position:absolute;content:"";width:3px;height:0;background:#e59c00}.lineTrigger::before{top:0;left:0}.lineTrigger.lineanime::before{-webkit-animation:lineAnime .5s linear 0s forwards;animation:lineAnime .5s linear 0s forwards}.line2::before{top:0;right:0}.lineTrigger.lineanime .line2::before{-webkit-animation:lineAnime2 .5s linear .5s forwards;animation:lineAnime2 .5s linear .5s forwards}.lineTrigger::after{bottom:0;right:0}.lineTrigger.lineanime::after{-webkit-animation:lineAnime .5s linear 1s forwards;animation:lineAnime .5s linear 1s forwards}.line2::after{bottom:0;left:0}.lineTrigger.lineanime .line2::after{-webkit-animation:lineAnime2 .5s linear 1.5s forwards;animation:lineAnime2 .5s linear 1.5s forwards}@-webkit-keyframes lineAnime{0%{width:0%}100%{width:100%}}@keyframes lineAnime{0%{width:0%}100%{width:100%}}@-webkit-keyframes lineAnime2{0%{height:0%}100%{height:100%}}@keyframes lineAnime2{0%{height:0%}100%{height:100%}}.lineTrigger.lineanime .lineinappear{-webkit-animation:lineInnerAnime .5s linear 1.5s forwards;animation:lineInnerAnime .5s linear 1.5s forwards;opacity:0}@-webkit-keyframes lineInnerAnime{0%{opacity:0}100%{opacity:1}}@keyframes lineInnerAnime{0%{opacity:0}100%{opacity:1}}.line{width:100%;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.choice-btn{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.flipY a{position:relative;display:block}.flipY img{-webkit-transition:all .35s;transition:all .35s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flipY:hover img{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);opacity:0 !important}.flipY span.detail-cap{position:absolute;top:0;bottom:0;left:0;right:0;-webkit-transition:all .35s ease;transition:all .35s ease;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:50% 0%;transform-origin:50% 0%;opacity:0;background:#666;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flipY:hover span.detail-cap{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1;-webkit-transition-delay:.15s;transition-delay:.15s}.shine span.mask{position:relative;display:block;overflow:hidden}.shine span.mask::before{position:absolute;content:"";width:50%;height:100%;top:0;left:-75%;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}.shine span.mask:hover::before{-webkit-animation:shine .7s;animation:shine .7s}@-webkit-keyframes shine{100%{left:125%}}@keyframes shine{100%{left:125%}}