/* Coded by Kim, Gi-Beom */
#debug{
	position:absolute;
	left:600px;
}
.char{
	position:absolute;
	width:17px;
	height:17px;
}
.char div{
	position:absolute;
	background-color:rgb(0,255,100);
	border:1px solid #000;
}
.wrapper{
	clear:left;
	width:760px;
	height:506px;
	background-color:rgb(40,40,120);
	border-left:20px solid rgb(40,40,120);
	border-right:20px solid rgb(40,40,120);
	border-bottom:50px solid rgb(40,40,120);
}
.rank{
	float:left;
	margin-top:60px;
	margin-left:20px;
	width:200px;
	height:450px;
	backround-color:rgba(0,0,0,0.1);
}
.rank .line{
	clear:left;
	color:white;
	height:15px;
	font-size:11px;
}
.rank .number{
	position:absolute;
	margin:1px 20px 0;
	width:20px;
	text-align:center;
}
.rank .name{
	position:absolute;
	margin:1px 50px 0;
	width:40px;
	text-align:center;
}
.rank .remove{
	position:absolute;
	margin:1px 90px 0;
	width:40px;
	text-align:center;
}
.rank .time{
	position:absolute;
	margin:1px 125px 0;
	width:40px;
	text-align:center;
}
.rank .speed{
	position:absolute;
	margin:1px 160px 0;
	width:40px;
	text-align:center;
}
.rank div{
	float:left;
}
.hold_board{
	float:left;
	margin-top:100px;
	width:132px;
	height:88px;
	background-color:rgb(0,0,80);
	border-right:1px solid rgb(80,80,140);
	border-bottom:1px solid rgb(80,80,140);
}
.next_wrapper{
	width:140px;
	float:left;
}
.next_board.first{
	margin-top:63px;
	width:132px;
	height:88px;
	background-color:rgb(0,0,80);
	border-right:1px solid rgb(80,80,140);
	border-bottom:1px solid rgb(80,80,140);
}
.next_board.remain{
	margin-left:27px;
	margin-top:5px;
	width:78px;
	height:52px;
	background-color:rgb(0,0,80);
	border-right:1px solid rgb(80,80,140);
	border-bottom:1px solid rgb(80,80,140);
}
.board{
	float:left;
	margin:0 20px 0;
	width:220px;
	height:506px;
	border-right:1px solid rgb(80,80,140);
	border-bottom:1px solid rgb(80,80,140);
}
.sky{
	background-color:rgb(40,40,120);
	position:absolute;
	z-index:4;
	width:221px;
	height:59px;
}
.bg_board{
	position:absolute;
	z-index:0;
}
.ghost_board{
	position:absolute;
	z-index:1;
}
.main_board{
	position:absolute;
	z-index:2;
}
.effect_board{
	position:absolute;
	z-index:3;
}
.bg_board .line1 div{
	float:left;
	width:22px;
	height:22px;
}
.bg_board .line2 div{
	float:left;
	width:22px;
	height:22px;
}
.bg_board .line1{
	clear:left;
	width:220px;
}
.bg_board .line2{
	clear:left;
	width:220px;
}
.bg_board .line1 .darkblue1{
	background-color:rgb(0,0,70);
}
.bg_board .line1 .darkblue2{
	background-color:rgb(0,0,90);
}
.bg_board .line2 .darkblue1{
	background-color:rgb(0,0,80);
}
.bg_board .line2 .darkblue2{
	background-color:rgb(0,0,100);
}
.hold_board .line div{
	border:5px solid transparent;
	float:left;
	width:12px;
	height:12px;
}
.next_board.first .line div{
	border:5px solid transparent;
	float:left;
	width:12px;
	height:12px;
}
.next_board .line div{
	border:3px solid transparent;
	float:left;
	width:7px;
	height:7px;
}
.ghost_board .line div{
	border:5px solid transparent;
	float:left;
	width:12px;
	height:12px;
	opacity:0.4;
}
.main_board .line div{
	border:5px solid transparent;
	float:left;
	width:12px;
	height:12px;
}
.hold_board div.r{
	background-color:rgb(255,0,0);
	border-top-color:rgb(255,100,100);
	border-left-color:rgb(255,50,50);
	border-right-color:rgb(205,0,0);
	border-bottom-color:rgb(155,0,0);
}
.hold_board div.g{
	background-color:rgb(0,255,0);
	border-top-color:rgb(150,255,150);
	border-left-color:rgb(50,255,50);
	border-right-color:rgb(0,205,0);
	border-bottom-color:rgb(0,155,0);
}
.hold_board div.b{
	background-color:rgb(0,0,255);
	border-top-color:rgb(100,100,255);
	border-left-color:rgb(50,50,255);
	border-right-color:rgb(0,0,205);
	border-bottom-color:rgb(0,0,155);
}
.hold_board div.o{
	background-color:rgb(255,167,0);
	border-top-color:rgb(255,230,184);
	border-left-color:rgb(255,200,100);
	border-right-color:rgb(205,133,0);
	border-bottom-color:rgb(155,100,0);
}
.hold_board div.p{
	background-color:rgb(125,0,125);
	border-top-color:rgb(205,0,205);
	border-left-color:rgb(175,0,175);
	border-right-color:rgb(75,0,75);
	border-bottom-color:rgb(25,0,25);
}
.hold_board div.y{
	background-color:rgb(255,255,0);
	border-top-color:rgb(255,255,200);
	border-left-color:rgb(255,255,150);
	border-right-color:rgb(205,205,0);
	border-bottom-color:rgb(155,155,0);
}
.hold_board div.s{
	background-color:rgb(135,206,235);
	border-top-color:rgb(235,255,235);
	border-left-color:rgb(185,226,235);
	border-right-color:rgb(85,166,195);
	border-bottom-color:rgb(55,106,145);
}
.next_board.first div.r{
	background-color:rgb(255,0,0);
	border-top-color:rgb(255,100,100);
	border-left-color:rgb(255,50,50);
	border-right-color:rgb(205,0,0);
	border-bottom-color:rgb(155,0,0);
}
.next_board.first div.g{
	background-color:rgb(0,255,0);
	border-top-color:rgb(150,255,150);
	border-left-color:rgb(50,255,50);
	border-right-color:rgb(0,205,0);
	border-bottom-color:rgb(0,155,0);
}
.next_board.first div.b{
	background-color:rgb(0,0,255);
	border-top-color:rgb(100,100,255);
	border-left-color:rgb(50,50,255);
	border-right-color:rgb(0,0,205);
	border-bottom-color:rgb(0,0,155);
}
.next_board.first div.o{
	background-color:rgb(255,167,0);
	border-top-color:rgb(255,230,184);
	border-left-color:rgb(255,200,100);
	border-right-color:rgb(205,133,0);
	border-bottom-color:rgb(155,100,0);
}
.next_board.first div.p{
	background-color:rgb(125,0,125);
	border-top-color:rgb(205,0,205);
	border-left-color:rgb(175,0,175);
	border-right-color:rgb(75,0,75);
	border-bottom-color:rgb(25,0,25);
}
.next_board.first div.y{
	background-color:rgb(255,255,0);
	border-top-color:rgb(255,255,200);
	border-left-color:rgb(255,255,150);
	border-right-color:rgb(205,205,0);
	border-bottom-color:rgb(155,155,0);
}
.next_board.first div.s{
	background-color:rgb(135,206,235);
	border-top-color:rgb(235,255,235);
	border-left-color:rgb(185,226,235);
	border-right-color:rgb(85,166,195);
	border-bottom-color:rgb(55,106,145);
}
.next_board div.r{
	background-color:rgb(255,0,0);
	border-top-color:rgb(255,100,100);
	border-left-color:rgb(255,50,50);
	border-right-color:rgb(205,0,0);
	border-bottom-color:rgb(155,0,0);
}
.next_board div.g{
	background-color:rgb(0,255,0);
	border-top-color:rgb(150,255,150);
	border-left-color:rgb(50,255,50);
	border-right-color:rgb(0,205,0);
	border-bottom-color:rgb(0,155,0);
}
.next_board div.b{
	background-color:rgb(0,0,255);
	border-top-color:rgb(100,100,255);
	border-left-color:rgb(50,50,255);
	border-right-color:rgb(0,0,205);
	border-bottom-color:rgb(0,0,155);
}
.next_board div.o{
	background-color:rgb(255,167,0);
	border-top-color:rgb(255,230,184);
	border-left-color:rgb(255,200,100);
	border-right-color:rgb(205,133,0);
	border-bottom-color:rgb(155,100,0);
}
.next_board div.p{
	background-color:rgb(125,0,125);
	border-top-color:rgb(205,0,205);
	border-left-color:rgb(175,0,175);
	border-right-color:rgb(75,0,75);
	border-bottom-color:rgb(25,0,25);
}
.next_board div.y{
	background-color:rgb(255,255,0);
	border-top-color:rgb(255,255,200);
	border-left-color:rgb(255,255,150);
	border-right-color:rgb(205,205,0);
	border-bottom-color:rgb(155,155,0);
}
.next_board div.s{
	background-color:rgb(135,206,235);
	border-top-color:rgb(235,255,235);
	border-left-color:rgb(185,226,235);
	border-right-color:rgb(85,166,195);
	border-bottom-color:rgb(55,106,145);
}
.ghost_board div.r{
	background-color:rgb(255,0,0);
	border-top-color:rgb(255,100,100);
	border-left-color:rgb(255,50,50);
	border-right-color:rgb(205,0,0);
	border-bottom-color:rgb(155,0,0);
}
.ghost_board div.g{
	background-color:rgb(0,255,0);
	border-top-color:rgb(150,255,150);
	border-left-color:rgb(50,255,50);
	border-right-color:rgb(0,205,0);
	border-bottom-color:rgb(0,155,0);
}
.ghost_board div.b{
	background-color:rgb(0,0,255);
	border-top-color:rgb(100,100,255);
	border-left-color:rgb(50,50,255);
	border-right-color:rgb(0,0,205);
	border-bottom-color:rgb(0,0,155);
}
.ghost_board div.o{
	background-color:rgb(255,167,0);
	border-top-color:rgb(255,230,184);
	border-left-color:rgb(255,200,100);
	border-right-color:rgb(205,133,0);
	border-bottom-color:rgb(155,100,0);
}
.ghost_board div.p{
	background-color:rgb(125,0,125);
	border-top-color:rgb(205,0,205);
	border-left-color:rgb(175,0,175);
	border-right-color:rgb(75,0,75);
	border-bottom-color:rgb(25,0,25);
}
.ghost_board div.y{
	background-color:rgb(255,255,0);
	border-top-color:rgb(255,255,200);
	border-left-color:rgb(255,255,150);
	border-right-color:rgb(205,205,0);
	border-bottom-color:rgb(155,155,0);
}
.ghost_board div.s{
	background-color:rgb(135,206,235);
	border-top-color:rgb(235,255,235);
	border-left-color:rgb(185,226,235);
	border-right-color:rgb(85,166,195);
	border-bottom-color:rgb(55,106,145);
}
.main_board div.r{
	background-color:rgb(255,0,0);
	border-top-color:rgb(255,100,100);
	border-left-color:rgb(255,50,50);
	border-right-color:rgb(205,0,0);
	border-bottom-color:rgb(155,0,0);
}
.main_board div.g{
	background-color:rgb(0,255,0);
	border-top-color:rgb(150,255,150);
	border-left-color:rgb(50,255,50);
	border-right-color:rgb(0,205,0);
	border-bottom-color:rgb(0,155,0);
}
.main_board div.b{
	background-color:rgb(0,0,255);
	border-top-color:rgb(100,100,255);
	border-left-color:rgb(50,50,255);
	border-right-color:rgb(0,0,205);
	border-bottom-color:rgb(0,0,155);
}
.main_board div.o{
	background-color:rgb(255,167,0);
	border-top-color:rgb(255,230,184);
	border-left-color:rgb(255,200,100);
	border-right-color:rgb(205,133,0);
	border-bottom-color:rgb(155,100,0);
}
.main_board div.p{
	background-color:rgb(125,0,125);
	border-top-color:rgb(205,0,205);
	border-left-color:rgb(175,0,175);
	border-right-color:rgb(75,0,75);
	border-bottom-color:rgb(25,0,25);
}
.main_board div.y{
	background-color:rgb(255,255,0);
	border-top-color:rgb(255,255,200);
	border-left-color:rgb(255,255,150);
	border-right-color:rgb(205,205,0);
	border-bottom-color:rgb(155,155,0);
}
.main_board div.s{
	background-color:rgb(135,206,235);
	border-top-color:rgb(235,255,235);
	border-left-color:rgb(185,226,235);
	border-right-color:rgb(85,166,195);
	border-bottom-color:rgb(55,106,145);
}
.main_board div.e{
	background-color:rgb(120,120,120);
	border-top-color:rgb(190,190,190);
	border-left-color:rgb(140,140,140);
	border-right-color:rgb(65,65,65);
	border-bottom-color:rgb(40,40,40);
}
.hold_board .line{
	clear:left;
	width:132px;
}
.next_board.first .line{
	clear:left;
	width:132px;
}
.next_board .line{
	clear:left;
	width:78px;
}
.ghost_board .line{
	clear:left;
	width:220px;
}
.main_board .line{
	clear:left;
	width:220px;
}
.effect_board .line div{
	float:left;
	width:22px;
	height:22px;
}
.effect_board .line{
	clear:left;
	width:220px;
}