/*@media screen and (max-width: 73.999em){*/
	#channel-swipe-div{height: calc(100% - 2.5em) !important;top:0 !important;position: absolute;}
	#newslist-swipe-div.zh-hk{height: calc(100% - 5.25em) !important;}
/*}

@media screen and (min-width: 74em){
	#channel-swipe-div{height: calc(100%) !important;top:0 !important;position: absolute;}
	#newslist-swipe-div.zh-hk{height: calc(100% - 2.5em) !important;}
}*/
.ui-panel-inner {padding: 0.5em !important;}
.myjs-ani{display:none;}

#search-feed-loader{background-color:#ededed;padding-bottom:18px;/*to cover the background below*/padding-top: 6px;}

#guesslist-nav { margin: 0; padding: 0; width: 100%; position: fixed; top: 2.5em; background-color: white; cursor: pointer;}
#guesslist-nav li.active { border-bottom:#FF583D 2px solid !important; color: #FF583D !important; font-weight:bold;}
#guesslist-nav li.spacer { width: 0.5% !important; color:lightgray; }
#guesslist-nav li { width: 33%; height: 2em; float: left; text-align: center; line-height: 2em;}


#myguess-nav {margin: 0; padding: 0; width: 100%; position: fixed; top: 2.5em; background-color: white; cursor: pointer;}
#myguess-nav li.active {border-bottom:#FF583D 2px solid !important; color: #FF583D !important; font-weight:bold;}
#myguess-nav li.spacer {width: 0.5% !important; color:lightgray; }
#myguess-nav li { width: 33%; height: 2em; float: left; text-align: center; line-height: 2em;}

#newslist-nav {margin: 0; padding: 0; width: 100%; position: fixed; top: 2.5em; background-color: white; cursor: pointer;}
#newslist-nav.zh-hk{display:none;}
#newslist-nav li.active {border-bottom:#FF583D 2px solid !important; color: #FF583D !important; font-weight:bold;}
#newslist-nav li.spacer {width: 1% !important; color:lightgray; }
#newslist-nav li { width: 49.5%; height: 2em; float: left; text-align: center; line-height: 2em;}


#news-msg-ipt{padding: 6px !important;max-height: 5.5em !important;}
#news-image {width: calc(100% + 24px); height: 18em;background-repeat:no-repeat;background-position:50%;background-size:cover;margin: -12px; display: inline-block;}
#news-print{line-height: 1.25em;padding-bottom:1.5em;}
#news-source-print, #news-time-print { display:inline-block; }
#news-footer{ display:inline-block; position: relative; width:100%; border-top:1px solid lightgray; }
.guessarea-select{max-width:10em;background-position:50%;background-size: cover;background-repeat:no-repeat;display:inline-block;margin:1px;color:white;text-align: center;padding:2px;}
.guessarea-select-txt{font-size: 1.2em !important;display: inline-block;width: 100%;font-weight:bold;padding:2px;}
.guessarea-select-rate{font-size: 1em !important;display: inline-block;padding:2px;}
.guessarea-selected{border:2px blue solid !important;padding:0px !important;border-radius:6px;}
.guessarea-selected span{float:right;width:2em;height:2em;background-image:url(../img/tick.png);display:inline-block;background-repeat:no-repeat;background-position:50%;background-size:cover;margin:6px;position:absolute;}
.guessarea-select.green{opacity:1 !important; border:2px green solid !important;border-radius:6px;}
.guessarea-select.green span{float:right;width:2em;height:2em;background-image:url(../img/icon/crown.png);display:inline-block;background-repeat:no-repeat;background-position:50%;background-size:cover;margin:6px;position:absolute;}
.guessarea-select.red{opacity:1 !important; border:2px red solid !important;border-radius:6px;}
.guessarea-select.red span{float:right;width:2em;height:2em;background-image:url(../img/cross.png);display:inline-block;background-repeat:no-repeat;background-position:50%;background-size:cover;margin:6px;position:absolute;}

.ccguess-select-title{border:1px lightgray solid !important;padding: 6px;margin:6px;border-radius:6px;cursor:pointer;margin-top:1em;background-color: lightskyblue;font-weight:bold;text-align:center;}
.ccguess-select{border:1px lightgray solid !important;padding: 6px;margin:6px;border-radius:6px;cursor:pointer;}
.ccguess-select span{width:1em;height:1em;display:inline-block;background-repeat:no-repeat;background-position:50%;background-size:cover;margin-right:6px;color:lightgray;}
.ccguess-selected{border:2px blue solid !important;padding:6px;}
.ccguess-selected span{background-image:url(../img/tick.png);}
.ccguess-select-guess{font-weight:bold;}

.ccguessarea-select{max-width:10em;background-position:50%;background-size: cover;background-repeat:no-repeat;display:inline-block;margin:1px;text-align: center;padding:6px;}
.ccguessarea-select-txt{display: inline-block;width: 100%;font-weight:bold;padding:6px;}
.ccguessarea-select-rate{font-size: 1em !important;display: inline-block;padding:6px;}
.ccguessarea-selected{border:2px blue solid !important;padding:0px !important;border-radius:6px;}
.ccguessarea-selected span{float:right;width:2em;height:2em;background-image:url(../img/tick.png);display:inline-block;background-repeat:no-repeat;background-position:50%;background-size:cover;margin:6px;position:absolute;}
.ccguessarea-logo{background-repeat:no-repeat;background-position:50%;background-size:contain;width:4em;height:4em;border:0px;margin:auto;}
#ccguesslist-calculation{text-align: center;}
#guessarea-guessarea{text-align: center;}
#guessarea-guess{text-align:center;padding-top:0.5em;}
.guessarea-type {border: 1px white solid; position: relative; text-align: center; width: 20%;margin-top: 6px;color:white; font-size:0.85em;padding:6px 3px;opacity: 0.8;display:none;cursor:pointer;}
.guessarea-type.l{border-radius: 6px 0 0 6px;display:inline-block;}
.guessarea-type.mid{ border-radius: 0px;border-width: 1px 0px 1px 0px;display:inline-block;}
.guessarea-type.r{border-radius: 0 6px 6px 0;display:inline-block;}
.guessarea-type.full{border-radius: 6px;display:inline-block;}
.guessarea-type.a{background-color:white;color:gray;}
.guessarea-msgbox{background-color:white;opacity:0.7;border-radius:6px;width:80%;margin:3em 10%;text-align:center;padding: 5%;}
.guessarea-msgbox-result{border-radius:6px;text-align:center;padding: 5%;font-size: 4em;color:white;font-weight:bold;}
.guessarea-logo{background-repeat:no-repeat;background-position:50%;background-size:contain;width:4em;height:4em;border-radius:10%;border:0px;margin:auto;}
.guessarea-list{color:white;padding:3px;font-size:0.85em;}
.guessarea-list li{text-overflow:ellipsis;text-align:center; padding: 6px 0;}

.guesslist li{text-overflow :ellipsis;width:33.333%;text-align:center; padding: 6px 0;}
.ccguesslist{min-height:50vh;}
.ccguesslist-box-list{width: 100%;padding: 6px 6px 6px 2em;line-height: 1.5em;background-repeat: no-repeat;background-position: 0 50%;background-size:1.5em;text-align: left;border-bottom: lightgray 1px solid;}
.ccguesslist-box-list-noline{width: 100%;padding: 6px 6px 6px 2em;line-height: 1.5em;background-repeat: no-repeat;background-position: 0 50%;background-size:1.5em;text-align: left;}
.ccguesslist-box-list.t{background-Image: url(../img/tick.png);}
.ccguesslist-box-list.m{background-Image: url(../img/miss.png);}
.ccguesslist-box-list-noline.t{background-Image: url(../img/tick.png);}
.ccguesslist-box-list-noline.c{background-Image: url(../img/cross.png);}
.ccguesslist-box{border:1px lightgray solid !important;padding: 6px;margin:6px;border-radius:6px;}
.ccguesslist li{text-overflow :ellipsis;width:33.333%;text-align:center; padding: 6px 0;}

.guesslist-box{border:1px lightgray solid !important;padding: 6px;margin:6px;border-radius:6px;}
.guesslist-rate{/*color:green;*/}
.guesslist-team{color:darkblue;}
.guesslist-logo{background-repeat:no-repeat;background-position:50%;background-size:contain;height:2.5em;}
.guesslist-date{background-color:lightskyblue;padding: 6px;margin:6px;cursor:pointer;font-weight:bold;text-align:center;border-radius:6px;}
.guesslist-date li{width:100%;text-align:center;font-weight:bold;}
.guesslist-class{width:70% !important;text-align:left !important;}
.guesslist-time{width:30% !important; text-align: right !important;padding-right:6px !important;}
.guesslist-full{width:100% !important;text-align:right !important;font-weight:bold;padding-right:0.5em !important;}
.guesslist-result{width: 100% !important;padding:6px 2em 6px 6px !important;line-height: 1.5em;background-repeat: no-repeat;background-position: 100% 50%;background-size:1.5em;text-align: right !important;font-weight:bold;}
.guesslist-result.t{background-Image: url(../img/tick.png);color:green;}
.guesslist-result.m{background-Image: url(../img/miss.png);color:red;}
.guesslist-flag{height: 1em;display: inline-block;background-repeat: no-repeat;padding-left: 1.5em;background-size: 1em;}
.guesslist-flag-2{height: 1em;width: 1em;display: inline-block;background-repeat: no-repeat;padding-left: 1.5em;background-size: 1em;}
.ccguesslist-full{width:100% !important;}
.tablelist{padding: 0px;width: 100%; background-color: white;}
.tablelist li{text-overflow :ellipsis;width:calc(33% - 1em);text-align:center;font-size:0.85em !important;line-height:2.5em; padding:0.5em 0;}
.tablelist-large{padding: 0px;width: 100%; background-color: white;}
.tablelist-large li{text-overflow :ellipsis;width:calc(33.3% - 1.33em);text-align:center;font-size:1em;line-height:2em;}
.tablelist-large text{font-size:0.85em !important;}
.tablelist-ava{width:3em !important;height:2.5em;}
.tablelist-ava-large{width:4em !important;height:4em;}
.promolist{/*width: 100%; background-color: white;*/padding: 0px;margin:6px;border-radius:6px;}
.promolist li{text-overflow :ellipsis;width:calc(33% - 1em);text-align:center;font-size:0.85em !important;line-height:2em; padding:0.5em 0;}
.newslist-img{width:10em;height:7.5em;display:inline-block;background-repeat:no-repeat;background-position:50%;background-size:cover;float:left;}
.newlist-ul{padding:0px !important;}

.newslist-li{width:calc( 100% - 10em );display:inline-block;padding:1em 0.5em;height:7.5em;}
.newslist-li-full{width:100%;display:inline-block;padding:1em 0.5em;height:7.5em;}
.newslist-li .myui-list-title{word-break:break-all;white-space: normal!important;position: relative;top: 50%;transform: translateY(-50%);}
.newslist-li-full .myui-list-title{word-break:break-all;white-space: normal!important;position: relative;top: 50%;transform: translateY(-50%);}
.newslist-time{float: right; padding-top: 1.25em;}

.newhome-box{border:1px lightgray solid !important;padding:6px;margin:3px 6px;border-radius:6px;background-color: aliceblue !important;line-height:1.8em;text-align: center;}
/*Footer*/
.mb-footer-nav {background-color:black; width:100%; }
.mb-footer-nav li {width: 25%; height: 2.75em; float: left; color: white; text-align: center; line-height: 2.75em; box-sizing: border-box; background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 2.4em; cursor: pointer;}
/*zh-hk*/
.zh-hk .myicon-newhome.active {background-image:url(../img/icon/zh-hk/home-active.png) !important;}
.zh-hk .myicon-newhome{background-image:url(../img/icon/zh-hk/home.png);}
.zh-hk .myicon-home.active {background-image:url(../img/icon/zh-hk/guess-active.png) !important;}
.zh-hk .myicon-home{background-image:url(../img/icon/zh-hk/guess.png);}
.zh-hk .myicon-game.active {background-image:url(../img/icon/zh-hk/game-active.png) !important;}
.zh-hk .myicon-game{background-image:url(../img/icon/zh-hk/game.png);}
.zh-hk .myicon-channel.active {background-image:url(../img/icon/zh-hk/channel-active.png) !important;}
.zh-hk .myicon-channel{background-image:url(../img/icon/zh-hk/channel.png);}
.zh-hk .myicon-news.active {background-image:url(../img/icon/zh-hk/news-active.png) !important;}
.zh-hk .myicon-news{background-image:url(../img/icon/zh-hk/news.png);}

/*.zh-hk .myicon-newhome-s.active {background-image:url(../img/icon/home-active-s.png) !important;}
.zh-hk .myicon-newhome-s{background-image:url(../img/icon/home-s.png);}
.zh-hk .myicon-home-s.active {background-image:url(../img/icon/guess-active-s.png) !important;}
.zh-hk .myicon-home-s{background-image:url(../img/icon/guess-s.png);}
.zh-hk .myicon-game-s.active {background-image:url(../img/icon/game-active-s.png) !important;}
.zh-hk .myicon-game-s{background-image:url(../img/icon/game-s.png);}
.zh-hk .myicon-channel-s.active {background-image:url(../img/icon/channel-active-s.png) !important;}
.zh-hk .myicon-channel-s{background-image:url(../img/icon/channel-s.png);}
.zh-hk .myicon-news-s.active {background-image:url(../img/icon/news-active-s.png) !important;}
.zh-hk .myicon-news-s{background-image:url(../img/icon/news-s.png);}*/
/*zh-cn*/
.zh-cn .myicon-newhome.active {background-image:url(../img/icon/zh-cn/home-active.png) !important;}
.zh-cn .myicon-newhome{background-image:url(../img/icon/zh-cn/home.png);}
.zh-cn .myicon-home.active {background-image:url(../img/icon/zh-cn/guess-active.png) !important;}
.zh-cn .myicon-home{background-image:url(../img/icon/zh-cn/guess.png);}
.zh-cn .myicon-game.active {background-image:url(../img/icon/zh-cn/game-active.png) !important;}
.zh-cn .myicon-game{background-image:url(../img/icon/zh-cn/game.png);}
.zh-cn .myicon-channel.active {background-image:url(../img/icon/zh-cn/channel-active.png) !important;}
.zh-cn .myicon-channel{background-image:url(../img/icon/zh-cn/channel.png);}
.zh-cn .myicon-news.active {background-image:url(../img/icon/zh-cn/news-active.png) !important;}
.zh-cn .myicon-news{background-image:url(../img/icon/zh-cn/news.png);}

/*.zh-cn .myicon-newhome-s.active {background-image:url(../img/icon/home-active-s.png) !important;}
.zh-cn .myicon-newhome-s{background-image:url(../img/icon/home-s.png);}
.zh-cn .myicon-home-s.active {background-image:url(../img/icon/guess-active-s.png) !important;}
.zh-cn .myicon-home-s{background-image:url(../img/icon/guess-s.png);}
.zh-cn .myicon-game-s.active {background-image:url(../img/icon/game-active-s.png) !important;}
.zh-cn .myicon-game-s{background-image:url(../img/icon/game-s.png);}
.zh-cn .myicon-channel-s.active {background-image:url(../img/icon/channel-active-s.png) !important;}
.zh-cn .myicon-channel-s{background-image:url(../img/icon/channel-s.png);}
.zh-cn .myicon-news-s.active {background-image:url(../img/icon/news-active-s.png) !important;}
.zh-cn .myicon-news-s{background-image:url(../img/icon/news-s.png);}*/
/*table*/
#news-div, #table-print{/*order-radius:8px;*/display: block;padding:12px;background-color:white;border-bottom: 1px lightgray solid;/*margin:0.5em;*/}

/*Print*/
.panel-coin.myui-beforetxt:before{content:"現有金幣 ";}
.panel-coin.myui-beforecoin{background-repeat: no-repeat;background-position: 0 50%;background-size: 1.4em;padding-left:1.6em;padding-right:0.5em;background-image:url(../img/icon/coins.png); /*margin: auto;*/display: inline-block;height: 2.5em;line-height: 2.5em;}
.panel-coin{font-weight:bold;}

/*nav*/
#mb-channel-nav {margin: 0; padding: 0; width: 100%; list-style: none;display:inline-block;}
#mb-channel-nav li.active{}
#mb-channel-nav li.spacer {width: 0.5% !important; color:lightgray;}
#mb-channel-nav li { width: 33%; height: 2em; float: left; text-align: center; line-height: 2em; box-sizing: border-box; cursor: pointer; font-size: 1em;border-top:lightgray 1px solid;margin:0px;padding:0px;}

 #channel-rank{margin: 18px 0px;}

.ui-slider-track{border-radius: 14px !important;}

#myPanel{height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch;box-shadow:0px 0px 18px #888888;}

.myui-reg-logo{color:white;}
.myui-reg-3rdpartybox span{vertical-align: middle;height:2em;display:inline-block;background-size:1em;padding-left:1.5em;background-repeat:no-repeat;background-position: 0 50%;line-height: 2em;color: white;}