/*
 * CSS Document
 * ==========================================================================
 * 版權所有 2016 鉅潞科技網頁設計公司，並保留所有權利。
 * 網站地址: http://www.grnet.com.tw
 * ==========================================================================
 * $Author: Jia $
 * $Date: 2017-03-24 Fri. $
 * **請注意: 本樣式檔處理使用套件的客製樣式，避免因套件程式延遲載入造成樣式跑版。
*/
@charset "utf-8";#index .sec-4 .news-slick{margin:0 -20px}#index .sec-4 .news-slick .item{padding:0 20px 35px}#index .sec-4 .news-slick .item>a{display:block;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}#index .sec-4 .news-slick .item .pic{position:relative;height:0;background:#000;padding-bottom:71.05%;overflow:hidden}#index .sec-4 .news-slick .item .pic:before{content:'';display:block;position:absolute;width:80px;height:1px;background:#fff;top:50%;left:50%;margin-top:20px;margin-left:-40px;opacity:0;transform:scaleX(0);-ms-transform:scaleX(0);-moz-transform:scaleX(0);-webkit-transform:scaleX(0);transition:all .4s;-ms-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s}#index .sec-4 .news-slick .item a:hover .pic:before{opacity:1;transform:scaleX(1);-ms-transform:scaleX(1);-moz-transform:scaleX(1);-webkit-transform:scaleX(1)}#index .sec-4 .news-slick .item .pic:after{content:'VIEW';display:block;position:absolute;line-height:40px;font-size:1rem;color:#fff;top:50%;left:50%;margin-top:-20px;opacity:0;transform:translate(-50%,20px);-ms-transform:translate(-50%,20px);-moz-transform:translate(-50%,20px);-webkit-transform:translate(-50%,20px);transition:all .4s;-ms-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s}#index .sec-4 .news-slick .item a:hover .pic:after{opacity:1;transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-webkit-transform:translate(-50%,0)}#index .sec-4 .news-slick .item .pic img{display:block;position:absolute;width:100%;height:100%;top:0;left:0;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1,1);transition:opacity .4s;-ms-transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s}#index .sec-4 .news-slick .item a:hover .pic img{opacity:.5!important}#index .sec-4 .news-slick .item .pic .date{display:block;position:absolute;width:60px;height:50px;line-height:16px;font-size:.875rem;color:#333;background:#ffce05;text-align:center;top:0;left:0;padding-top:9px}#index .sec-4 .news-slick .item .txt{padding:25px 25px 40px}#index .sec-4 .news-slick .item .item-ti{line-height:30px;font-size:1.25rem;color:#333;margin:0}#index .sec-4 .news-slick .item .item-summary{height:52px;line-height:26px;font-size:1rem;color:#666;margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#index .sec-4 .news-slick .slick-arrow{display:block;position:absolute;z-index:12;width:60px;height:36px;font-size:0;border:none;background:rgba(0,0,0,.5);top:50%;margin-top:-40px;opacity:.5;transition:opacity .2s;-ms-transition:opacity .2s;-moz-transition:opacity .2s;-webkit-transition:opacity .2s}#index .sec-4 .news-slick .slick-arrow:hover{opacity:1}#index .sec-4 .news-slick .slick-arrow:before{content:'';display:block;position:absolute;width:30px;height:1px;background:#fff;top:20px;left:15px}#index .sec-4 .news-slick .slick-arrow:after{content:'';display:block;position:absolute;width:0;height:0;border-style:solid;border-width:3px 4px;top:14px}#index .sec-4 .news-slick .slick-prev{left:0}#index .sec-4 .news-slick .slick-prev:after{border-color:transparent #fff #fff transparent;left:15px}#index .sec-4 .news-slick .slick-next{right:0}#index .sec-4 .news-slick .slick-next:after{border-color:transparent transparent #fff #fff;right:15px}#index .sec-4 .news-slick .slick-dots{height:10px;text-align:center;margin:0;padding:0}#index .sec-4 .news-slick .slick-dots li{display:inline-block;vertical-align:top;margin:0 4px}#index .sec-4 .news-slick .slick-dots li button{display:block;width:10px;height:10px;font-size:0;border:none;background:#ccc;border-radius:100%;padding:0;transition:background .2s;-ms-transition:background .2s;-moz-transition:background .2s;-webkit-transition:background .2s}#index .sec-4 .news-slick .slick-dots li.slick-active button{background:#e2283f}@media (max-width:767px){#index .sec-4 .title{line-height:40px;font-size:1.75rem}#index .sec-4 .news-slick .item .txt{padding:15px}#index .sec-4 .news-slick .item .item-ti{line-height:26px;font-size:1rem}#index .sec-4 .news-slick .item .item-summary{font-size:.9375rem}}#game-1~.lity-youtube .lity-container{max-width:1220px}
/*