@charset "utf-8";

.oddsview {display: block;}


.TopMt {width: 553px;margin-top:10px;float:left;}
.TopMt table.table02 td {padding:4px 0 4px;}
.TopMt .relative {margin-bottom:6px;}
.TopMt .relative > div {position:absolute;right:10px;top:20px;width:200px ;height: 83px;background: url("../image/base/bg_white.png") repeat;border-radius: 3px;border:none;}
.TopMt .relative > div > p {font-style: italic;}
.TopMt .relative > div > h4 {font-style: italic;font-size: 14px;color:#4c7f58;/*font-family:SF-Compact-bold;*/padding-bottom: 5px;font-weight: bold;}
.TopMt .relative > div > div.oddBox {border:1px solid #97b49e;border-radius: 3px;padding:3px 10px;}
.TopMt .relative > div > div.oddBox p {line-height: 20px;}



  /*
.TopMt .relative > div > table td {background: none;}
.TopMt .relative > div > table td:nth-of-type(1) > span {margin-right:5px;}
.TopMt > table .big_logos {margin-bottom:5px;}
.TopMt > table span.orange {margin-right:10px;}
*/

.oddsHotCont {margin-top:10px;width:375px;}
.oddsHotCont .VS_view {position:relative;}
.oddsHotCont .VS_view > div:nth-of-type(1) {border:1px solid #bad6c1;border-radius: 3px; padding:11px 10px;}
.oddsHotCont .VS_view > div > p {display: inline-block;text-align: center; position: absolute;left:0;right:0;margin:0 auto;top:22px;font-size: 12px;}
.oddsHotCont .VS_view > div > div {padding:9px 0 10px;clear: both;display: block;content:"";margin:0 10px;}
/*
.oddsHotCont .VS_view > div > div > table th {color:#4c7f58; font-style: italic;}
.oddsHotCont .VS_view > div > div > table td {border-bottom:1px solid #fff !important; font-style: italic;color:#444;}*/

.oddsHotCont .VS_view > div > div > table th .topth02 {font-style: italic;background: #eee;}
.oddsHotCont .VS_view > div > div > table td {color:#444;}

.oddsHotCont .VS_view ul {float:left;width: 100%;position:relative;padding-top:30px;}
.oddsHotCont .VS_view ul::before {width: 36px;height: 45px;display: inline-block;content: "vs";background: url("../image/base/bg_vs.jpg") no-repeat;font-size: 0;position: absolute;left:0;right:0;margin:24px auto 0;}
.oddsHotCont .VS_view ul::after {width: 36px;height: 16px;text-align: center;display: inline-block;content: "A/H";position: absolute;left:0;right:0;bottom:15px;margin:0 auto;font-size: 14px;}
.oddsHotCont .VS_view ul li:nth-of-type(1) {float:left;width: 122px;}
.oddsHotCont .VS_view ul li:nth-last-of-type(1) {text-align: right;float:right;width: 122px;}
.oddsHotCont .VS_view ul li img {display: inline-block;margin:15px 34px 5px; width: 54px;}
.oddsHotCont .VS_view ul li p {padding:0 10px;}
.oddsHotCont .VS_view ul li p.green {font-size: 13px;line-height: 16px;padding:6px 0 15px;text-align: center;font-weight: bold;}

ul.rankingUl {margin-top:5px;}
ul.rankingUl li {border:1px solid #fff;height:24px;line-height: 24px;text-align: center;}
ul.rankingUl li:hover {cursor: pointer;background: #f7f7f7;}
ul.rankingUl li.first {border:1px solid #bad6c1;font-family:SF-Compact-bold; font-size:13px;color:#444;border-radius: 3px;color:#4c7f58;}
ul.rankingUl li div:nth-of-type(1) {display: inline-block;width:34px ;text-align: center;}
ul.rankingUl li div:nth-of-type(2) {display: inline-block;width:189px;}
ul.rankingUl li > p {display: inline-block;width:60px ;}
ul.rankingUl li > span {display: inline-block;width:59px ;}

.oddsHotCont .VS_view + div {border-bottom:1px solid #bad6c1;padding-bottom:5px;margin-top:6px;}
.oddsHotCont .VS_view > div > div table:nth-last-of-type(1) {border-bottom:none;}
.oddsHotCont .VS_view table thead + tbody:nth-last-of-type(1) tr:nth-last-of-type(1) td {border-bottom: none;}

.HotSt {width:352px;margin-top:10px; float:right;position:relative;}
.HotSt > p {font-style: italic;line-height: 1.4;}
.HotSt > p:nth-of-type(1) {margin-top:10px;}
.HotSt > h4 {font-style: italic;font-size: 16px;color:#4c7f58;/*font-family:SF-Compact-bold;*/padding-bottom: 8px;}
.HotSt > p.box {border-radius: 3px;background: #eee;display: inline-block;padding:0 10px;line-height: 20px;}
.HotSt > table:nth-of-type(1) thead tr {font-style: italic;background: url("../image/base/bg_HotSt.jpg") no-repeat 0 26px;}
.HotSt > table:nth-of-type(1) thead tr th {color:#4c7f58;padding-bottom:3px;}
.HotSt > table:nth-of-type(1) td {font-style: italic;color:#444;border-bottom:1px solid #fff !important;}
.HotSt > table:nth-of-type(1) td span {margin:0 5px;}
.HotSt > table:nth-of-type(1) tr:hover td  {background: none;}
.HotSt > a {position:absolute;right:10px;top:5px;border-radius: 3px;display: inline-block;border:1px solid #ddd;width: 48px;height: 18px;line-height: 18px;color:#888;text-align: center;}
.HotSt > a::after {display: inline-block;content: "";background: url("../image/base/arrow.png") no-repeat 0 -720px; width: 5px;height: 7px;margin-left:5px;}


.linebar01 {background: #4c7f58;border-radius: 3px;color:#fff;position:relative;line-height: 26px;padding:0 10px;font-weight: bold;font-size: 12px;margin-bottom:5px;margin-top:10px;}
.linebar02 {background: #bad6c1;border-radius: 3px;color:#4c7f58;position:relative;line-height: 26px;padding:0 10px;font-weight: bold;font-size: 12px;margin-bottom:5px;margin-top:10px;}
div[class^=linebar]:nth-of-type(1) {margin-top:0;}
div[class^=linebar] a {position: absolute;right:5px;top:0;color:#fff;font-weight: normal;padding-right:21px;}
div[class^=linebar] a::after {display:inline-block;content:"";width: 14px;height: 14px;border-radius: 3px;position: absolute;top:5px;right:0;border:1px solid #fff;background: #fff url("../image/base/arrow.png") no-repeat 5px -1317px;}
.linebar02 a {color:#4c7f58 !important;}
.linebar02 a::after {border:1px solid #92b49a !important;}