body{
-webkit-touch-callout: none;
-webkit-user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
background-color:#AAA;
}

#bg {
 
background-image: url('images/honglok_chess_bg_n.jpg');
background-color:#AAA;
width:980px;
height:1100px;
position: absolute;
left: 0px;
top: 0px;
}

#fb_link {
background-color:white;
width:245px;
height:55px;
position: absolute;
left: 20px;
top: 12px;
opacity:0;
}

#fb_link:hover {
	opacity:0.5;
}

#fb_link_bottom {
background-color:white;
width:176px;
height:43px;
position: absolute;
left: 800px;
top: 1040px;
opacity:0;
}

#fb_link_bottom:hover {
	opacity:0.5;
}

#fb_text {
color:grey;
position: absolute;
left: 245px;
top: 26px;
font-size:29;
}
.c1 {
content:url('images/chess_g.png');
position: relative;
left: 880px;
top: 940px;
}
  
  
#box_1000{

position: absolute;
font-family:Arial;
font-size:99;
overflow:scroll;
line-height: 90%;
padding-left:50px;
padding-right:20px;

left: 140px;
top: 300px;
background-color:#FFF;
width:93px;
height:94px;
opacity: 0;

#box_1-1{
position: absolute;
padding:0px;
margin:0px;
left: 30px;
top: 72px;
background-color:#080;
width:93px;
height:94px;
opacity: 0;
}

#box_1-2{
position: absolute;
padding:0px;
margin:0px;
left: 124px;
top: 72px;
background-color:#0CC;
width:93px;
height:94px;
opacity: 0;
}

#box_1-3{
position: absolute;
padding:0px;
margin:0px;
left: 218px;
top: 72px;
background-color:#F88;
width:93px;
height:94px;
opacity: 0;
}

#box_1-4{
position: absolute;
padding:0px;
margin:0px;
left: 312px;
top: 72px;
background-color:#088;
width:93px;
height:94px;
opacity: 0;
}

#box_1-5{
position: absolute;
padding:0px;
margin:0px;
left: 406px;
top: 72px;
background-color:#CFF;
width:93px;
height:94px;
opacity: 0;
}

#box_1-6{
position: absolute;
padding:0px;
margin:0px;
left: 500px;
top: 72px;
background-color:#8F8;
width:93px;
height:94px;
opacity: 0;
}

#box_1-7{
position: absolute;
padding:0px;
margin:0px;
left: 594px;
top: 72px;
background-color:#CC0;
width:93px;
height:94px;
opacity: 0;
}

#box_1-8{
position: absolute;
padding:0px;
margin:0px;
left: 688px;
top: 72px;
background-color:#8CF;
width:93px;
height:94px;
opacity: 0;
}

#box_1-9{
position: absolute;
padding:0px;
margin:0px;
left: 782px;
top: 72px;
background-color:#C80;
width:93px;
height:94px;
opacity: 0;
}

#box_1-10{
position: absolute;
padding:0px;
margin:0px;
left: 876px;
top: 72px;
background-color:#88C;
width:93px;
height:94px;
opacity: 0;
}

#box_2-1{
position: absolute;
padding:0px;
margin:0px;
left: 30px;
top: 167px;
background-color:#0CF;
width:93px;
height:94px;
opacity: 0;
}

#box_2-2{
position: absolute;
padding:0px;
margin:0px;
left: 124px;
top: 167px;
background-color:#F0F;
width:93px;
height:94px;
opacity: 0;
}

#box_2-3{
position: absolute;
padding:0px;
margin:0px;
left: 218px;
top: 167px;
background-color:#FFC;
width:93px;
height:94px;
opacity: 0;
}

#box_2-4{
position: absolute;
padding:0px;
margin:0px;
left: 312px;
top: 167px;
background-color:#CF8;
width:93px;
height:94px;
opacity: 0;
}

#box_2-5{
position: absolute;
padding:0px;
margin:0px;
left: 406px;
top: 167px;
background-color:#8F0;
width:93px;
height:94px;
opacity: 0;
}

#box_2-6{
position: absolute;
padding:0px;
margin:0px;
left: 500px;
top: 167px;
background-color:#CCF;
width:93px;
height:94px;
opacity: 0;
}

#box_2-7{
position: absolute;
padding:0px;
margin:0px;
left: 594px;
top: 167px;
background-color:#FCF;
width:93px;
height:94px;
opacity: 0;
}

#box_2-8{
position: absolute;
padding:0px;
margin:0px;
left: 688px;
top: 167px;
background-color:#8F0;
width:93px;
height:94px;
opacity: 0;
}

#box_2-9{
position: absolute;
padding:0px;
margin:0px;
left: 782px;
top: 167px;
background-color:#0FC;
width:93px;
height:94px;
opacity: 0;
}

#box_2-10{
position: absolute;
padding:0px;
margin:0px;
left: 876px;
top: 167px;
background-color:#0C8;
width:93px;
height:94px;
opacity: 0;
}

#box_3-1{
position: absolute;
padding:0px;
margin:0px;
left: 30px;
top: 262px;
background-color:#C0F;
width:93px;
height:94px;
opacity: 0;
}

#box_3-2{
position: absolute;
padding:0px;
margin:0px;
left: 124px;
top: 262px;
background-color:#FFF;
width:93px;
height:94px;
opacity: 0;
}

#box_3-3{
position: absolute;
padding:0px;
margin:0px;
left: 218px;
top: 262px;
background-color:#888;
width:93px;
height:94px;
opacity: 0;
}

#box_3-4{
position: absolute;
padding:0px;
margin:0px;
left: 312px;
top: 262px;
background-color:#88C;
width:93px;
height:94px;
opacity: 0;
}

#box_3-5{
position: absolute;
padding:0px;
margin:0px;
left: 406px;
top: 262px;
background-color:#F0F;
width:93px;
height:94px;
opacity: 0;
}

#box_3-6{
position: absolute;
padding:0px;
margin:0px;
left: 500px;
top: 262px;
background-color:#F00;
width:93px;
height:94px;
opacity: 0;
}

#box_3-7{
position: absolute;
padding:0px;
margin:0px;
left: 594px;
top: 262px;
background-color:#C8C;
width:93px;
height:94px;
opacity: 0;
}

#box_3-8{
position: absolute;
padding:0px;
margin:0px;
left: 688px;
top: 262px;
background-color:#00F;
width:93px;
height:94px;
opacity: 0;
}

#box_3-9{
position: absolute;
padding:0px;
margin:0px;
left: 782px;
top: 262px;
background-color:#F08;
width:93px;
height:94px;
opacity: 0;
}

#box_3-10{
position: absolute;
padding:0px;
margin:0px;
left: 876px;
top: 262px;
background-color:#0F8;
width:93px;
height:94px;
opacity: 0;
}

#box_4-1{
position: absolute;
padding:0px;
margin:0px;
left: 30px;
top: 357px;
background-color:#8FC;
width:93px;
height:94px;
opacity: 0;
}

#box_4-2{
position: absolute;
padding:0px;
margin:0px;
left: 124px;
top: 357px;
background-color:#08F;
width:93px;
height:94px;
opacity: 0;
}

#box_4-3{
position: absolute;
padding:0px;
margin:0px;
left: 218px;
top: 357px;
background-color:#FF0;
width:93px;
height:94px;
opacity: 0;
}

#box_4-4{
position: absolute;
padding:0px;
margin:0px;
left: 312px;
top: 357px;
background-color:#C08;
width:93px;
height:94px;
opacity: 0;
}

#box_4-5{
position: absolute;
padding:0px;
margin:0px;
left: 406px;
top: 357px;
background-color:#CFC;
width:93px;
height:94px;
opacity: 0;
}

#box_4-6{
position: absolute;
padding:0px;
margin:0px;
left: 500px;
top: 357px;
background-color:#F8C;
width:93px;
height:94px;
opacity: 0;
}

#box_4-7{
position: absolute;
padding:0px;
margin:0px;
left: 594px;
top: 357px;
background-color:#FFF;
width:93px;
height:94px;
opacity: 0;
}

#box_4-8{
position: absolute;
padding:0px;
margin:0px;
left: 688px;
top: 357px;
background-color:#F88;
width:93px;
height:94px;
opacity: 0;
}

#box_4-9{
position: absolute;
padding:0px;
margin:0px;
left: 782px;
top: 357px;
background-color:#CCC;
width:93px;
height:94px;
opacity: 0;
}

#box_4-10{
position: absolute;
padding:0px;
margin:0px;
left: 876px;
top: 357px;
background-color:#800;
width:93px;
height:94px;
opacity: 0;
}

#box_5-1{
position: absolute;
padding:0px;
margin:0px;
left: 30px;
top: 452px;
background-color:#FCF;
width:93px;
height:94px;
opacity: 0;
}

#box_5-2{
position: absolute;
padding:0px;
margin:0px;
left: 124px;
top: 452px;
background-color:#0C0;
width:93px;
height:94px;
opacity: 0;
}

#box_5-3{
position: absolute;
padding:0px;
margin:0px;
left: 218px;
top: 452px;
background-color:#F08;
width:93px;
height:94px;
opacity: 0;
}

#box_5-4{
position: absolute;
padding:0px;
margin:0px;
left: 312px;
top: 452px;
background-color:#F08;
width:93px;
height:94px;
opacity: 0;
}

#box_5-5{
position: absolute;
padding:0px;
margin:0px;
left: 406px;
top: 452px;
background-color:#00C;
width:93px;
height:94px;
opacity: 0;
}

#box_5-6{
position: absolute;
padding:0px;
margin:0px;
left: 500px;
top: 452px;
background-color:#CF8;
width:93px;
height:94px;
opacity: 0;
}

#box_5-7{
position: absolute;
padding:0px;
margin:0px;
left: 594px;
top: 452px;
background-color:#8C0;
width:93px;
height:94px;
opacity: 0;
}

#box_5-8{
position: absolute;
padding:0px;
margin:0px;
left: 688px;
top: 452px;
background-color:#0F8;
width:93px;
height:94px;
opacity: 0;
}

#box_5-9{
position: absolute;
padding:0px;
margin:0px;
left: 782px;
top: 452px;
background-color:#C08;
width:93px;
height:94px;
opacity: 0;
}

#box_5-10{
position: absolute;
padding:0px;
margin:0px;
left: 876px;
top: 452px;
background-color:#CC8;
width:93px;
height:94px;
opacity: 0;
}

#box_6-1{
position: absolute;
padding:0px;
margin:0px;
left: 30px;
top: 547px;
background-color:#C0F;
width:93px;
height:94px;
opacity: 0;
}

#box_6-2{
position: absolute;
padding:0px;
margin:0px;
left: 124px;
top: 547px;
background-color:#F0F;
width:93px;
height:94px;
opacity: 0;
}

#box_6-3{
position: absolute;
padding:0px;
margin:0px;
left: 218px;
top: 547px;
background-color:#88F;
width:93px;
height:94px;
opacity: 0;
}

#box_6-4{
position: absolute;
padding:0px;
margin:0px;
left: 312px;
top: 547px;
background-color:#0C8;
width:93px;
height:94px;
opacity: 0;
}

#box_6-5{
position: absolute;
padding:0px;
margin:0px;
left: 406px;
top: 547px;
background-color:#CCC;
width:93px;
height:94px;
opacity: 0;
}

#box_6-6{
position: absolute;
padding:0px;
margin:0px;
left: 500px;
top: 547px;
background-color:#CC0;
width:93px;
height:94px;
opacity: 0;
}

#box_6-7{
position: absolute;
padding:0px;
margin:0px;
left: 594px;
top: 547px;
background-color:#F8C;
width:93px;
height:94px;
opacity: 0;
}

#box_6-8{
position: absolute;
padding:0px;
margin:0px;
left: 688px;
top: 547px;
background-color:#88F;
width:93px;
height:94px;
opacity: 0;
}

#box_6-9{
position: absolute;
padding:0px;
margin:0px;
left: 782px;
top: 547px;
background-color:#F8F;
width:93px;
height:94px;
opacity: 0;
}

#box_6-10{
position: absolute;
padding:0px;
margin:0px;
left: 876px;
top: 547px;
background-color:#CFF;
width:93px;
height:94px;
opacity: 0;
}

#box_7-1{
position: absolute;
padding:0px;
margin:0px;
left: 30px;
top: 642px;
background-color:#8FF;
width:93px;
height:94px;
opacity: 0;
}

#box_7-2{
position: absolute;
padding:0px;
margin:0px;
left: 124px;
top: 642px;
background-color:#CC8;
width:93px;
height:94px;
opacity: 0;
}

#box_7-3{
position: absolute;
padding:0px;
margin:0px;
left: 218px;
top: 642px;
background-color:#FF0;
width:93px;
height:94px;
opacity: 0;
}

#box_7-4{
position: absolute;
padding:0px;
margin:0px;
left: 312px;
top: 642px;
background-color:#C80;
width:93px;
height:94px;
opacity: 0;
}

#box_7-5{
position: absolute;
padding:0px;
margin:0px;
left: 406px;
top: 642px;
background-color:#F80;
width:93px;
height:94px;
opacity: 0;
}

#box_7-6{
position: absolute;
padding:0px;
margin:0px;
left: 500px;
top: 642px;
background-color:#0FC;
width:93px;
height:94px;
opacity: 0;
}

#box_7-7{
position: absolute;
padding:0px;
margin:0px;
left: 594px;
top: 642px;
background-color:#FCF;
width:93px;
height:94px;
opacity: 0;
}

#box_7-8{
position: absolute;
padding:0px;
margin:0px;
left: 688px;
top: 642px;
background-color:#FF0;
width:93px;
height:94px;
opacity: 0;
}

#box_7-9{
position: absolute;
padding:0px;
margin:0px;
left: 782px;
top: 642px;
background-color:#8CC;
width:93px;
height:94px;
opacity: 0;
}

#box_7-10{
position: absolute;
padding:0px;
margin:0px;
left: 876px;
top: 642px;
background-color:#080;
width:93px;
height:94px;
opacity: 0;
}

#box_8-1{
position: absolute;
padding:0px;
margin:0px;
left: 30px;
top: 737px;
background-color:#FF8;
width:93px;
height:94px;
opacity: 0;
}

#box_8-2{
position: absolute;
padding:0px;
margin:0px;
left: 124px;
top: 737px;
background-color:#CFF;
width:93px;
height:94px;
opacity: 0;
}

#box_8-3{
position: absolute;
padding:0px;
margin:0px;
left: 218px;
top: 737px;
background-color:#F8C;
width:93px;
height:94px;
opacity: 0;
}

#box_8-4{
position: absolute;
padding:0px;
margin:0px;
left: 312px;
top: 737px;
background-color:#8F8;
width:93px;
height:94px;
opacity: 0;
}

#box_8-5{
position: absolute;
padding:0px;
margin:0px;
left: 406px;
top: 737px;
background-color:#8C0;
width:93px;
height:94px;
opacity: 0;
}

#box_8-6{
position: absolute;
padding:0px;
margin:0px;
left: 500px;
top: 737px;
background-color:#CCF;
width:93px;
height:94px;
opacity: 0;
}

#box_8-7{
position: absolute;
padding:0px;
margin:0px;
left: 594px;
top: 737px;
background-color:#CF0;
width:93px;
height:94px;
opacity: 0;
}

#box_8-8{
position: absolute;
padding:0px;
margin:0px;
left: 688px;
top: 737px;
background-color:#F88;
width:93px;
height:94px;
opacity: 0;
}

#box_8-9{
position: absolute;
padding:0px;
margin:0px;
left: 782px;
top: 737px;
background-color:#80F;
width:93px;
height:94px;
opacity: 0;
}

#box_8-10{
position: absolute;
padding:0px;
margin:0px;
left: 876px;
top: 737px;
background-color:#FF0;
width:93px;
height:94px;
opacity: 0;
}

#box_9-1{
position: absolute;
padding:0px;
margin:0px;
left: 30px;
top: 832px;
background-color:#88F;
width:93px;
height:94px;
opacity: 0;
}

#box_9-2{
position: absolute;
padding:0px;
margin:0px;
left: 124px;
top: 832px;
background-color:#088;
width:93px;
height:94px;
opacity: 0;
}

#box_9-3{
position: absolute;
padding:0px;
margin:0px;
left: 218px;
top: 832px;
background-color:#8C0;
width:93px;
height:94px;
opacity: 0;
}

#box_9-4{
position: absolute;
padding:0px;
margin:0px;
left: 312px;
top: 832px;
background-color:#F88;
width:93px;
height:94px;
opacity: 0;
}

#box_9-5{
position: absolute;
padding:0px;
margin:0px;
left: 406px;
top: 832px;
background-color:#C0F;
width:93px;
height:94px;
opacity: 0;
}

#box_9-6{
position: absolute;
padding:0px;
margin:0px;
left: 500px;
top: 832px;
background-color:#000;
width:93px;
height:94px;
opacity: 0;
}

#box_9-7{
position: absolute;
padding:0px;
margin:0px;
left: 594px;
top: 832px;
background-color:#FC8;
width:93px;
height:94px;
opacity: 0;
}

#box_9-8{
position: absolute;
padding:0px;
margin:0px;
left: 688px;
top: 832px;
background-color:#800;
width:93px;
height:94px;
opacity: 0;
}

#box_9-9{
position: absolute;
padding:0px;
margin:0px;
left: 782px;
top: 832px;
background-color:#08F;
width:93px;
height:94px;
opacity: 0;
}

#box_9-10{
position: absolute;
padding:0px;
margin:0px;
left: 876px;
top: 832px;
background-color:#F08;
width:93px;
height:94px;
opacity: 0;
}

#box_10-1{
position: absolute;
padding:0px;
margin:0px;
left: 30px;
top: 927px;
background-color:#F8F;
width:93px;
height:94px;
opacity: 0;
}

#box_10-2{
position: absolute;
padding:0px;
margin:0px;
left: 124px;
top: 927px;
background-color:#CCC;
width:93px;
height:94px;
opacity: 0;
}

#box_10-3{
position: absolute;
padding:0px;
margin:0px;
left: 218px;
top: 927px;
background-color:#FFC;
width:93px;
height:94px;
opacity: 0;
}

#box_10-4{
position: absolute;
padding:0px;
margin:0px;
left: 312px;
top: 927px;
background-color:#8CF;
width:93px;
height:94px;
opacity: 0;
}

#box_10-5{
position: absolute;
padding:0px;
margin:0px;
left: 406px;
top: 927px;
background-color:#0C8;
width:93px;
height:94px;
opacity: 0;
}

#box_10-6{
position: absolute;
padding:0px;
margin:0px;
left: 500px;
top: 927px;
background-color:#FC8;
width:93px;
height:94px;
opacity: 0;
}

#box_10-7{
position: absolute;
padding:0px;
margin:0px;
left: 594px;
top: 927px;
background-color:#8F8;
width:93px;
height:94px;
opacity: 0;
}

#box_10-8{
position: absolute;
padding:0px;
margin:0px;
left: 688px;
top: 927px;
background-color:#0CC;
width:93px;
height:94px;
opacity: 0;
}

#box_10-9{
position: absolute;
padding:0px;
margin:0px;
left: 782px;
top: 927px;
background-color:#FCF;
width:93px;
height:94px;
opacity: 0;
}

#box_10-10{
position: absolute;
padding:0px;
margin:0px;
left: 876px;
top: 927px;
background-color:#8F8;
width:93px;
height:94px;
opacity: 0;
}