﻿#recommend-list .list-title span body{margin:0;padding:0;font-family:Arial,microsoft jhenghei,微軟正黑體,微软正黑体;background-color:#fff}*:focus{outline:none}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}*[ng-click]{cursor:pointer}ul,ol{display:inline-block;padding:0;margin:0;list-style:none}.wrapper{position:relative;width:850px;margin:0 auto}#header{font-size:0}#logo{position:relative;display:inline-block;height:80px}#logo img{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}#search{position:absolute;top:20px;right:0;width:200px;height:40px;padding:5px;background-color:#333;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}#search>*{display:inline-block;height:30px;vertical-align:top;border:none}#search input{width:150px;margin-right:5px;padding:0 5px;color:#000;font-size:12px;font-family:Arial,microsoft jhenghei,微軟正黑體,微软正黑体;line-height:30px;background-color:#fff;border:none}#search>input::-webkit-input-placeholder{color:#000;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#search>input::-moz-placeholder{color:#000;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#search>input:-ms-input-placeholder{color:#000;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#search>input.placeholdersjs{color:#000;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#search>input:focus::-webkit-input-placeholder{color:rgba(32,30,30,.3)}#search>input:focus::-moz-placeholder{color:rgba(32,30,30,.3)}#search>input:focus:-ms-input-placeholder{color:rgba(32,30,30,.3)}#search>input.placeholdersjs{color:rgba(32,30,30,.3)}#search button{width:30px;color:#fff;font-size:20px;background-color:transparent;cursor:pointer;border:none;outline:none}nav{margin-bottom:15px;padding:10px 0 0;min-height:50px;background-color:#eee}#game-nav{display:block;font-size:0}#game-nav>li{position:relative;display:inline-block;margin:0 10px 10px 0;vertical-align:top;cursor:pointer}#game-nav>li>span{display:inline-block;padding:0 15px;color:#fff;font-size:15px;line-height:30px}#game-nav>li:hover>ol.subnav{display:block}ol.subnav{display:none;position:absolute;top:100%;left:50%;margin-left:-50px;width:100px;padding:10px 0 0;text-align:center;z-index:3}ol.subnav>li{color:#000;font-size:14px;font-weight:400;line-height:30px;background-color:#fff;cursor:pointer}#content #banner>img{width:100%}#recommend-list{height:0;overflow:hidden;position:relative}#recommend-list.show{height:auto;overflow:visible}#recommend-list .slick-prev,#recommend-list .slick-next{top:93px;width:45px;height:45px;background-color:transparent;background-repeat:no-repeat;background-position:50% 0}#recommend-list .slick-prev:before,#recommend-list .slick-next:before{display:none}#recommend-list .slick-prev{left:-60px;background-image:url(../images/game/prev.png)}#recommend-list .slick-next{right:-60px;background-image:url(../images/game/next.png)}#recommend-list .slick-dots li{width:14px;height:14px;font-size:0;background-color:#9e9e9e;border:none;border-radius:14px;margin:0 4px}#recommend-list .slick-dots li:hover{border:none}#recommend-list .slick-dots li.slick-active,#recommend-list .slick-dots li.slick-active:hover{background-color:#000}#recommend-list .slick-dots li button:before{display:none}#recommend-list .list-title{border-bottom:2px solid #000}#recommend-list .list-title span{display:inline-block;vertical-align:top;padding:0 15px;color:#fff;font-size:15px;line-height:30px;background-color:#000;-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0}#recommend-list .list-title a{float:right;color:#000;font-size:15px;line-height:30px;text-decoration:none}.game-list{position:relative;margin:0 auto;display:block;padding:0;font-size:0;text-align:left}.game-list li,.regular .swiper-slide{position:relative;display:inline-block;width:160px;height:180px;margin:5px;vertical-align:top;z-index:0;background-color:#fff;border:1px solid #ccc;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;cursor:pointer}.regular .swiper-slide{margin:5px}.game-list li img.icon,.regular .swiper-slide.icon{position:absolute;z-index:2}.game-list li img.icon.icon01,.regular .swiper-slide.icon01{top:9px;left:9px}.game-list li img.icon.icon02,.regular .swiper-slide.icon02{top:7px;right:10px}.game-list li img.icon.icon03,.regular .swiper-slide.icon03{right:5px;bottom:30px}.game-list li img.icon.icon04,.regular .swiper-slide.icon04{left:-10px;bottom:30px}.game-list li .game-logo,.regular .swiper-slide .game-logo{position:relative;height:100%;padding-top:9px;text-align:center}.game-list li:hover .game-logo:before,.regular .swiper-slide:hover .game-logo:before{content:'';position:absolute;top:9px;left:9px;width:140px;height:140px;z-index:1;background-repeat:no-repeat;background-position:50%}.game-list li .game-logo img,.regular .swiper-slide .game-logo img{position:relative;display:inline-block;width:140px;height:140px}.game-list li .game-logo img:before,.regular .swiper-slide .game-logo img:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000}.game-list li .game-text,.regular .swiper-slide .game-text{position:absolute;bottom:5px;width:100%;color:#000;font-size:16px;text-align:center;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis}.game-list li:hover .game-text,.regular .swiper-slide:hover .game-text{color:#fff}#pager{display:block;margin:20px auto 15px;text-align:center;font-size:0}#pager>li{display:inline-block;margin:0 3px;padding:0 10px;color:#000;height:25px;font-size:16px;line-height:25px;vertical-align:top;background-color:#ccc;cursor:pointer}@media(max-width:870px){.wrapper{width:680px}.game-list li{margin:5px}}@media(max-width:700px){.wrapper{width:510px}#game-nav>li span,ol.subnav>li{font-size:13px}}@media(max-width:530px){#header{text-align:center}#header #logo{display:block}#header #search{position:static;margin:0 auto 15px}#game-nav>li{margin:0 0 10px}.wrapper{width:340px}#recommend-list .slick-prev,#recommend-list .slick-next{top:65px}.game-list li,.regular .swiper-slide{width:109px;height:126px;margin:2px}.game-list li img.icon.icon01,.regular .swiper-slide img.icon.icon01{left:6px}.game-list li img.icon.icon02,.regular .swiper-slide img.icon.icon02{right:3px}.game-list li .game-logo img,.regular .swiper-slide .game-logo img{width:95px;height:95px}.game-list li:hover .game-logo:before,.regular .swiper-slide:hover .game-logo:before{left:6px;width:95px;height:95px}.game-list li .game-text,.regular .swiper-slide .game-text{bottom:1px;font-size:14px}}.hot>span{color:#24e12b;-moz-animation-duration:.5s;-o-animation-duration:.5s;-webkit-animation-duration:.5s;animation-duration:.5s;-moz-animation-name:blink;-o-animation-name:blink;-webkit-animation-name:blink;animation-name:blink;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-moz-animation-direction:alternate;-o-animation-direction:alternate;-webkit-animation-direction:alternate;animation-direction:alternate;-moz-animation-timing-function:linear;-o-animation-timing-function:linear;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-moz-keyframes blink{from{color:#24e12b}to{color:#147dff}}@-webkit-keyframes blink{from{color:#24e12b}to{color:#147dff}}@keyframes blink{from{color:#24e12b}to{color:#147dff}}.bodyfish{margin:0;background:#014184 url(/img/navigation/bg_y.jpg)repeat-y 50%}.fish-game{min-height:724px;font-family:Arial,microsoft jhenghei,微軟正黑體,微软正黑体;text-align:center;background:url(/img/navigation/bg.jpg)no-repeat 50% 0}.fish-game #logo{height:220px;background:url(/img/navigation/fishLogo.png)no-repeat 50%;width:400px}#fish{display:block;margin:65px auto 0;padding:0 0 20px;max-width:900px}#fish li{position:relative;display:inline-block;margin:10px 15px;top:0;cursor:pointer;-webkit-transition:top .4s;-o-transition:top .4s;-moz-transition:top .4s;transition:top .4s}#fish li:hover{top:-10px}#fish .game-text{color:#fff;font-size:20px;font-weight:700;text-shadow:1px 1px 0 #000}#fish li:hover .game-text{color:#ff0}.fish-game .loading{color:#fff;font-size:20px;text-shadow:1px 1px 0 #000}