﻿@keyframes rotate{to{transform:rotate(360deg)}}.box-content{padding-bottom:40px}#primary{background:#fff}.list-item{margin-top:20px}.list-item .group-item{margin:0 -10px}.list-item .group-item::after{content:"";clear:both;display:table}.list-item .group-item:not(:last-child){margin-bottom:20px}.promotion{width:33.33333%;padding:0 10px;float:left}.promotion .inner{background:#fff}.promotion:last-child{margin-bottom:0}.promotion .img{position:relative}.promotion .img *{transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}.promotion .img img{width:100%}.promotion .img .i-link{position:absolute;left:0;top:0;bottom:0;right:0}.promotion .img .i-link a{display:inline-block;line-height:30px;padding:5px 20px;color:#fff;background:#15abe5;border-radius:5px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%) scale(0);-moz-transform:translate(-50%, -50%) scale(0);-o-transform:translate(-50%, -50%) scale(0);-ms-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);font-size:16px}.promotion .img .i-link a span::after{content:"";font-family:"FontAwesome";margin-left:8px}.promotion .txt{border:1px solid #e4e4e4;border-top:none}.promotion .txt h3{margin:0;font-size:16px;line-height:1.3;position:relative;font-weight:bold;min-height:60px}.promotion .txt h3 a{padding:10px;display:block}.promotion .txt h3 a:hover{color:#15abe5}.promotion .txt .status_promotion{padding:10px;padding-top:5px;position:relative;min-height:50px}.promotion .txt .status_promotion p{font-size:14px;margin-bottom:5px}.promotion .txt .status_promotion strong{color:#d10a00}.promotion .txt .status_promotion a.btn_status{position:absolute;right:10px;top:0;display:inline-block;line-height:25px;padding:5px 15px;color:#fff;font-size:14px;background:#15abe5;border-radius:5px}.promotion .txt .status_promotion a.btn_status.no-active{background:green}.promotion .txt .status_promotion a.btn_status.finished{background:#333}.promotion:hover .img .i-link{background:rgba(0,0,0,.4)}.promotion:hover .img .i-link a{-webkit-transform:translate(-50%, -50%) scale(1);-moz-transform:translate(-50%, -50%) scale(1);-o-transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}.promotion:hover .txt a{color:#15abe5}.promotion .grayscale{filter:grayscale(100%);opacity:.6}.promotion.no_active .img .i-link a{opacity:.8;background:#333}.noitem{margin-top:20px}@media screen and (max-width: 1366px){#post-content{margin:0px}}@media screen and (max-width: 1024px){.box-content .wrapper.pad-0{padding:0 10px}.list-item .group-item{margin:0 -5px}.promotion{padding:0 5px}#box-focus>.col-md-5{display:none}#box-focus>.col-md-7{width:100%}#box-focus .news-large{width:54.5%}#box-focus .news-small{width:45.5%}.list-small .news .img img{width:100%}.list-item .news .txt h2{font-size:14px}}@media screen and (max-width: 768px){.list-item .news{padding:0 5px;margin-bottom:10px}.promotion .txt h3{font-size:14px}.promotion .txt .status_promotion a.btn_status{display:block;position:relative;top:inherit;right:inherit}.promotion:not(.no_active) .status_promotion a{margin-top:5px}.promotion .img .i-link a{padding:5 10px;font-size:12px}}@media screen and (max-width: 767px){#box-focus{border-bottom:1px solid #d7d7d7;padding-bottom:0px;margin-bottom:20px}#box-focus .news-large,#box-focus .news-small{width:100%;float:none;margin-bottom:10px}.news-large .item .txt{font-size:16px;padding:5px 10px;line-height:1.5em;text-transform:none}.news-large .item .txt a{color:#333;padding:10px 0}.list-item{margin:0px}.list-item .group-item:not(:last-child){margin-bottom:0}.list-item .promotion{width:100%;float:none;padding:0;margin-bottom:20px}.list-item .promotion .inner::after{content:"";display:block;clear:both}.list-item .promotion .txt h3{min-height:inherit}.list-item .promotion .txt .status_promotion a.btn_status{display:inline-block;float:right}.list-item .promotion .txt .status_promotion::after{content:"";display:block;clear:both}#box-related .widget-title{font-size:26px}#box-related .items .item .txt{font-size:15px;margin-top:8px}}