body {background-position: top center;background-color: #004b81;}
ol li,ul li {list-style: none;}
.red {color: #e62129;}
#lottory_menu {clear: both;line-height: 29px;color: #333;font-size: 12px;background-color: #f3f4f9;width: 950px;padding: 0px;}
#lottory_menu #stop {margin: 0px auto;padding: 0px auto;position: relative;z-index: 99999;}
#web_top {width: 950px;padding: 2px 0px;background: none;}
#web_nav {float: right;background: url(../images/head/menuBG.gif) repeat-x;border-radius: 4px;height: 36px;width: 749px;padding-bottom: 2px;padding-left: 7px;margin-top: 4px;Z-INDEX: 50;margin-right: 5px;position: relative;Z-INDEX: 2;}
#web_nav li {float: left;list-style-position: inside;list-style-image: none;list-style-type: none;}
#web_nav span a {font-size: 14px;font-weight: normal;color: #FFFFFF;line-height: 38px;display: block;text-align: center;padding-top: 0;padding-right: 13px;padding-bottom: 0;padding-left: 13px;}
#web_nav span a:hover,#web_nav span a.on {color: #FFF;text-decoration: none;background: #156790;background-image: none;}
#web_nav LI UL {LEFT: -999em;WIDTH: 180px;POSITION: absolute;padding: 6px;background-image: url(../images/head/n_bg.gif);border: 3px solid #1C90D1;}
#web_nav LI UL LI {LEFT: 100%;TOP: 0px;float: left;}
#web_nav LI:hover UL {Z-INDEX: 999;background-image: url(../images/head/n_bg.gif);LEFT: auto}
#web_nav LI.sfhover UL {Z-INDEX: 999;background-image: url(../images/head/n_bg.gif);LEFT: auto}
#web_nav LI UL LI a,#web_nav LI UL LI a:visited {color: #333333;font-size: 12px;line-height: 28px;display: block;height: 28px;width: 76px;text-align: center;border-bottom: 1px solid #E7E7E7;font-weight: normal;}
#web_nav LI UL LI a:hover {color: #FFFFFF;background-color: #FF9900;text-decoration: none;background-image: none;}
#web_top2 {width: 940px;margin: 0 auto 0 auto;background: #e9e9e9;padding: 5px;line-height: 26px;font-size: 12px;}
#web_top2 table {float: left;height: 26px;}
#web_top2 table tr td {line-height: normal;}
#web_top2 table tr td input {margin: 0px;margin-right: 5px;}
#web_top2 .ddlBox {z-index: 5;}
#web_top2 .languageBox {float: left;background: #FFF;border-radius: 2px;border: solid 1px #d6d6d6;color: #333;border-radius: 4px;overflow: hidden;}
#web_top2 .languageBox a {WIDTH: 30px;HEIGHT: 24px;display: block;line-height: 24px;text-align: center;text-decoration: none;float: left;color: #333;}
#web_top2 .languageBox a:hover {color: #e62129;background-image: none;}
#web_top2 .languageBox a.lgg {border-radius: 4px;background: #209dde;color: #fff;margin: 1px;height: 22px;line-height: 22px;*height: 22px;*line-height: 22px;}
label:hover {color: #e62129;background-image: none;}
#toolslabel {cursor: pointer;font-size: 12px;color: red;}
.liveTools {margin-top: 6px;}
.liveTools input[type="checkbox"] {position: relative;bottom: -2px;}
.liveTools .txt {line-height: 26px;float: left;margin-left: 10px;}
.liveTools label {cursor: pointer;line-height: 26px;}
#ad {background: #f5f5f5;}
.setting {color: #333333;border: solid 1px #ccc;border-radius: 4px;text-align: center;overflow: visible;padding: 4px 6px;*padding: 4px 5px;background: #fff;text-align: center;cursor: pointer;height: auto;width: auto;line-height: normal;float: left;margin-right: 2px;}
.ri_menu li.on,.ri_menu li.on:hover {border: solid 1px #af4d17;color: #fff;text-decoration: none;border-radius: 4px;text-align: center;padding: 4px 6px;*padding: 4px 5px;background: #e66721;text-align: center;height: auto;width: auto;line-height: normal;float: left;}
.ri_menu li.on a,.ri_menu li.on:hover a {color: #fff;text-decoration: none;background-image: none;}
input.btn222 {*padding: 5px 5px;}
.btn:hover,.btn>a:hover,.btn33:hover,.btn222:hover,.ri_menu li:hover {border: solid 1px #35aae5;color: #35aae5;text-decoration: none;border-radius: 4px;text-align: center;background: #fff;text-align: center;height: auto;width: auto;line-height: normal;float: left;background-image: none;}
.btn33_on,.btn222_on,.btn22_on {border: solid 1px #af4d17;color: #fff;text-decoration: none;border-radius: 4px;text-align: center;padding: 4px 6px;*padding: 4px 5px;overflow: visible;background: #e66721;text-align: center;height: auto;width: auto;line-height: normal;margin-right: 2px;float: left;background-image: none;}
.ddlBox {float: left;padding-right: 13px;cursor: pointer;}
.ddlBox>i {padding: 8px 5px;background: url(/images/ddlIcon.gif) no-repeat center center;float: right;margin-left: 5px;position: absolute;right: 0;top: 6px;}
.toolAD {float: left;width: 380px;text-align: center;}
#TimeZone {font-size: 11px;font-weight: normal;margin-left: 5px;float: left;padding-right: 15px;background: url(/images/clock.gif) right 7px no-repeat;cursor: pointer;margin-right: 10px;color: #333;}
.ballInBox .title {color: #333;line-height: 26px;}
.ballInBox .icon {background: url("../images/uji.gif") no-repeat;display: block;width: 21px;height: 23px;float: left;}
.hmunber {line-height: 26px;width: 80px;padding: 0px;}
.ri_menu {height: 26px;line-height: normal;}
.ri_menu li a {line-height: normal;height: auto;background-image: none;margin-right: 0px;}
.ri_menu .ddlBox a,.ri_menu li a:hover {background-image: none;}
.ri_menu .ddlBox a:hover,#divMatchType3 a:hover,#divCompany a:hover {color: red;}
#web_top2 .setting,#web_top2 a.setting {background: #209dde url("../images/setting.gif") no-repeat 5px center;color: #fff;padding-left: 21px;border: #209dde solid 1px;}
#web_top2 a.setting:hover {color: yellow;}
#web_top2 a.setting:link,#web_top2 a.setting:visited {color: #fff;}
#web_top2 .sound,#web_top2 .sound:hover {background: #fff url("../images/sound.gif") no-repeat 5px center;color: #333;padding-left: 21px;}
.popupBox {border: none;padding: 0px;position: absolute;background: #fff;border-radius: 4px;overflow: hidden;-webkit-box-shadow: 0 0 10px #666;-moz-box-shadow: 0 0 10px #666;box-shadow: 0 0 10px #666;background: #fff url("../images/popupBG.gif") top left repeat-x;z-index: 999;}
.popupBox .info {padding: 10px;width: auto;line-height: 26px;}
.popupBox .cc a {float: right;background-image: url(/images/cc.gif);display: block;height: 15px;width: 15px;margin-top: 1px;position: absolute;right: 8px;top: 8px;cursor: pointer;}
.popupBox .sotit {margin: 0px;padding: 0;height: auto;width: 100%;border: none;background: none;overflow: hidden;}
.popupBox .title,.popupBox h2 {display: block;background: none;line-height: 34px;padding: 0px;height: auto;margin: 0px;padding-left: 10px;font-weight: bold;font-size: 14px;text-align: left;color: #333;}
.popupBox .bts {overflow: hidden;padding: 10px;border-top: #f4f4f4 solid 1px;text-align: right;}
.popupBox .bts .countBox {float: left;line-height: 26px;}
.popupBox .bts .ok {float: right;background: #209dde;color: #fff;border: none;padding: 4px 8px;margin: 0px;border-radius: 2px;}
.popupBox .bts input,.popupBox .vsbtn {line-height: 22px;padding: 0 5px;}
.ddlbox .bts .countBox {float: left;line-height: 26px;}
#Layer3 {border: none;width: 150px;padding: 0px;top: 35px;left: -105px;}
#Layer2 {border: none;padding: 0px;width: 693px;}
#soundPopup {top: 36px;left: -90px;width: 110px;}
#DivCountry {border: none;width: 580px;padding: 0px;}
#filterBox {width: 422px;top: 36px;left: -300px;}
#filterBox #filterList .item {width: 100%;overflow: hidden;margin: 5px 0;display: block;}
#filterBox #filterList .item .btn {font-size: 14px;width: 95px;padding: 0;margin-right: 5px;float: left;line-height: 30px;}
#filterBox #filterList .item .btn.on {background: #209dde;color: #fff;border: 1px solid #209dde;width: 95px;padding: 0;margin-right: 5px;float: left;line-height: 30px;}
#filterBox #filterList .item .btn.off,#filterBox #filterList .item .btn.off:hover {color: #333;background: #e2e2e2;background-image: none;}
#filterBox #filterList .item .name {float: left;padding: 0;line-height: 30px;width: 85px;padding-right: 10px;text-align: right;}
.clear {clear: both;}
.test {color: #fff;}
.flash {animation: change 1s ease-out;color: red;}
.flash2 {animation: change2 1s ease-out;color: red;}
.ballInBox {line-height: 26px;height: 26px;width: 750px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.subTools {width: 940px;margin: 0 auto;height: 30px;line-height: 30px;}
.subTools #datalist {float: left;}
.subTools #datalist .sortbySelect {color: #fff;margin: 5px 0 0 0;}
/* .subTools #datalist a.red{color:red;} */
.subTools #datalist a {color: #333;margin: 0 10px;display: block;min-width: 70px;float: left; text-align: center;}
.subTools #datalist .sortbySelect {min-width: 80px;color: #fff;margin: 5px 0 0 0;background: url(/image/dateBtn.gif) no-repeat top center;}
/* .subTools .FilterDate {margin-top: 2px;} */

.subTools .FilterDate {float: left;margin-left: 15px;}
.subTools .FilterTeam {float: right;}
.subTools .FilterTeam input {border: solid 1px #cccccc;padding: 3px;margin-top: -3px;border-radius: 2px;}
.subTools .FilterTeam input[type="submit"] {cursor: pointer;}
.subTools #showDate {top: 30px !important;left: 0 !important;width: 260px;border-radius: 4px;}
.subTools #showDate:hover {color: #333;}
.subTools .calendar-modal {border: 1px solid #4d829d;}
.subTools .calendar-ct {margin: 0 auto;}
.subTools .view {width: 261px;}
.subTools .calendar .calendar-views .now {color: #197e44;}
@keyframes change {0% {color: red;}
25% {color: yellow;}
50% {color: green;}
75% {color: yellow;}
100% {color: red;}
}
@keyframes change2 {0% {color: red;}
25% {color: yellow;}
50% {color: green;}
75% {color: yellow;}
100% {color: red;}
}