.list { }
.game { height:185px; }

.game .headline { background:#f5f5f5; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.game .headline > div { padding:6px 5px; height:30px; }
.game .headline .league { }
.game .headline .league span.s-type { }
.game .headline .league span.s-name { margin:0 0 0 5px; font-weight:bold; }
.game .headline .date { }

.game .gameinfo { margin-top: 3px; }
.game .gameinfo .game-no { }
.game .gameinfo .game-no p.proto_uid { display:inline-block; width:70px; padding:3px; text-align:center; background:#e6e6e6; }
.game .gameinfo .percent { }
.game .gameinfo .percent > .perbox { width:100px; height:23px; background:#f2f2f2; }
.game .gameinfo .percent > .perbox > ul { width:100%; height:23px; }

.game .gameinfo .percent > .perbox > ul > li.wp { color:#fff; font-size:9px; background:rgba(28, 132, 198, 0.5); }
.game .gameinfo .percent > .perbox > ul > li.dp { color:#fff; font-size:9px; background:rgba(0, 102, 0, 0.5); border-left:1px solid #fff; }
.game .gameinfo .percent > .perbox > ul > li.lp { color:#fff; font-size:9px; background:rgba(73, 73, 73, 0.5); border-left:1px solid #fff; }

.game .gameinfo .percent > .perbox > ul > li.wp.unmarking { color:#fff; font-size:9px; background:rgba(28, 132, 198, 0.3); }
.game .gameinfo .percent > .perbox > ul > li.dp.unmarking { color:#fff; font-size:9px; background:rgba(0, 102, 0, 0.3); border-left:0; }
.game .gameinfo .percent > .perbox > ul > li.lp.unmarking { color:#fff; font-size:9px; background:rgba(73, 73, 73, 0.3); border-left:0; }

.game .gameinfo .percent > .perbox > ul > li.wp.marking { color:#fff; font-size:9px; background:rgba(28, 132, 198, 0.8); border:2px solid #1872ad; }
.game .gameinfo .percent > .perbox > ul > li.dp.marking { color:#fff; font-size:9px; background:rgba(0, 102, 0, 0.8); border:2px solid #006600; }
.game .gameinfo .percent > .perbox > ul > li.lp.marking { color:#fff; font-size:9px; background:rgba(73, 73, 73, 0.8); border:2px solid #494949; }


/*
.game .gameinfo .percent > .perbox > ul > li.wp { color:#fff; font-size:9px; background:rgba(28, 132, 198, 0.5); border:1px solid rgba(28, 132, 198, 1); border-right:0; }
.game .gameinfo .percent > .perbox > ul > li.dp { color:#fff; font-size:9px; background:rgba(0, 102, 0, 0.5); border:1px solid rgba(0, 102, 0, 0.3); border-right:0; }
.game .gameinfo .percent > .perbox > ul > li.lp { color:#fff; font-size:9px; background:rgba(73, 73, 73, 0.5); border:1px solid rgba(73, 73, 73, 0.3); }

.game .gameinfo .percent > .perbox > ul > li.wp { background:url(/images/basic/bow1.png) repeat; }
.game .gameinfo .percent > .perbox > ul > li.dp { background:url(/images/basic/bow3.png) repeat; }
.game .gameinfo .percent > .perbox > ul > li.lp { background:url(/images/basic/bow5.png) repeat; }
*/


/*
.game .gameinfo .hand-box { display:inline-block; width:70px; padding:3px; text-align:center; }
.game .gameinfo .hand-H { background:#ff7d7d; color:#fff; font-weight:bold; }
.game .gameinfo .hand-U { background:#cc99ff; color:#fff; font-weight:bold; }
.game .gameinfo .hand-N { background:#ffffff; color:#555; border:1px solid #555; padding:2px; font-weight:bold; }
*/
.game .gameinfo .status { text-align:center; }
.game .gameinfo .status .game_state { display:inline-block; width:100px; padding:3px; text-align:center; background:#f2f2f2; }
.game .gameinfo .status .state_ready { background:#9fbf9f; color:#fff; }
.game .gameinfo .status .state_cancel { background:#ff0000; color:#fff; }
.game .gameinfo .status .state_finish { background:#838383; color:#fff; }
.game .gameinfo .status .state_live { background:#009900; color:#fff; }
.game .gameinfo .status .state_play { background:#669966; color:#fff; }

.game .score { margin-top:3px; }
.game .score > ul { display: table; width:100% }
.game .score > ul li { display: table-cell; }
.game .score > ul li p { padding:5px; }
.game .score > ul li p.home { text-align:right; font-weight:bold; font-size:14px; }
.game .score > ul li p.home > span.handicap { font-size:12px; color:#ff6666; }
.game .score > ul li p.home > span.underover { font-size:12px; color:#0066cc; }
.game .score > ul li p.vs { text-align:center; font-weight:bold; font-size:14px; padding:5px 0; }
.game .score > ul li p.away { text-align:left; font-weight:bold; font-size:14px; }

.game .score span.update { position:absolute; }
.game .score span.update button.btn-green { padding:0 5px; background:#00ccff; border:1px solid #00bdec; color:#333; }

.game .odds { margin-top:3px; }
.game .odds > table { }
.game .odds > table tbody tr td { width:20%; text-align:center; }
.game .odds > table tbody tr td.line { border:1px solid #ccc; }
.game .odds > table tbody tr td.marking { background:#cccc99; }
.game .odds > table tbody tr td.live_marking { background:#e3e3c8; }
.game .odds p.empty { text-align:center; padding:14px; font-size:14px; background:#f5f5f5; height:49px; }

.game .analizer { margin-top:6px; }

td.marking { background:#eaead5; }
span.bet-up:after { content:""; position:absolute; width:7px; height:6px; background:url('/images/basic/icon/ico_up.gif') no-repeat; margin: 5px 0 0 3px; }
span.bet-down:after { content:""; position:absolute; width:7px; height:6px; background:url('/images/basic/icon/ico_down.gif') no-repeat; margin: 5px 0 0 3px; }

td.game_pos { font-weight:bold; }
td.game_win { background:#e6ffe6; }
td.red_mark { background:#ffdfdf; }
tr.home { background:#ccccff; }
tr.away { background:#ffddde; }

div.fav-box { padding:2px; }
div.fav-box p.fav { padding:5px 8px; border:1px solid #a7a7a7; background:#ccc; }
div.fav-box p.fav-active { color:#fff; border:1px solid #222; background:#555; }
div.fav-box p.fav-dis { padding:5px 10px; background:#ccc; }

/* mobile */
@media (max-width: 767px){

}

/* ipad (768x1024) or galaxy tab(800x1280) mobile device */
@media (min-width: 768px){
	.list { margin: 0 -5px; }
	.game { height:185px; margin: 10px 0; padding: 0 5px; }
	.game > .item { padding:5px; border:2px solid #bbb }

	table.lastest-history > thead > tr > th { width:20%; }
	table.lastest-history > thead > tr > th.game-date   { width:20%; }
	table.lastest-history > thead > tr > th.game-league { width:20%; }
	table.lastest-history > thead > tr > th.game-home   { width:20%; }
	table.lastest-history > thead > tr > th.game-away   { width:20%; }
	table.lastest-history > thead > tr > th.game-result { width:20%; }

}

/* desktop */
@media (min-width: 1200px){
	.list { margin: 0 -5px; }
	.game { height:185px; margin: 10px 0; padding: 0 5px; }
	.game > .item { padding:5px; border:2px solid #bbb }
}