@font-face {
   font-family: 'MingLiU';
   src: url('MingLiU.ttc');
}
@font-face {
   font-family: 'digital';
   src: url('digital.ttf');
}
@font-face {
   font-family: 'nyala';
   src: url('nyala.ttf');
}
@font-face {
   font-family: 'testfont1';
   src: url('digitalU.ttf');
}
@font-face {
   font-family: 'testfont2';
   src: url('DIGITALC.TTC');
}
@font-face {
   font-family: 'testfont3';
   src: url('ARIALM.TTC');
}
@font-face {
   font-family: 'testfont4';
   src: url('digiU1_12.ttf');
}

@font-face {
   font-family: 'testfont5';
   src: url('Creepster-Regular.ttf');
}
@font-face {
   font-family: 'testfont6';
   src: url('digiU2_12.ttf');
}
@font-face {
   font-family: 'testfont7';
   src: url('digiU3_12.ttf');
}
@font-face {
   font-family: 'mgh';
   src: url('mgh.ttf');
}


html, body {
	margin: 0;
	height: 100%;
}
.toggler {
	width: 100%;
	height: 87%;
}
#effect {
	position: absolute;
	z-index: 1;
	float: left;
	width: 100%;
	height: 88%;
}
#effect2 {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 88%;
}
#effect3 {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
}
#footer {
	position: absolute;
	width: 100%;
	height: 12%;
}
body {
	font-family: 'Titillium Web', sans-serif;
	/*font-size: 3.35em;*/
}
h1 {
	font-size: 200%;
}
h2 {
	font-size: 160%;
}
h3 {
	font-size: 120%;
}
td {
	border-color: #000;
	margin-bottom: 0;
	margin-top: 0;
	letter-spacing: 0px;
  padding-top:2px;
  padding-left:1px;
  padding-right:1px;
  padding-bottom:2px;
  border: 1px solid 000000;
}
.yellow {
	color:#FF3;
}
.green {
	color: #51f951;
}
.red {
	color: #f74e4d;
}
.white {
	color: #ebebeb;
}
tbody tr th {
	color: #00ffff;
	text-align:right;
	border:1px solid #09F;
	border-color:#09F ;
	text-overflow:hidden;
	overflow:hidden;
	 white-space: nowrap;
}
.lesttd {
	border-bottom:1px solid #09F;

}
.aa {
	background-color: #000;
}

.textdigits {

    top: -5px;
    padding-bottom: 0px;
    /*border-bottom-style:solid;
    border-bottom-width:5px;*/
    padding-top: 0rem;
    margin-top:1px;
    padding:0px;
	font-family:'testfont6';

rgb (102,0,34)
}

.down1 {
	background-color: #006613;
	color: #dcdcdc;
	border-color: #000;
}
.up1 {
	background-color: #670022;
	color: #dcdcdc;
	border-color: #000;
}
.td_row2
{
text-align:left;
letter-spacing: 0px;
border-right-color:#09F;
border-left-color:#09F;
color:#fef850;
}
.td_row3
{
text-align:right;
letter-spacing: 0px;
border-right:3px solid #000;
}
.td_row4
{
text-align:right;
letter-spacing: 0px;
border-right:3px solid #000;
}
.td_row6
{
text-align:right;
letter-spacing: 0px;
border-right:1px solid #09F;
color:#ebebeb;
}
table{
	border-collpase:collpase;
	border-spacing:0;
	}
table tr{
	border-collpase:collpase;
	border-spacing:0;
	}
table td{
margin:0;

filter:dropshadow(color=black,offx=10,offy=0) dropshadow(color=black,offx=10,offy=0) dropshadow(color=black,offx=10,offy=0);}
#footer {
	height:auto;
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: auto;
    right: auto;
	_POSITION: absolute;/*兼容IE6*/
    _TOP: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);/*兼容IE6*/

    }
#d1 {
	height:auto;
    width: 100%;
	position:relative;
	background-color:#000;
    }
#d2 {
	height:auto;
    width: 100%;
	margin-top:6px;

    }
#footer td{
	overflow:hidden;
	}
.fa{
	color:#FFF;
	}
.fb{
	color:#f74e4d;
	}
.fc{
	color:#51f951;
	}
.ui-dialog-titlebar {
	font-size:0.4rem;
}
.ui-dialog {
	padding:0rem;}
#table1 td{
	}
.ui-widget {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
}
ul{margin:0;padding:0;list-style:none;}
li{
	background: #4c4c4c; /* Old browsers */
	background: -moz-linear-gradient(top,  #4c4c4c 0%, #111111 77%, #131313 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(77%,#111111), color-stop(100%,#131313)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4c4c4c 0%,#111111 77%,#131313 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4c4c4c 0%,#111111 77%,#131313 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4c4c4c 0%,#111111 77%,#131313 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4c4c4c 0%,#111111 77%,#131313 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

	cursor:pointer;
}
li:hover {
	background: #131313; /* Old browsers */
	background: -moz-linear-gradient(top,  #131313 0%, #111111 37%, #4c4c4c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#131313), color-stop(37%,#111111), color-stop(100%,#4c4c4c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #131313 0%,#111111 37%,#4c4c4c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #131313 0%,#111111 37%,#4c4c4c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #131313 0%,#111111 37%,#4c4c4c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #131313 0%,#111111 37%,#4c4c4c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */
}

.ui-dialog-titlebar {display:none;}
#effect {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
#effect2 {
	position: absolute;
	overflow: hidden;
	z-index: 2;
}
td {
	white-space: nowrap;
}
th {
	white-space: nowrap;
}
.ui-widget-content a {
	color: #FFF
}
.css_btn_class {
	font-weight: normal;
	width:80%;
	border-radius: 15px;
	border: 5px solid #616f82;
	padding: 9px 18px;
	margin:5px;
	text-decoration: none;
	color: #d1d1d1;
	display: inline-block;
}

.css_btn_class:hover {
	cursor: pointer;
}
.focus2 {
	background-color: #143b7a;
	text-decoration: underline;
}
.focus1 {
	border-style: solid;
	border-color: #c43838;
}



#d4 th{
	border:0px;
	}

.tb4_td2{
	text-align:right;
	}
th{font-weight:normal;}
.te1{
	border-bottom:3px solid #9999CC;
	border-top:3px solid #9999CC;
	border-left:3px solid #9999CC;
}
.te2{
	border-bottom:3px solid #9999CC;
	border-top:3px solid #9999CC;
	border-right:3px solid #9999CC;
}
#canvasKL_tip{
  color:black;
}
#canvasKL_crossLines_V{
  z-index:21;
}
#dialog_char{
	z-index: 2;
}
#dialog_char td{
	width:27%;
}
#dialog_char3{
	z-index: 2;
}
.national{
	display:none;
}