﻿@charset "utf-8";
/* CSS Document */
* {
	padding: 0;
	margin: 0;
}

html, body {height: 100%;}
body {
	font-family: Arial, Tahoma, "微软雅黑";
	font-size: 12px;
	color: #000000;
	text-align: center;
	background-color: #e5e6e6;
}

.body-webkit-touch{
	-webkit-overflow-scrolling: touch;
	/*-webkit-transform: translate3d(0,0,0);*/
}

ul, ol, li {list-style-type: none;}

img {border: none;}

input, textarea, select {
	font-family: Arial, "微软雅黑";
	height: 20px;
	line-height: 20px;
	background-color: #FFF;
	border: solid 1px #989898;
	border-radius:0;
	vertical-align: middle;
	outline: none;
}
input{-webkit-appearance: none; /* 清除苹果设备safari浏览器下的按钮默认样式*/}
input[type=checkbox]{
	height: 13px;
	margin-left:2px;
	-webkit-appearance:checkbox;
}
input[type=radio]{-webkit-appearance: radio;}

textarea {
	padding-left: 2px;
	margin-top: 2px;
}

input:focus, button:focus, textarea:focus, select:focus {
	border-color: #3ac8b0;
	box-shadow: 0 0 1px 1px #3ac8b0;
	-webkit-box-shadow: 0 0 1px 1px #3ac8b0;
	outline: none;
}
input[type="button"]:focus,input[type="submit"]:focus{box-shadow:none;}
input[type="text"]:focus,input[type="password"]:focus{background-color: #ffffff;}
#main{height: 100%;}
.main,
.main_single {
	/*width: 100%;*/
	/*height: 100%;*/
	/*padding-top: 10px;*/
	min-width: 800px;
	padding: 5px;
	vertical-align: top;
}
/*.main.content{padding:0;}*/
.games_main{padding:0;}
a {
	color: #003232;
	font-weight: bold;
	text-decoration: none;
}
a:hover {text-decoration: underline;}
a.current {color: #007373;}

table a {margin: 0 2px;}
td.hover {background-color: #f0ead0;}

.interval_odd {
	background: #f5eddf;
}

.interval_even {
	background: #f5e1e6;
}

.iframe {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}
.void_space{height:30px;}
/*  Header  */
.top_cont{}
.header,.header2 {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
	background-color: #dae4e6;
}
.header{height: 80px;}
.header2{
	height: 80px;
	box-shadow: 0 0 3px #1c2728;
}
.logo{
	width:245px;
	font-size:0;
	margin-right:5px;
}
.logo img{height:80px;}

.header2 .logo{}
.header2 .logo img{}

.language {float: right;}
.language li {
	display: inline;
	margin: 0 5px;
}
.language a {font-weight: normal;}

.user_info{ float:right;}
.user_info span {
	color: #bf2323;
	font-weight: bold;
	margin-left: 10px;
}

.welcome{
	padding: 20px 0 10px 3px;
	text-align: left;
	color:#000;
	font-weight: bold;
	vertical-align: top;
}
.welcome span {
	color: #bf2323;
	font-weight: bold;
	margin-left: 3px;
}

.mar_news {
	min-width: 100px;
	height: 26px;
	line-height: 26px;
	padding: 0 5px;
	margin:0 0 5px 0;
	background-color: #eff5f6;
	width:98%;
	overflow: hidden;
}


.user_online {
	width: 95px;
	white-space:nowrap;
}

.user_online input {
	width: 90px;
	height: 65px;
	padding-top: 30px;
	color: #FFFFFF;
	border: none;
	cursor: pointer;
	vertical-align:top;
}

#spanLiveChatMain {
	display: inline-block;
	width: 90px;
	height: 65px;
}

#spanLiveChatMain img {
	width: 90px;
	height: 65px;
}

.btn_logout {background: #37989b url(../images/ico_logout.png) no-repeat center top;}
.btn_logout:hover {background-color: #32b9be;}

.btn_join {background: #7da528 url(../images/ico_join.png) no-repeat center top;}
.btn_join:hover {background-color: #8fc816;}

.btn_live {background: #6798be url(../images/ico_live.png) no-repeat center top; background-size:auto 65%;}
.btn_live:hover {background-color: #69b2eb;}
.btn_offline{background: #bebebe url(../images/ico_live.png) no-repeat center top;}

/*  MENU  */
.menu_1 nav ul li ul, .menu_2 nav ul li ul, .menu_3 nav ul li ul {
	display: none;
}
/*#divMenu1{position: relative;}*/
.menu_1,.menu_2,.menu_3{font-size:0;}
.menu_1 {
	text-align: left;
	padding: 0 5px;
	/*white-space: nowrap;*/
	border-bottom: solid 1px #1e7e8c;
	box-shadow: 0 1px 2px #1c2728;
	background-color: #085860;
}
.menu_1 li a{
	display: inline-block;
	height: 32px;
	line-height:32px;
	padding: 0 3px;
	font-size: 16px;
	color:#ffffff;
	font-weight: normal;
	text-decoration: none;
}
.menu_1 li a:hover {color: #ffd200;}

.header2 .menu_1{
	background:none;
	border: none;
	box-shadow:none;
}
.header2 .menu_1 li{margin:0 1px 0 0;}
.header2 .menu_1 a{
	height: 28px;
	line-height:28px;
	padding: 0 6px;
	margin:0;
	border-radius: 6px;
	color:#000000;
}
.header2 .menu_1 a:hover{color:#000000;}
.header2 .menu_1 a.current{color:#ffd200;}

.menu_2,.menu_3 {
	display: none;
	padding: 0 5px;
	text-align: left;
	border-bottom: solid 1px #8f8269;
}
.menu_2 {background: #c8bdb4;}
.menu_3 {background: #cdbab1;}

ul.menu_1 li, .menu_2 ul li, .menu_3 ul li{
	position: relative;
	display: inline-block;
	margin: 0 1px;
}
.menu_2 ul li a, .menu_3 ul li a {
	display:inline-block;
	height: 28px;
	line-height: 28px;
	padding: 0 3px;
	font-size: 13px;
	color:#000000;
}
ul.menu_1 li em{
	position:relative;
	top:-8px;
	font-size:12px;
	color:#ff0;
	/*font-weight:bold;*/
}
.header2 .menu_1 a:hover,
.menu_1 a.current {background-color: #0f8896;}
.menu_2 ul li a:hover,.menu_3 ul li a:hover{color:#004e56;}

.menu_2 ul li a.current,.menu_3 ul li a.current{color:#004e56;}
.menu_2 ul li a.current{background-color: #e1d2c6;}
.menu_3 ul li a.current{background-color: #ead0c4;}

.leftsidebar {
	width: 250px;
	text-align: left;
	font-size: 13px;
	vertical-align: top;
	background: #f0f3f3;
}

.leftsidebar ul {
	padding-left: 15px;
	width: 145px;
}

.leftsidebar ul li {
	padding: 5px 0 5px 5px;
	list-style-image: url(../images/arrow.gif);
}

.leftsidebar ul li a {
	color: #fff;
	text-decoration: none;
}

.tableCommon {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
}

.content {vertical-align: top;}
.flashContent {
	height: 100%;
	padding:5px;
	vertical-align: top;
	text-align: left;
}

.paragraph {
	line-height: 22px;
	padding-left:3px;
	text-align: left;
	background: #c7cccc;
}

.tablemiddle {
	width: 100%;
	border-collapse: collapse;
}

.table {
	width: 100%;
	margin-bottom: 5px;
	white-space: nowrap;
	border-collapse: collapse;
	background-color: #fafcfc;
	border: 2px solid #aab7b9;
}
.table th, .table .th2, .table td {
	line-height:18px;
	padding: 2px;
	border: 1px solid #aab7b9;
}
.table th {
	line-height: 28px;
	font-size: 14px;
	font-weight: normal;
}
.table img{vertical-align: middle;}
.table a {
	color: #005f69;
	text-decoration: underline;
}
.table a:hover {color:#98252d;}

.table tr, .footer tr {height: 21px;}

.footer{
	display: none;
	line-height: 30px;
	background-color: #c0c8c9;
}
.footer,.footer td{border: none;}
.footer a{
	font-size: 13px;
	color: #004444;
}
.footer input {
	text-align: center;
	border: solid 1px #917350;
}

.tableSet {
	width: 100%;
	text-align: left;
	line-height: 30px;
	border-collapse: collapse;
	background-color: #D8E1F3;
	white-space: nowrap;
}

.trEven{background-color: #fafcfc;}
.trOdd{background-color: #f0f5f5;}

.trOdd2{background-color:#ebf0f0;}
.trEven2{background-color:#e0e8e8;}

.trEven22{background-color: #7E3A70;}
.trOdd22{background-color: #6c3860;}
.trOdd22 td.hover,
.trEven22 td.hover{background-color: #733764;}

.trcancelled {background-color: #b9bcbd;}
.trAward {background-color: #BD8C9D;}

.tableSet th, .tableSet td {
	padding-left: 10px;
}

.trtotal {
	font-size: 14px;
	/*color: #ffd200;*/
	background-color: #c7cccc;
}

.th, .th2, .thCenter {
	font-size: 13px;
	color: #e1edee;
	background-color:#0f4248;
}

.th {
	height: 22px;
}

.th2 {
	height: 42px;
}

.thCenter {
	height: 22px;
	text-align: center;
	background: #C1A579;
}

.tdTitle {
	font-weight: bold;
}

.tableName {
	text-align: left;
	font-size: 16px;
	color: #121818;
	font-weight: bold;
	padding:2px 5px 5px;
}

.uponTable {
	text-align: left;
	height: 21px;
	font-weight: bold;
	font-size: 13px;
	padding: 5px 0 0 5px;
	background-color: #f0d0da;
	display:none;
}

.uponTable a {color: #8c2e19;}

.loading {
	text-align: left;
	width: 210px;
	height: 20px;
	background: url(../images/loading.gif) no-repeat;
	display: none;
}


.fullWidth {width: 100%;}
.fullHeight {height: 100%;}

.searchArea {
	padding-bottom:5px;
	text-align: left;
}

.searchArea select {
	height: 22px;
	line-height: 22px;
}

.searchArea>input {margin-top: 5px;}

.btn {
	min-width: 75px;
	height: 24px;
	line-height: 24px;
	padding:0 3px;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px;
	cursor: pointer;
}
.btn:focus{ border-color:transparent;}
.btn_style01{
	color: #121212;
	background: #e4af14;
	border: solid 1px #fac832;
}

.btn_style01:hover {background: #ffcb34;}

.btn_style02 {
	color:#ffffff;
	border: solid 1px #3e8f87;
	background: #237d6e;
}

.btn_style02:hover {background: #2a9886;}

.btn_style03{
  color: #fcfcfc;
  background-color: #d38410;
  border: solid 1px #f0a023;
}
.btn_style03:hover {background-color: #eb9c23;}
/*.btn_orange {*/
	/*box-shadow: 0 1px 1px #eff0ad inset;*/
	/*border: solid 1px #a25c1e;*/
	/*background: #d58714;*/
	/*background: -moz-linear-gradient(top, #eb9c23, #c88019 70%, #d08627); *//* Firefox */
	/*background: -webkit-linear-gradient(top, #eb9c23, #c88019 80%, #d08627); *//* Safari4+, Chrome, opera */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb9c23', endColorstr='#c88019', GradientType='0'); *//* IE */
/*}*/

/*.btn_orange:hover {*/
	/*box-shadow: 0 1px 0 #6d6964;*/
	/*background: -moz-linear-gradient(top, #fbad37, #d58717 80%, #de8c21); *//* Firefox */
	/*background: -webkit-linear-gradient(top, #fbad37, #d58717 80%, #de8c21); *//* Safari4+, Chrome, opera */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbad37', endColorstr='#d58717', GradientType='0'); *//* IE */
/*}*/

.btn_reddish {
	box-shadow: 0 1px 1px #ffc6da inset;
	border: solid 1px #b95676;
	background: #e66291;
	background: -moz-linear-gradient(top, #f894b4, #cd5a78); /* Firefox */
	background: -webkit-linear-gradient(top, #f894b4, #cd5a78); /* Safari4+, Chrome, opera */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f894b4', endColorstr='#cd5a78', GradientType='0'); /* IE */
}

.btn_reddish:hover {
	box-shadow: 0 1px 0 #786069;
	background: -moz-linear-gradient(top, #fa9ebc, #e87391); /* Firefox */
	background: -webkit-linear-gradient(top, #fa9ebc, #e87391); /* Safari4+, Chrome, opera */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa9ebc', endColorstr='#da6483', GradientType='0'); /* IE */
}

.btn_gray {
	color: #080808;
	background: #b4b4b4;
	border: solid 1px #cacaca;
	/*
	background: -moz-linear-gradient(top, #e4e4e4, #c6c6c6 70%, #d2d2d2);  Firefox
	background: -webkit-linear-gradient(top, #e4e4e4, #c6c6c6 70%, #d2d2d2);  Safari4+, Chrome, opera
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#c6c6c6', GradientType='0');  IE
	*/
}

.btn_gray:hover {
	background: #c6c6c6;
	/*
	background: -moz-linear-gradient(top, #f0f0f0, #d3d3d3 70%, #dadada);  Firefox
	background: -webkit-linear-gradient(top, #f0f0f0, #d3d3d3 70%, #dadada);  Safari4+, Chrome, opera
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d3d3d3', GradientType='0');  IE
	*/
}

/* .button1, .button2 {
  height: 21px;
  line-height: 21px;
  cursor: pointer;
}

.button1 {
  width: 72px;
}

.button2 {
  width: 52px;
}*/

.width50 {
	width: 50px;
}

.width80 {
	width: 80px;
}

.width100 {
	width: 100px;
}

.width108 {
	width: 108px;
}

.width150 {
	width: 150px;
}

.width200 {
	width: 200px;
}

.width230 {
	width: 230px;
}

.width260 {
	width: 260px;
}

.number {
	text-align: right;
	padding-right: 2px;
}

.textleft {
	text-align: left;
	padding-left: 2px;
}

.textright {
	text-align: right;
	padding-right: 2px;
}

.textCenter {
	text-align: center;
}

.subnav {
}

.subnav ul {
	height: 26px;
	width: 100%;
	list-style-type: none;
	background: url(../images/nav_sub_bg.gif) repeat-x;
}

.subnav ul li {
	float: left;
}

.subnav ul li a {
	display: block;
	padding: 0 10px 0 10px;
	line-height: 26px;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
}

.subnav ul li a:hover, .subnav ul li .hover {
	padding: 0 10px 0 10px;
	background: url(../images/nav_sub_hover.gif) repeat-x;
}

.red {color: #FF5353;}
.green {color: green;}
.white {color: white;}
.yellow {color: yellow;}
.font_blue02{color:#00649e;}
.font_green02{color:#008c24;}
.fontsty_weight{font-weight:bold;}

.selectfile {
	margin-right: 20px;
	display: block;
	float: left;
	vertical-align: middle;
	cursor: pointer;
}

.file {
	width: 1px;
	position: relative;
	left: 0;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: -1
}

.cmjtip {
	position: absolute;
	padding: 3px 5px;
	background: #f5faff;
	border: solid 1px #a07d00;
	display: inline;
}

.leftsidebar dl.dlleftmenu {
	padding: 0 5px;
	width: 150px;
}

.leftsidebar dl.dlleftmenu dt {
	line-height: 26px;
	padding-left: 10px;
	background: url(../images/arrow.gif) no-repeat left center;
}

.leftsidebar dl.dlleftmenu dt a {color: #37cee1;}

.leftsidebar dl.dlleftmenu dt.unfold {
	background-image: url(../images/arrowon.gif);
}

.leftsidebar dl.dlleftmenu dd {
	line-height: 22px;
	margin-left: 20px;
	font-size: 12px;
}

.leftsidebar dl.dlleftmenu dd a {
	color: #7d3200;
}

.leftsidebar dl.dlleftmenu dt a.current,
.leftsidebar dl.dlleftmenu dd a.current,
.leftsidebar dl.dlleftmenu a:hover {
	color: #e6c83c;
}

.leftsidebar dd.ddleftmenu {
	display: none;
}

.leftsidebar dl.dlleftmenu2 {
	padding: 0 5px;
	width: 150px;
}

.leftsidebar dl.dlleftmenu2 dd {
	line-height: 26px;
	padding-left: 10px;
}

.leftsidebar dl.dlleftmenu2 dd a {
	color: #552d00;
}

.leftsidebar dl.dlleftmenu2 dt a.current,
.leftsidebar dl.dlleftmenu2 dd a.current,
.leftsidebar dl.dlleftmenu2 dd a:hover {
	color: #DB006D;
}

.nowrap {
	display: inline-block;
	line-height: 30px;
}

.cellSpace10{
	margin:0 1px 0 10px;
}

.explain {
	padding: 10px 0 20px 10px;
	text-align: left;
	display: none;
}

.ft16 {
	font-size: 16px;
}

.label {
	display: inline-block;
	padding: 2px 4px;
	font-size: 11.844px;
	font-weight: bold;
	line-height: 14px;
	color: #ffffff;
	vertical-align: baseline;
	white-space: nowrap;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #999999;
}

.loadingModal {
	padding-right: 30px;
	width: 20px;
	height: 20px;
	background: url(../images/progress.gif) no-repeat right;
}

.inputModal {
	width: 200px;
}

.commonModal{
	display: none;
	min-width: 500px;
	min-height: 100px;
	text-align: center;
	/*box-shadow: 2px 2px 3px #0a1112;*/
	/*display: inline-block;*/
	/*vertical-align: middle;*/
	/*position: relative;*/
	/*z-index: 2;*/
	/*text-align: left;*/
}

.commonModal_frame{
	padding:12px 10px;
	background-color: #e4e8e8;
}
.commonModal_tb{margin:5px 0;}

.tableUponTitle {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	padding: 15px 0 5px 15px;
}

.goldFont {
	color: #ffcb34;
	font-weight: bold;
	text-decoration: none;
}

.main_table_foonterT {background:#619197;}

.tilesBox {
	margin-top: 10px;
	display: none;
}

/* --- Games / Live Games --- */
.slot{
	min-width: 500px;
	min-height: 500px;
}
.main_frame1 a, .main_frame2 a {
	margin: 0;
	cursor: pointer;
}

.main_frame1{
	width: 980px;
	text-align: left;
	margin:0 auto;
	padding:15px 0;
}

.game_list_close div.pro_text,
.game_list_close div.pro_text input{
	color: #9e9e9e;
}

.prolist a.game_list_close:hover img{border: solid 1px #585858;}

.sub_banner {
	position: relative;
	height: 150px;
}
.sub_banner img {width: 980px;}

.sub_banner a.next_show {
	position: absolute;
	top: 0;
	width: 35px;
	height: 100%;
}

.sub_banner a.next_left {
	left: 0;
	background: url(../images/banners_next_show.png) left center no-repeat;
}

.sub_banner a.next_right {
	right: 0;
	background: url(../images/banners_next_show.png) right center no-repeat;
}

.pro_main {display: inline-block;}
.pro_main .prolist{
	float:left;
	margin-top: 10px;
	width:318px;
	height: 182px;
}
.pro_main .prolist.side_f_a{margin-right:13px;}
.pro_main .prolist.side_f_a:nth-child(3){margin-right:0;}
.pro_main .prolist.side_f_b{width: 483px;}
.pro_main .prolist.side_f_b.r{float:right;}
.prolist a{
	position: relative;
	display: block;
	font-weight: normal;
}
.prolist a.min_list1{float: left;}
.prolist a.min_list2{float: right;}
.prolist img {
	display: block;
	width:100%;
	border: solid 1px #585858;
	box-sizing: border-box;
}
.prolist a:hover{
	text-decoration: none;
	box-shadow:0 1px 5px #000000;
}
.prolist a:hover img {border-color: #ebbe0f;}
.prolist a.min_list1 img,
.prolist a.min_list2 img{width:235px;}

.prolist .pro_text {
	position: absolute;
	left: 30px;
	top: 70px;
	z-index: 1;
	color: #ffffff;
}
.prolist a.min_list1 .pro_text,
.prolist a.min_list2 .pro_text{
	left: 20px;
	top: 90px;
}

.prolist h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
}
.prolist a.min_list1 h3,
.prolist a.min_list2 h3{font-size:18px;}
.prolist p {
	font-size: 15px;
	line-height: 20px;
}
.prolist input.btn_playon {
	margin-top: 10px;
	font-size: 12px;
	color: #ffffff;
	width: 110px;
	height: 24px;
	border-radius: 3px;
	border: solid 1px #1c676e;
	background: #195a60;
	cursor: pointer;
}
.prolist a.game_list:hover input.btn_playon {
	color: #121212;
	font-weight:bold;
	border: solid 1px #ffd756;
	background: #ebbe0f;
}

/* Games page */
.main_frame2 {
	width: 990px;
	text-align: left;
	margin:0 auto;
	padding-top:25px;
	overflow: auto;
	font-size:0;
}
.main_frame2 .game_list,
.main_frame2 .game_list_close {
	float: left;
	font-weight: normal;
	text-align:center;
	width: 186px;
	margin: 0 6px 20px;
	background-color: #fafafa;
}
.main_frame2 a.game_list:hover {
	text-decoration: none;
	background-color: #348e98;
	box-shadow:0 1px 5px #000000;
}
.main_frame2 a.game_list:hover .playon{
	color: #ffe400;
	background-color:#348e98;
}

.main_frame2 .game_list_close,
.main_frame2 a.game_list_close:hover {
	color: #9e9e9e;
	text-decoration: none;
	border-color: #525252;
}

.main_frame2 a.game_list em{
	position:relative;
	top:-3px;
	font-size:12px;
	color:#ff1c0b;
	font-weight:bold;
}

.main_frame2 a img {
	width: 180px;
	height: 150px;
	padding:2px;
	margin-top: 1px;
	background-color: #fafafa;
}

.main_frame2 a span {
	display: inline-block;
	font-size: 14px;
	line-height: 22px;
}

.main_frame2 a .game_list_container {
	margin: -1px 1px 0px;
	background-color: #fafafa;
}

.main_frame2 a span.game_list_title {
	margin: -1px 1px 0px;
	background-color: #fafafa;
}

.main_frame2 a span.playon {
	color: #ffffff;
	background: #2a7d85;
	width:100%;
}

.gameTilesSize1 a {
	width: 200px;
	line-height: 180px;
}

.gameTilesSize1 a:hover {
	width: 198px;
	line-height: 178px;
}

.gameTilesSize2 a {
	border: 1px solid #F7F0F0;
	width: 165px;
	line-height: 23px;
	margin: 10px 20px;
}

.gameTilesSize2 a:hover {
	width: 165px;
	line-height: 23px;
}

.gameTilesSize2 span {
	display: inline-block;
	width: 165px;
	margin: 10px 20px;
}

.tilesSize a {
	width: 150px;
	line-height: 70px;
}

.tilesSize a:hover {
	width: 148px;
	line-height: 68px;
}

.tiles {
	margin: 0 auto;
	overflow: hidden;
}

.tiles a {
	display: inline-block;
	font-size: 14px;
	color: #1e3c73;
	font-weight: bold;
}

.tiles a:hover {
	color: #be1405;
	border: 1px solid #f06e46;
	text-decoration: none;
}

.tile0 {
	background: #FCE0AD;
}

.tile1 {
	background: #c9dcff;
}

.tile2 {
	background: #f5f0b9;
}

.tile3 {
	background: #bedeaf;
}

.tile4 {
	background: #eee2c4;
}

.tile5 {
	background: #f5cab9;
}

.tile6 {
	background: #b9cdf5;
}

.tile7 {
	background: #c4eedc;
}

.tile8 {
	background: #f2c7fb;
}

.tile9 {
	background: #AAC6FF;
}

.tile10 {
	background: #EDBCBD;
}

.tile11 {
	background: #7CC0E4;
}

.tile12 {
	background: #DFE6C4;
}

.tile13 {
	background: #C2D8E7;
}

.tile14 {
	background: #9FC47B;
}

.tile15 {
	background: #C7E2C9;
}

.tile16 {
	background: #9ED8A2;
}

.tile17 {
	background: #8CC778;
}

.tile18 {
	background: #DABBA5;
}

.tile19 {
	background: #DAC1E8;
}

.tile20 {
	background: #B3ECF7;
}

.tile21 {
	background: #C4D3E6;
}

.tile22 {
	background: #C4E6E6;
}

.tile23 {
	background: #DBC4E6;
}

.tile24 {
	background: #E6E2C4;
}

.tile25 {
	background: #DBE6C4;
}

.redFont {
	color: #ff0000;
}

.hasDatepicker {
	/*width: 72px; 以后再应用此CSS
	padding: 0 22px 0 3px;
	background: #e4e4e4 url(../images/calendar/icon.gif) 73px 1px no-repeat;*/
	width:65px;
	padding:0 3px;
}

.list {
	font-size: 14px;
	line-height: 21px;
	text-align: left;
	padding-left: 30px
}

.split10 {
	height: 10px;
}

.checkboxList {
	vertical-align: middle;
	margin-left: 10px;
}

.checkboxFirst {
	vertical-align: middle;
	margin: 0;
}
.main_table_sport_subheader{
	font-size: 14px;
	color: #f5cd10;
	background-color: #142328;
}
.sport_redBold2 {
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	background: url(../images/blue/ball_red.gif);
	height: 21px;
	width: 25px;
	line-height: 21px;
	text-align: center;
	display: block;
}

.sport_blueBold2 {
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	background: url(../images/blue/ball_blue.gif);
	height: 21px;
	width: 25px;
	line-height: 21px;
	text-align: center;
	display: block;
}

.button_del {
	color: #FFFFFF;
	height: 21px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	background-color: transparent;
	background-image: url(../images/blue/button_del.gif?__img_ver__=2);
	background-repeat: no-repeat;
	border: none;
	width: 49px;
	text-transform: capitalize;
	cursor: pointer;
	margin: 0px;
	font-style: normal;
	padding: 0px 0px 5px;
}

/* 2014.05 Feng ADD */
.tis_warn{
	font-size: 15px;
	color:#da0000;
	line-height:45px;
	text-align: center;
	margin: 10px 0;
	border:solid 1px #da0000;
}

.autoAdjust{
	position:relative;
	overflow:auto;
}


/* new frame  start*/

.menuContainer {
	position: fixed;
	top:0;
	z-index:1;
	width: 100%;
	border:0;
}

.section-left{
	width:175px;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
}
.section-right{
	margin: 0 auto;
	overflow: hidden;
	position: absolute;
}
.section-body-left{
	zoom : 1;
	width:175px;
	position: absolute;
}
.section-body-right{
	zoom : 1;
	overflow: auto;
	position: absolute;
}
.leftSection{
	width:175px;
	position: absolute;
}
.rightSection{
	position: relative;
	zoom: 1;
}
.section-common{
	top:0;
	left:0;
	right:0;
	bottom: 0;
	border:0;
}
.overflow1{overflow: hidden;}
.overflow2{overflow: auto;}
.overflow3{
	overflow-x: hidden;
	overflow-y: auto;
}

/** 影响到 Sports页面 **/
/*.rightSection.section-common{*//* g-zf 20161214 ADD 解决"Chat now"遮挡内容区域部分 */
	/*overflow: auto;*/
	/*box-sizing:border-box;*/
	/*padding-bottom:35px;*/
/*}*/

/* new frame end*/

.globalMsg{
	color: #ff0000;
	font-size: 18px;
	padding: 8px;
	text-align: center;
}

.blockSpanMessage{
	float:right;
}

.snapshot {
	display: none;
	font-size: 12px;
	z-index: 10;
	text-align: left;
}

.snapshotTable {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	background-color: #443E3C;
	border: 2px solid #AA7335;
}

.snapshotTable th{
	padding:0 0 0 5px;
	margin:0;
	font-size:12px;
}

.snapshotTable .img{
	padding:0;
	margin:0;
}

.snapshot-section-win{
	line-height: 18px;
	display:inline-block;
	border:1px solid #DF0000;
}

.snapshot a.close-modal,.commonModal a.close-modal {
	position: absolute;
	top: 2px;
	right: 2px;
	display: block;
	width: 40px;
	height: 24px;
	text-indent: -9999px;
	background: url(../images/close-rect.gif?v=1) no-repeat 0 0;
}

.userSetting a.close-modal{
	top: 5px;
	right: 5px;
}

#imgSnapshot{
	padding:0;
	margin:0;
	outline:none;
	border:0;
	line-height:0;
	vertical-align:top;
}
.source{
	text-align:right;
}
.source a{
	color:#005f69;
	margin:0 10px 0 3px;
}

.remark{
	white-space: normal;
	max-width:500px;
}