.cover {
    position: relative;
    min-height: 1px;
    float:left;
    width:100%;
}
a, img, a img {
    border:none;
    outline:none !important;
}
a {
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
.searchbar-container {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #0094ff;
    width: 100%;
    text-align: center;
}
.searchbar-msg {
    margin-left:10px;
    color:#ffffff;
}

button:focus, button.focus {
    outline:none;
}
.carousel-indicators {
	margin-bottom:0px;
	bottom:10px;
}
body {
	background-color: #222222;
	background-image: url(../../images/theme/Mio4D/bg.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
body.masterpage {
    background: none;
}
.middleBackground {
}
.masterpage .mainHeader {
	background-color: #000000;
}
#login-form label {
    margin-bottom:0px;
}
.annoucementContainer {
    color:#ffffff;
    font-weight:bold;
    line-height:24px;
}
.mainpage .annoucementContainer.cover, .mainpage .annoucementContainer .col-xs-12 {
    min-height:5px;
}
.contentMainBanner .container, .annoucementContainer .container {
    width:100%;
    max-width:1000px;
}
.contentMainBanner .col-xs-12, .annoucementContainer .col-xs-12 {
    padding:0px;
}
#carousel1 {
    max-width:1000px;
    margin:0px auto;
}
.contentMainBanner .col-xs-12, .contentBtmBanner .col-xs-12, .contentResult .col-xs-12, .contentMainNavbar .col-xs-12 {
    padding:0px;
}
.contentMasterPage {
    text-align:center;
}
/****versionlink***/
.versionLinkContainer {
    background-color:#ffffff;
    text-align:center;
    font-size:11px;
    line-height:11px;
}
.versionLinkContainer a {
    color:#666666;
    padding-left:25px;
    display:block;
    text-decoration:none;
}
.versionLinkContainer a:hover {
    color:#333333;
    text-decoration:none;
}
.versionLinkContainer .col-xs-4, .versionLinkContainer .col-xs-6 {
    padding:10px 0px;
}
.versionLinkContainer .mobileversionlink, .versionLinkContainer .wapversionlink {
    border-right:1px solid #e8e8e8;
}
.versionlinktitle {
    text-transform:uppercase;
    display:block;
    font-weight:bold;
    font-size:16px;
    line-height:16px;
}
.versionLinkContainer .glyphicon-phone {
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-44px;
    margin-top:-11px;
    font-size:22px;
}
.versionLinkContainer .wapicon {
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-40px;
    margin-top:-12px;
    background: url(../../images/theme/Mio4D/iconwap.png) no-repeat top left transparent;
    width: 24px;
    height: 24px;
}
.versionLinkContainer a:hover .wapicon {
    background: url(../../images/theme/Mio4D/iconwap.png) no-repeat top right transparent;
}
.versionLinkContainer .androidicon {
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-54px;
    margin-top:-12px;
    background: url(../../images/theme/Mio4D/iconandroid2.png) no-repeat top left transparent;
}
.versionLinkContainer a:hover .androidicon {
    background: url(../../images/theme/Mio4D/iconandroid2.png) no-repeat top right transparent;
}
/****thumbnail******/
.tnbar {
    padding-left:7px;
    padding-right:7px;
}
.tnbar .tncontent{
    background-color:#031219;
    border:5px solid #445f68;
    font-size:13px;
    padding:15px 0px;
    color:#ffffff;
    margin:7px 0px;
    position:relative;
    cursor:pointer;
}
.tnbar .tncontent:hover {
    border:5px solid #e8c500;
}
.tnhover {
    top:0px;
    left:0px;
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    line-height:165px;
    background-color:rgba(0, 0, 0, 0.8);
    z-index:100;
    font-size:18px;
    display:none;
}
.tntitle {
    display:block;
    font-size:18px;
    font-weight:bold;
}
.tndate, tntime {
    display:block;
}
.tnresult {
    display:block;
    font-size:45px;
    font-weight:bold;
    color:#e8c500;
}
/****result***/
.contentResult {
    color:#ffffff;
    font-weight:bold;
    text-align:center;
    font-size:20px;
    padding-top:10px;
    line-height:50px;
}
.resultTitle {
    background-color:#1f4f59;
}
.mainresulttable {
    margin-bottom:0px;
}
.mainresulttable .table-header-st {
    font-size:15px;
    font-weight:bold;
    background-color:#2a7594;
    border:0px;
}
.mainresulttable .table-header-st th {
    border:0px;
}
.mainresulttable > tbody > tr > td {
    border:0px;
    color:#000000;
    font-size:15px;
    background-color:#ffffff;
    vertical-align:middle;
    font-weight:normal;
}
.mainresulttable .resultPoolTitle {
    color:#2a7594;
    font-size:16px;
    font-weight:bold;
}
.mainresulttable .resultPoolTime {
    text-decoration:underline;
}
.mainresulttable .resultPeriod {
    font-weight:bold;
    font-size:16px;
}
.mainresulttable .spanResultNum {
    background: #000000;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: inline-block;
    color: #fff;
    font-weight:bold;
    text-align:center;
    font-size:18px;
    width:30px;
    line-height:30px;
    padding:0px;
    margin:0px 2px;
}
.mainresulttable .table-row-normal > td {
    background-color:#e1e1e1;
}
.mainresulttable .table-row-stripped > td {
    background-color:#cdcdcd;
}
.btnResultDetail {
    font-weight:bold;
    text-shadow:none;
    text-transform:uppercase;
    background:none;
    background-color:#fed009;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.btnResultDetail:hover,
.btnResultDetail.active:hover,
.btnResultDetail:active:hover,
.btnResultDetail.active.focus,
.btnResultDetail:active:focus,
.btnResultDetail:active.focus,
.btnResultDetail:active,
.btnResultDetail.focus,
.btnResultDetail:focus {
    background-color: #ffd830;
    background-position:initial;
}
.btnResultDetail:active,
.btnResultDetail.active {
    border-color: #ffaa22;
}
.loseAmt {
    color:#ff4000;
}
/****outer page****/
.contentRegisterSuccess .main-content {
    min-height:300px;
    text-align:center;
}
.extraTop {
    margin-top: 50px;
}
/*****headerform*****/
#login-form .form-control{
    color: #000000;
    border-color:#666666;
}
#login-form label {
    display:block;
    text-align:left;
    font-size:12px;
    font-weight:bold;
    color: #ffffff;
}
#inputpassword2 {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.error-msg {
    color:#ff0000;
    font-size:12px;
    display: block;
}
.forgetpasswordlink {
    display:block;
    text-align:left;
}
.forgetpasswordlink a {
    text-decoration: none;
	color: #003196;
	margin-left: 10px;
}
.login-button, .login-button:visited, .login-button:link, .login-button:focus, .login-button.focus {
    width: 150px;
	height: 35px;
	border-radius: 5px;
	padding: 5px;
	background: #3d7ade;
	color: #fff;
	border: none!important;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.login-button:hover, .login-button:active, .login-button.active, .login-button:active:focus, .login-button.active:focus, .login-button:active.focus, .login-button.active.focus {
    color:#ffffff;
    text-decoration:none;
    outline:none;
}
.register-button, .register-button:visited, .register-button:link, .register-button:focus, .register-button.focus {
	width: 150px;
	height: 35px;
	border-radius: 5px;
	padding: 5px;
    background: #3dde58;
	color: #fff;
	border: none!important;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.register-button:hover, .register-button:active, .register-button.active, .register-button:active:focus, .register-button.active:focus, .register-button:active.focus, .register-button.active.focus {
    color:#ffffff;
    text-decoration:none;
    outline:none;
}
/****masterpage content*******/
.masterpage .annoucement {
    border:1px solid #e3e3e3;
    background-color:#f5f5f5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color:#222222;
    padding:0px 5px;
    margin:3px 0px;
}
.masterpage .logo-container {
    vertical-align:top;
}
.logomaster img {
    max-height:40px;
}
.leftheader-container, .logo-container, .rightheader-container {
    display:inline-block;
}
.leftheader-container {
    position:absolute;
    left:0px;
    top:0px;
    margin:0px;
}
.rightheader-container {
    float:right;
}
.refreshbox {
    display:inline-block;
    font-size:24px;
    vertical-align:top;
    margin-top:5px;
}
.btnrefresh {
    padding:5px 5px 2px 5px;
}
.infobox {
    display:inline-block;
    color:#ffffff;
    line-height:20px;
    vertical-align:top;
}
.btnbox {
    margin-top:3px;
    margin-left:5px;
    display:inline-block;
    vertical-align:top;
    position:relative;
}
.labelplayer {
    text-align:right;
    display:block;
}
.btnbox .glyphicon-user {
    margin-right:5px;
}
.btnbox .caret {
    margin-left:5px;
}
.btnmember, .btnmember:hover, .btnmember.focus, .btnmember:focus, .btnmember.active, .btnmember.active, .btnmember.active.focus, .btnmember:active:focus, .btnmember:active.focus, .btnmember:active:focus,
.btnmenu, .btnmenu:hover, .btnmenu.focus, .btnmenu:focus, .btnmenu.active, .btnmenu.active, .btnmenu.active.focus, .btnmenu:active:focus, .btnmenu:active.focus, .btnmenu:active:focus {
    outline:none;
}
/****iconbox menu****/
.iconbox-menu {
    display:none;
    position: absolute;
    left: 0px;
    z-index: 1000;
    max-width:420px;
    font-size: 14px;
    text-align: left;
    background-color: #333333;
}
.iconbox-menu.rightmenu {
    left:auto;
    right:0px;
}
.iconbox-menu .innerbox > ul {
    list-style: none;
    margin: 0px;
    padding: 5px;
    display:block;
}
.iconbox-menu .innerbox > ul > li {
    display:inline-block;
    width:33.33%;
    float:left;
    position:relative;
}
.iconbox-menu.rightmenu .innerbox > ul, .iconbox-menu.rightmenu .innerbox > ul > li {
    float:right;
}
.iconbox-menu .innerbox > ul > li > a {
    white-space: nowrap;
    overflow:hidden;
    padding:10px;
    margin:5px;
    display:block;
    text-align:center;
    color:#cccccc;
    border:1px solid #cccccc;
}
.iconbox-menu .innerbox > ul > li > a:hover, .iconbox-menu .innerbox > ul > li > a:active, .iconbox-menu .innerbox > ul > li > a:focus, .iconbox-menu .innerbox > ul > li > a:focus:active, .iconbox-menu .innerbox > ul > li > a:active:focus {
    text-decoration:none;
    color:#5bb7aa;
    border-color:#5bb7aa;
}
.iconbox-menu.rightmenu .innerbox > ul > li > a:hover, .iconbox-menu.rightmenu .innerbox > ul > li > a:active, .iconbox-menu.rightmenu .innerbox > ul > li > a:focus, .iconbox-menu.rightmenu .innerbox > ul > li > a:focus:active, .iconbox-menu.rightmenu .innerbox > ul > li > a:active:focus {
    text-decoration:none;
    color:#5cb85c;
    border-color:#5cb85c;
}
.iconbox-menu .innerbox > ul > li > a > span.glyphicon {
    margin: 0px auto;
    margin-bottom: 3px;
    display: block;
    font-size: 30px;
    width:30px;
    height:30px;
}
.glyphicon-game {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat 0px 0px;
}
.iconbox-menu .glyphicon-game1 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -30px -60px;
}
.iconbox-menu .glyphicon-game2 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -60px -60px;
}
.iconbox-menu .glyphicon-game3 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -90px -60px;
}
.iconbox-menu .glyphicon-game4 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -120px -60px;
}
.iconbox-menu .glyphicon-game5 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -150px -60px;
}
.iconbox-menu .glyphicon-game6 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -180px -60px;
}
.iconbox-menu .glyphicon-game7 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -210px -60px;
}
.iconbox-menu .glyphicon-game8 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -240px -60px;
}
.iconbox-menu .glyphicon-game9 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -270px -60px;
}
.iconbox-menu a:hover .glyphicon-game1, .iconbox-menu a:active .glyphicon-game1, .iconbox-menu a:focus .glyphicon-game1, .iconbox-menu a:focus:active .glyphicon-game1, .iconbox-menu a:active:focus .glyphicon-game1 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -30px -90px;
}
.iconbox-menu a:hover .glyphicon-game2, .iconbox-menu a:active .glyphicon-game2, .iconbox-menu a:focus .glyphicon-game2, .iconbox-menu a:focus:active .glyphicon-game2, .iconbox-menu a:active:focus .glyphicon-game2 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -60px -90px;
}
.iconbox-menu a:hover .glyphicon-game3, .iconbox-menu a:active .glyphicon-game3, .iconbox-menu a:focus .glyphicon-game3, .iconbox-menu a:focus:active .glyphicon-game3, .iconbox-menu a:active:focus .glyphicon-game3 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -90px -90px;
}
.iconbox-menu a:hover .glyphicon-game4, .iconbox-menu a:active .glyphicon-game4, .iconbox-menu a:focus .glyphicon-game4, .iconbox-menu a:focus:active .glyphicon-game4, .iconbox-menu a:active:focus .glyphicon-game4 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -120px -90px;
}
.iconbox-menu a:hover .glyphicon-game5, .iconbox-menu a:active .glyphicon-game5, .iconbox-menu a:focus .glyphicon-game5, .iconbox-menu a:focus:active .glyphicon-game5, .iconbox-menu a:active:focus .glyphicon-game5 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -150px -90px;
}
.iconbox-menu a:hover .glyphicon-game6, .iconbox-menu a:active .glyphicon-game6, .iconbox-menu a:focus .glyphicon-game6, .iconbox-menu a:focus:active .glyphicon-game6, .iconbox-menu a:active:focus .glyphicon-game6 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -180px -90px;
}
.iconbox-menu a:hover .glyphicon-game7, .iconbox-menu a:active .glyphicon-game7, .iconbox-menu a:focus .glyphicon-game7, .iconbox-menu a:focus:active .glyphicon-game7, .iconbox-menu a:active:focus .glyphicon-game7 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -210px -90px;
}
.iconbox-menu a:hover .glyphicon-game8, .iconbox-menu a:active .glyphicon-game8, .iconbox-menu a:focus .glyphicon-game8, .iconbox-menu a:focus:active .glyphicon-game8, .iconbox-menu a:active:focus .glyphicon-game8 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -240px -90px;
}
.iconbox-menu a:hover .glyphicon-game9, .iconbox-menu a:active .glyphicon-game9, .iconbox-menu a:focus .glyphicon-game9, .iconbox-menu a:focus:active .glyphicon-game9, .iconbox-menu a:active:focus .glyphicon-game9 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -270px -90px;
}
.newMsg {
	margin-top:-15px;
	right:0px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	display: block;
	font-size: 14px;
}
.main-navbar .newMsg {
	font-size: 12px;
}
.newMsgArrow {
	position: absolute;
	margin-left: -5px;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ff4000;
}
.newMsgContent {
	max-width: 200px;
	padding: 3px 8px;
	color: #fff;
	text-align: center;
	background-color: #ff4000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.badge {
    background-color:#ff4000;
}
.main-navbar.navbar-inverse .navbar-nav > li > a.mobile-button {
    text-transform:uppercase;
    position:relative;
    padding-left:35px;
    background: url(../../images/theme/Mio4D/new.png) no-repeat top right transparent;
}
.androidicon {
    position: absolute;
    top: 6px;
    left:10px;
    width:24px;
    height:24px;
    display:inline-block;
    background: url(../../images/theme/Mio4D/iconandroid.png) no-repeat top left transparent;
    margin:0px;
}
/***navbar***/
.masterpage .contentMainNavbar {
    background:url(../../images/theme/Mio4D/navbar2.jpg) repeat-x top left #ffffff;
}
.mainpage .contentMainNavbar {
    background:url(../../images/theme/Mio4D/navbar.jpg) repeat-x top left #ffffff;
}
.main-navbar.navbar-inverse .navbar-nav > li > a {
    color: #0048a1;
    font-size:14px;
}
.main-navbar.navbar-inverse .navbar-nav > li > a:hover {
    color: #00b4ff;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #000000;
}
.main-navbar {
    background:none;
    min-height:37px !important;
    margin-bottom: 0px !important;
    border:none;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background:#ffffff;
    color: #0048a1;
}
.navbar-toggle {
    margin-top:4px;
    margin-bottom:4px;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background:none;
}
.navbar-toggle {
    width: 100%;
    display:block;
    border:none;
    margin:0px;
    text-decoration:none;
    color:#ffffff;
    font-size:14px;
    height:40px;
    padding-left:15px;
    padding-right:15px;
}
.navbar-toggle:hover, .navbar-toggle:active, .navbar-toggle:visited, .navbar-toggle:link {
    text-decoration:none;
    color:#0048a1;
}
.navbar-toggle .iconbar-container {
    float:right;
    margin-top:4px;
}
.navbar-toggle .iconbar-container .icon-bar{
	background-color: #0048a1;
}
.masterpage .main-navbar.navbar-inverse .navbar-nav > li > a > span.glyphicon {
    margin:0px auto;
    margin-bottom:3px;
    display:block;
    font-size:26px;
    line-height:30px;
    width:30px;
    height:30px;
}
.main-navbar .glyphicon-game1 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -30px 0px;
}
.main-navbar .glyphicon-game2 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -60px 0px;
}
.main-navbar .glyphicon-game3 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -90px 0px;
}
.main-navbar .glyphicon-game4 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -120px 0px;
}
.main-navbar .glyphicon-game5 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -150px 0px;
}
.main-navbar .glyphicon-game6 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -180px 0px;
}
.main-navbar .glyphicon-game7 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -210px 0px;
}
.main-navbar .glyphicon-game8 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -240px 0px;
}
.main-navbar .glyphicon-game9 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -270px 0px;
}
.main-navbar a:hover .glyphicon-game1 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -30px -30px;
}
.main-navbar a:hover .glyphicon-game2 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -60px -30px;
}
.main-navbar a:hover .glyphicon-game3 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -90px -30px;
}
.main-navbar a:hover .glyphicon-game4 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -120px -30px;
}
.main-navbar a:hover .glyphicon-game5 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -150px -30px;
}
.main-navbar a:hover .glyphicon-game6 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -180px -30px;
}
.main-navbar a:hover .glyphicon-game7 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -210px -30px;
}
.main-navbar a:hover .glyphicon-game8 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -240px -30px;
}
.main-navbar a:hover .glyphicon-game9 {
    background: url(../../images/theme/Mio4D/allgameicon.png) no-repeat -270px -30px;
}
/***default page**/
.modal-backdrop {
    z-index:2147483640;
}
#annoucementmodal {
    z-index:2147483641;
}
button.close, button.close:focus {
    z-index:1;
    width:64px;
    height:64px;
    background:url(../../images/btnclose.png) no-repeat center center;
    filter: alpha(opacity=100);
    opacity: 1;
    position:absolute;
    top:-32px;
    right:-32px;
    border:none;
    outline: none;
}
button.close:hover {
    filter: alpha(opacity=90);
    opacity: .9;
    border:none;
    outline: none;
}
.contentMainBanner, .contentBtmBanner {
    margin-bottom:10px;
}
.contentBtmBanner .banner1 {
    text-align:left;
    padding:0px 3px 0px 0px;
}
.contentBtmBanner .banner2 {
    text-align:right;
    padding:0px 0px 0px 3px;
}
.maintenancePage .logo-container, .contentMaintenance .logo-container {
    text-align:center;
}
.maintenancePage .logo-container a {
    display:inline-block;
}
.contentMaintenance {
    margin-top:20px;
    margin-bottom:20px;
}
/****contact******/
.contentContact{
    background:url(../../images/theme/Mio4D/contactbg.jpg) repeat-x top left #000000;
    display:block;
    text-align:center;
}
.contentContact .row {
    margin:0px;
}
.contentContact ul {
    margin:0px;
    margin-left:-40px;
    list-style: none;
}
.contentContact ul li {
    display: inline-block;
    float: none;
}
.contentContact .contactbox {
	color:#ffffff;
    margin:5px 15px;
    -webkit-border-radius: 0px 12px 12px 0px;
    -moz-border-radius: 0px 12px 12px 0px;
    border-radius: 0px 12px 12px 0px;
    width: 0px;
    display: table;
    content: " ";
    padding-left: 40px;
    line-height:40px;
}
.contentContact a, .contentContact a:hover, .contentContact a:focus, .contentContact a:visited {
    color:#ffffff;
    text-decoration:none;
}
.contentContact .contactbox.blackberry {
    background: url(../../images/theme/Mio4D/contact/blackberry-icon.png) no-repeat 0px 4px;
}
.contentContact .contactbox.twitter {
    background: url(../../images/theme/Mio4D/contact/twitter-icon.png) no-repeat 0px 4px;
}
.contentContact .contactbox.googleplus {
    background: url(../../images/theme/Mio4D/contact/googleplus-icon.png) no-repeat 0px 4px;
}
.contentContact .contactbox.facebook {
    background: url(../../images/theme/Mio4D/contact/facebook-icon.png) no-repeat 0px 4px;
}
.contentContact .contactbox.line {
    background: url(../../images/theme/Mio4D/contact/line-icon.png) no-repeat 0px 4px;
}
.contentContact .contactbox.skype {
    background: url(../../images/theme/Mio4D/contact/skype-icon.png) no-repeat 0px 4px;
}
.contentContact .contactbox.sms, .contentContact .contactbox.phone {
    background: url(../../images/theme/Mio4D/contact/sms-icon.png) no-repeat 0px 4px;
}
.contentContact .contactbox.wechat {
    background: url(../../images/theme/Mio4D/contact/wechat-icon.png) no-repeat 0px 4px;
}
.contentContact .contactbox.whatsapp {
    background: url(../../images/theme/Mio4D/contact/whatsapp-icon.png) no-repeat 0px 4px;
}
.contentContact .contactbox.yahoo {
    background: url(../../images/theme/Mio4D/contact/yahoo-icon.png) no-repeat 0px 4px;
}
.contentContact .contactbox.email {
    background: url(../../images/theme/Mio4D/contact/email-icon.png) no-repeat 0px 4px;
}
/***bank***/
.contentBank{
    background-color:#000000;
    display:block;
    text-align:center;
}
.contentBank .container {
    border-bottom:1px solid #3e4046;
}
.bankbox {
    display:inline-block;
    margin:8px 10px;
}
.offline-indicator {  
    display:inline-block;
    width: 22px;
    height: 22px;
    background: url(../../images/theme/Mio4D/indicator.png) 0px -22px no-repeat;
}

.online-indicator {  
    display:inline-block;
    width: 22px;
    height: 22px;
    background: url(../../images/theme/Mio4D/indicator.png) 0px 0px no-repeat;
}
.bankbca {
    display:inline-block;
    background: url(../../images/theme/Mio4D/allbank.png) no-repeat -17px -22px;
    width: 69px;
    height: 20px;
}
.bankmandiri {
    display:inline-block;
    background: url(../../images/theme/Mio4D/allbank.png) no-repeat -98px -22px;
    width: 71px;
    height: 20px;
}
.bankbni {
    display:inline-block;
    background: url(../../images/theme/Mio4D/allbank.png) no-repeat -179px -24px;
    width: 65px;
    height: 18px;
}
.bankbri {
    display:inline-block;
    background: url(../../images/theme/Mio4D/allbank.png) no-repeat -262px -23px;
    width: 83px;
    height: 19px;
}
.bankocbc {
    display:inline-block;
    background: url(../../images/theme/Mio4D/allbank.png) no-repeat -359px -24px;
    width: 86px;
    height: 18px;
}
.bankcimb {
    display:inline-block;
    background: url(../../images/theme/Mio4D/allbank.png) no-repeat -465px -25px;
    width: 112px;
    height: 17px;
}
.bankdanamon {
    display:inline-block;
    background: url(../../images/theme/Mio4D/allbank.png) no-repeat -601px -22px;
    width: 81px;
    height: 20px;
}
.bankpanin {
    display:inline-block;
    background: url(../../images/theme/Mio4D/allbank.png) no-repeat -708px -26px;
    width: 93px;
    height: 14px;
}
.bankpermata {
    display:inline-block;
    background: url(../../images/theme/Mio4D/allbank.png) no-repeat -828px -23px;
    width: 82px;
    height: 21px;
}
.bankbii {
    display:inline-block;
    background: url(../../images/theme/Mio4D/allbank.png) no-repeat -931px -19px;
    width: 130px;
    height: 21px;
}
.bankbtn {
    display:inline-block;
    background: url(../../images/theme/Mio4D/allbank.png) no-repeat -1079px -19px;
    width: 56px;
    height: 24px;
}
.bankpulsa {
    display:inline-block;
    background: url(../../images/theme/Mio4D/allbank.png) no-repeat -1150px -18px;
    width: 105px;
    height: 26px;
}
.bankovo {
    display:inline-block;
    background: url(../../images/theme/Mio4D/allbank.png) no-repeat -1269px -20px;
    width: 77px;
    height: 21px;
}
.footer {
    padding-top:10px;
    height:auto;
    color:#ffffff;
    background-color:#000000;
    text-align:center;
}
.footer a {
	text-decoration: none;
	color:#3dd0d8;
}
.footer a:hover {
	text-decoration: underline;
	color: #3d7ade;
}
#leftBanner {
    position:absolute;
    margin-top:180px;
    top:0%;
    z-index:998;
    left:0px;
}
#rightBanner {
    position:absolute;
    margin-top:180px;
    top:0%;
    z-index:998;
    right:0px;
}
.alternativelinkContainer.cover, .alternativelinkContainer .col-xs-12 {
    min-height:0px;
}
.alternativelink {
    position:fixed;
    top:0%;
    left:0px;
    margin-top:100px;
    z-index: 9999;
    display:inline-block;
}
.alternativelink.cover {
    min-height:0px;
    width:auto;
}
.alternativelink .title {
    color:#ffffff;
    font-size:15px;
    padding:5px 5px 5px 10px;
    background-image: -webkit-linear-gradient(top, #005faf 0%, #004887 100%);
    background-image: -o-linear-gradient(top, #005faf 0%, #004887 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#005faf), to(#004887));
    background-image: linear-gradient(to bottom, #005faf 0%, #004887 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff005faf', endColorstr='#ff004887', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    background-color: #00539a;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    border:1px solid #416e94;
    min-width:175px;
    float:none;
    cursor:default;
}
.alternativelink ul {
    margin: 0px;
    padding-left:0px;
    list-style: none;
}
.alternativelink ul li {
    display: block;
    width:inherit;
}
.alternativelink .content {
    padding:0px;
}
.alternativelink ul li a {
    padding:5px 5px 5px 10px;
    color:#ffffff;
    display:block;
    background-color:#222222;
    border-right:1px solid #444444;
    border-bottom:1px solid #444444;
}
/******element*****/
.videoContainer {
    margin-bottom:10px;
}
#videotab {
    font-size:15px;
}
#videotab > li > a {
    color: #000000;
    background-color: #666666;
    border: 1px solid #000000;
    padding:5px 0px;
    margin-bottom:0px;
}
#videotab > li.active > a,#videotab > li.active > a:hover, #videotab > li.active > a:focus {
    border:1px solid #ffffff;
    border-bottom:1px solid #000000;
    background-color:#dddddd;
}
#videotab > li > a:hover {
    background-color:#6e6e6e;
}
.videoplayback {
    display:none;
}
.resultDisplay4d, .resultDisplayLiveball {
    color:#ffffff;
    font-size:15px;
    background-color:#222222;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:10px;
}
.resultDisplayTitle {
    font-size:18px;
    margin:15px 0px 10px 0px;
}
.resultDisplay4d .glyphicon, .resultDisplayLiveball .glyphicon{
    color:#0048a1;
}
.resultDisplayDate {
    padding:0px 10px;
    font-size:13px;
    margin-bottom:10px;
}
.resultDisplayArrow {
    position: absolute;
    top: 45px;
    right: 10px;
    display: inline-block;
}
.resultDisplayArrow .glyphicon {
    color: #ffffff;
    cursor: pointer;
    padding: 5px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
}
.resultDisplayGameMask {
    position:relative;
    height:200px;
    overflow:hidden;
    margin-bottom:10px;
}
.resultDisplayGame {
    background: url(../../images/theme/Mio4D/resultbar.jpg) repeat-x;
	background-size: auto 100%;
    padding:5px;
    float: left;
    width:100%;
    margin-bottom:10px;
    position:relative;
}
.resultDisplayGameTitle {
	padding: 0px 15px;
	color: #000000;
}
.resultDisplayGameTitle a{
    color:#000000;
}
.resultDisplayGameResult {
    position:absolute;
    top:0px;
    right:0px;
    line-height:22px;
    text-align:right;
    color:#000000;
    padding:5px 15px
}
#tweenContainer4d, #tweenContainerLive {
    position:absolute;
}
#tweenContainerLive .resultDisplayGameTitle {
    line-height:32px;
}
#tweenContainerLive img {
    width:32px;
    height:32px;
}
@media (min-width: 1200px) {
    .container {
        width: 1000px;
    }
}
@media (min-width: 1000px) {
    .login-button, .login-button:visited, .login-button:link,.register-button, .register-button:visited, .register-button:link  {
        display:block;
    }
}
@media (min-width: 992px) {
    .modal-dialog{
        margin-top:75px;
    }
}
@media (min-width: 768px) {
    .mainHeader .container {
        padding:0px;
    }
    .loginformContainer {
        text-align:right;
    }
    #login-form {
        margin-top:15px;
        margin-bottom:10px;
    }
    #login-form .form-group {
        vertical-align:top;
        margin-left:5px;
    }
    #login-form .form-control{
        width: 100px;
    }
    #login-form.collapse.in {
        display: inline-block;
    }
    .captchaform .row {
        margin:0px;
    }
    .captchaform .col-xs-6 {
        padding-left:0px;
        padding-right:0px;
    }
    .col-xs-6.captchainput, #inputcaptcha.form-control {
        width:90px;
    }
    .captchaimg {
        margin-left:5px;
        text-align:left;
    }
    .col-xs-6.captchaimg, .captchaimg img {
        width: 70px;
    }
    .form-inline .form-group.form-buttongroup {
        margin-top:10px;
    }
    .login-button, .register-button {
        margin-top:5px;
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .annoucementTitle {
        width:8%;
        margin:7px 0px;
        text-align:center;
        padding:0px 10px;
        color:#ffffff;
        font-weight:bold;
        display:inline-block;
        background-color:#0048a1;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        vertical-align:top;
    }
    .annoucement .divMarquee{
        margin-top:7px;
        width:91%;
        display:inline-block;
        float: right;
    }
    .masterpage .main-navbar .navbar-nav {
        margin-left: -15px;
    }
    #menugame {
        display:none !important;
    }
}
@media (max-width:767px) {
	.mainpage .annoucement .divMarquee{
		background-color:rgba(0,0,0,0.6);
	}
    button.close, button.close:focus {
        top:-15px;
        right:-15px;
    }
    .searchbar {
        padding:0px 60px 0px 10px;
        border:none;
        box-shadow:none;
        -webkit-box-shadow:none;
    }
    .extraTop {
        margin-top:73px;
    }
    .annoucementTitle {
        display:none;
    }
    .form-buttongroup {
        margin-bottom:0px;
    }
    .loginformContainer {
        margin-bottom:15px;
        padding-left:30px;
        padding-right:30px;
    }
    .logolink img{
        margin: 0px auto;
    }
    .logo-container {
        text-align:center;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #0048a1;
    }
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #00b4ff;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #000000;
    }
    .alternativelinkContainer {
        background-color:#0048a1;
    }
    .alternativelink {
        position:relative;
        margin-top:0px;
        float:right;
    }
    .alternativelink ul {
        list-style:circle;
    }
    .alternativelink ul li {
        display: inline-block;
        width:inherit;
    }
    .alternativelink ul li a {
        margin: 2px 0px;
        background-color:transparent;
        border:1px solid #ffffff;
        padding:5px 15px;
    }
    .masterpage .contentHeader {
        min-height:64px;
    }
    .btnbox {
        position:absolute;
        right:0px;
        top:0px;
        margin:0px;
    }
    .rightheader-container {
        display:block;
        text-align:center;
        float:none;
    }
    .btnmenu {
        padding:5px 13px;
    }
    .btnbox .btnmember {
        padding:5px 8px;
    }
    .btnbox .glyphicon-user ,.btnmenu .glyphicon-game, .iconbox-menu .menutitle .glyphicon {
        margin:0px auto;
        margin-top:3px;
        display:block;
        font-size:26px;
        line-height:30px;
        width:30px;
        height:30px;
    }
    .btnbox .caret {
        display:none;
    }
    .masterpage .logo-container {
        display:block;
        text-align:center;
        margin-top: 5px;
    }
    .masterpage .logo-container > a > img.img-responsive{
        display:inline-block;
    }
    .logomaster img {
        max-height:54px;
    }
    .iconbox-menu {
        display:none;
        position: fixed;
        top: 0px;
        bottom: 0px;
        left: 0px !important;
        right: 0px !important;
        max-width:100%;
        background-color: rgba(0,0,0,0.3);
    }
    .iconbox-menu .innerbox {
        position: fixed;
        overflow-x:hidden;
        overflow-y:auto;
        float:left;
        top:0px;
        bottom:0px;
        display:block;
        width: 90%;
        max-width:420px;
        background-color:#333333;
    }
    .iconbox-menu.rightmenu .innerbox {
        float:right;
        left:auto;
        right:0px;
    }
    .leftheader-container .btnmenu {
        background-color:#41978b;
        background-image: linear-gradient(to bottom, #5bb7aa 0%, #41978b 100%);
        border-color:#3e8f84;
    }
    .leftheader-container .btnmenu:hover, .leftheader-container .btnmenu.active, .leftheader-container .btnmenu:active, .leftheader-container .btnmenu.focus, .leftheader-container .btnmenu:focus,
    .leftheader-container .btnmenu:active:hover, .leftheader-container .btnmenu.active:hover, .leftheader-container .btnmenu:active:focus, .leftheader-container .btnmenu.active:focus, .leftheader-container .btnmenu:active.focus, .leftheader-container .btnmenu.active.focus {
        background-color:#41978b;
        background-image: linear-gradient(to bottom, #5bb7aa 0%, #41978b 100%);
        border-color:#41978b;
    }
    .iconbox-menu .menutitle {
        width:100%;
        height:64px;
        color:#ffffff;
        padding:0px;
        background-image: linear-gradient(to bottom, #5bb7aa 0%, #41978b 100%);
    }
    .iconbox-menu.rightmenu .menutitle {
        background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
    }
    .iconbox-menu .menutitle .titlebox {
        width:80px;
        padding-top:6px;
        text-align:center;
        float:left;
    }
    .iconbox-menu.rightmenu .menutitle .titlebox{
        float:right;
        text-align:right;
        font-size:14px;
        margin-right:25px;
    }
    .iconbox-menu.rightmenu .menutitle .titlebox .glyphicon {
        width:100%;
    }
    .iconbox-menu .menutitle .btnrefresh .glyphicon {
        display:inline-block;
    }
    .iconbox-menu .menutitle .closebox {
        position:absolute;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 20px;
        top: 17px;
        right: 10px;
        border: 1px solid #58b1a5;
        color: #52ad9f;
        background-color: #3a8c80;
    }
    .iconbox-menu.rightmenu .menutitle .closebox {
        position:absolute;
        right: auto;
        left: 10px;
        border: 1px solid #5ab55a;
        color: #5ab55a;
        background-color: #419241;
    }
    dropdown-menu.innermenu {
        width:100%;
        background-color:#000000;
    }
    .infobox {
		color:#ffffff;
        float:right;
        font-size:18px;
    }
    .infoinnerbox {
        display:inline-block;
        padding-top:10px;
        padding-right:15px;
    }
    .iconbox-menu .innerbox > ul.innermenu {
        display:none;
        background-color:#222222;
        width:100%;
        top:0px;
        float: left;
        padding-bottom:10px;
    }
    .iconbox-menu .innerbox > h4 {
        display:none;
        margin:5px 0px 0px 0px;
        padding:10px 10px 0px 10px;
        background-color:#222222;
        float:left;
        width:100%;
        color:#ffffff;
        font-size:14px;
    }
}
@media (max-width:1279px) {
    #leftBanner, #rightBanner {
        display: none !important;
    }
}