.message .btn1 {
    position:absolute;
    background: url("../images/edu/01.jpg") no-repeat;
    width: 50px; height: 50px;
    left: 0px; top: 100px;
}

.message .btn2 {
    position:absolute;
    background: url("../images/edu/02.jpg") no-repeat;
    width: 50px; height: 50px;
    left: 55px; top: 100px;
}

.message .btn3 {
    position:absolute;
    background: url("../images/edu/03.jpg") no-repeat;
    width: 50px; height: 50px;
    left: 110px; top: 100px;
}

.message .btn4 {
    position:absolute;
    background: url("../images/edu/04.jpg") no-repeat;
    width: 50px; height: 50px;
    left: 165px; top: 100px;
}

.message .btn5 {
    position:absolute;
    background: url("../images/edu/05.jpg") no-repeat;
    width: 50px; height: 50px;
    left: 220px; top: 100px;
}

.message {
    position:absolute;
    width: 500px; height: 500px;
}

.board {
    position:absolute;
    background: url("../images/connect6/newboard.gif") no-repeat;
    width: 500px; height: 500px;
}

.board * {
    font-size:16px;
    font-weight:bold;
    font-family:Arial Narrow;
    vertical-align:middle;
    text-align:center;
}


.info {
    position:absolute;
    width: 390px; left: 10px; top: 10px;
} 

.board .close {
    position:absolute;
    background: url("../images/connect6/pieces.gif") no-repeat;
    background-position: 0px 0px;
    width: 24px; height: 24px; left: 360px; top: -24px;
}

.board .pieceE {
    display: none;
}

.board .piece{
    position:absolute;
    background: url("../images/connect6/pieces.gif") no-repeat;
    text-align:center;
    vertical-align:middle;
}

.board .pieceB {
    color:white;
    background-position: 0px 0px;
    width: 23px; height: 23px;

}

.board .pieceW {
    color:black;
    background-position: -23px 0px;
    width: 23px; height: 23px;
}

.board .box {
    position:absolute;
    background: url("../images/connect6/box.gif") no-repeat;
    width: 23px; height: 23px;
}

.board .mark {
    position:absolute;
    background: url("../images/connect6/box.gif") no-repeat;
    width: 23px; height: 23px;
}

.board .step {
    position:absolute;
    left: 01px; top: 490px;
}

.below_bg {
    position:absolute;
    background: url("../images/connect6/below_bg.gif") no-repeat;
    width: 450px; height: 53px; left: 50px; top: 500px;
}

.board_c .logo {
	position:absolute;
	background: url("../images/connect6/logo.gif") no-repeat;
	width: 50px;
	height: 53px;
	left: 0px;
	top: 500px;
}

.board_c .start {
    position:absolute;
    background: url("../images/connect6/start.gif") no-repeat;
    width: 24px; height: 24px; left: 50px; top: 525px;
}

.board_c .startOver {
    position:absolute;
    background: url("../images/connect6/startover.gif") no-repeat;
    width: 24px; height: 24px; left: 50px; top: 525px;
}

.board_c .prev10 {
    position:absolute;
    background: url("../images/connect6/prev.gif") no-repeat;
    width: 24px; height: 24px; left: 74px; top: 525px;
}

.board_c .prev10Over {
    position:absolute;
    background: url("../images/connect6/prev1over.gif") no-repeat;
    width: 24px; height: 24px; left: 74px; top: 525px;
}

.board_c .prev1 {
    position:absolute;
    background: url("../images/connect6/prev2.gif") no-repeat;
    width: 24px; height: 24px; left: 98px; top: 525px;
}

.board_c .prev1Over {
    position:absolute;
    background: url("../images/connect6/prev2over.gif") no-repeat;
    width: 24px; height: 24px; left: 98px; top: 525px;
}

.board_c .next1 {
    position:absolute;
    background: url("../images/connect6/next3.gif") no-repeat;
    width: 24px; height: 24px; left: 122px; top: 525px;
}

.board_c .next1Over {
    position:absolute;
    background: url("../images/connect6/next3over.gif") no-repeat;
    width: 24px; height: 24px; left: 122px; top: 525px;
}

.board_c .next10 {
    position:absolute;
    background: url("../images/connect6/next1.gif") no-repeat;
    width: 24px; height: 24px; left: 146px; top: 525px;
}

.board_c .next10Over {
    position:absolute;
    background: url("../images/connect6/next1over.gif") no-repeat;
    width: 24px; height: 24px; left: 146px; top: 525px;
}

.board_c .end {
    position:absolute;
    background: url("../images/connect6/end.gif") no-repeat;
    width: 24px; height: 24px; left: 170px; top: 525px;
}

.board_c .endOver {
    position:absolute;
    background: url("../images/connect6/endover.gif") no-repeat;
    width: 24px; height: 24px; left: 170px; top: 525px;
}

.board_c .rotate1 {
	position:absolute;
	background: url("../images/connect6/rotate1.gif") no-repeat;
	width: 24px;
	height: 24px;
	left: 207px;
	top: 525px;
}

.board_c .rotate1over {
    position:absolute;
    background: url("../images/connect6/rotate11.gif") no-repeat;
   width: 24px;
	height: 24px;
	left: 207px;
	top: 525px;
}

.board_c .rotate2 {
	position:absolute;
	background: url("../images/connect6/rotate2.gif") no-repeat;
	width: 24px;
	height: 24px;
	left: 231px;
	top: 525px;
}

.board_c .rotate2over {
    position:absolute;
    background: url("../images/connect6/rotate22.gif") no-repeat;
    width: 24px;
	height: 24px;
	left: 231px;
	top: 525px;
}

.board_c .rotate3 {
	position:absolute;
	background: url("../images/connect6/rotate3.gif") no-repeat;
	width: 24px;
	height: 24px;
	left: 279px;
	top: 525px;
}

.board_c .rotate3over {
    position:absolute;
    background: url("../images/connect6/rotate33.gif") no-repeat;
    width: 24px;
	height: 24px;
	left: 279px;
	top: 525px;
}

.board_c .rotate4 {
	position:absolute;
	background: url("../images/connect6/rotate4.gif") no-repeat;
	width: 24px;
	height: 24px;
	left: 255px;
	top: 525px;
}

.board_c .rotate4over {
    position:absolute;
    background: url("../images/connect6/rotate44.gif") no-repeat;
    width: 24px;
	height: 24px;
	left: 255px;
	top: 525px;
}


.board_c .boxCtrl {
	position:absolute;
	background: url("../images/connect6/mark.gif") no-repeat;
	width: 24px;
	height: 24px;
	left: 310px;
	top: 525px;
}

.board_c .box2Ctrl {
    position:absolute;
    background: url("../images/connect6/mark2.gif") no-repeat;
    width: 24px;
	height: 24px;
	left: 310px;
	top: 525px;
}

.board_c .numCtrl {
    position:absolute;
    background: url("../images/connect6/innertext2.gif") no-repeat;
    width: 24px;
	height: 24px;
	left: 334px;
	top: 525px;
}

.board_c .num2Ctrl {
	position:absolute;
	background: url("../images/connect6/innertext.gif") no-repeat;
	width: 24px;
	height: 24px;
	left: 334px;
	top: 525px;
}

.board_c .autoPlay {
	position:absolute;
	background: url("../images/connect6/autoplay.gif") no-repeat;
	width: 24px;
	height: 24px;
	left: 358px;
	top: 525px;
}

.board_c .autoPlaypress {
    position:absolute;
    background: url("../images/connect6/autoplaypress.gif") no-repeat;
    width: 24px;
	height: 24px;
	left: 358px;
	top: 525px;
}

.board_c .showgif {
	position:absolute;
	background: url("../images/connect6/showgif.gif") no-repeat;
	width: 24px;
	height: 24px;
	left: 391px;
	top: 525px;
}

.board_c .showgifpress {
    position:absolute;
    background: url("../images/connect6/showgifpress.gif") no-repeat;
    width: 24px;
	height: 24px;
	left: 391px;
	top: 525px;
}

.board_c .editpage {
	position:absolute;
	background: url("../images/connect6/edit.gif") no-repeat;
	width: 24px;
	height: 24px;
	left: 415px;
	top: 525px;
}

.board_c .editpagepress {
    position:absolute;
    background: url("../images/connect6/editover.gif") no-repeat;
    width: 24px;
	height: 24px;
	left: 415px;
	top: 525px;
}

.board_c .doc {
	position:absolute;
	background: url("../images/connect6/doc.gif") no-repeat;
	width: 24px;
	height: 24px;
	left: 439px;
	top: 525px;
}

.board_c .docpress {
    position:absolute;
    background: url("../images/connect6/docover.gif") no-repeat;
    width: 24px;
	height: 24px;
	left: 439px;
	top: 525px;
}

.board_c .home {
	position:absolute;
	background: url("../images/connect6/home.gif") no-repeat;
	width: 24px;
	height: 24px;
	left: 463px;
	top: 525px;
}

.board_c .homepress {
    position:absolute;
    background: url("../images/connect6/homeover.gif") no-repeat;
    width: 24px;
	height: 24px;
	left: 463px;
	top: 525px;
}


.iframe-style {
    width: 500px;
    height: 550px;
}

.board_c .show_threats {
	position:absolute;
	background: url("../images/connect6/btn_T.gif") no-repeat;
	width: 24px;
	height: 18px;
	left: 50px;
	top: 504px;
}

.board_c .show_threats_over {
    position:absolute;
    background: url("../images/connect6/btn_Tb.gif") no-repeat;
    width: 24px;
	height: 18px;
	left: 50px;
	top: 504px;
}

.board_c .show_threats_press {
    position:absolute;
    background: url("../images/connect6/btn_Tc.gif") no-repeat;
    width: 24px;
	height: 18px;
	left: 50px;
	top: 504px;
}

.board_c .show_live3 {
	position:absolute;
	background: url("../images/connect6/btn_L3.gif") no-repeat;
	width: 24px;
	height: 18px;
	left: 74px;
	top: 504px;
}

.board_c .show_live3_over {
    position:absolute;
    background: url("../images/connect6/btn_L3b.gif") no-repeat;
    width: 24px;
	height: 18px;
	left: 74px;
	top: 504px;
}

.board_c .show_live3_press {
    position:absolute;
    background: url("../images/connect6/btn_L3c.gif") no-repeat;
    width: 24px;
	height: 18px;
	left: 74px;
	top: 504px;
}

.board_c .show_dead3 {
	position:absolute;
	background: url("../images/connect6/btn_D3.gif") no-repeat;
	width: 24px;
	height: 18px;
	left: 98px;
	top: 504px;
}

.board_c .show_dead3_over {
    position:absolute;
    background: url("../images/connect6/btn_D3b.gif") no-repeat;
	width: 24px;
	height: 18px;
	left: 98px;
	top: 504px;
}

.board_c .show_dead3_press {
    position:absolute;
    background: url("../images/connect6/btn_D3c.gif") no-repeat;
	width: 24px;
	height: 18px;
	left: 98px;
	top: 504px;
}

.board_c .show_live2 {
	position:absolute;
	background: url("../images/connect6/btn_L2.gif") no-repeat;
	width: 24px;
	height: 18px;
	left: 122px;
	top: 504px;
}

.board_c .show_live2_over {
    position:absolute;
    background: url("../images/connect6/btn_L2b.gif") no-repeat;
    width: 24px;
	height: 18px;
	left: 122px;
	top: 504px;
}

.board_c .show_live2_press {
    position:absolute;
    background: url("../images/connect6/btn_L2c.gif") no-repeat;
    width: 24px;
	height: 18px;
	left: 122px;
	top: 504px;
}

.board_c .show_all_line {
	position:absolute;
	background: url("../images/connect6/all_line.gif") no-repeat;
	width: 24px;
	height: 18px;
	left: 159px;
	top: 504px;
}

.board_c .show_all_lineover {
    position:absolute;
    background: url("../images/connect6/all_lineover.gif") no-repeat;
    width: 24px;
	height: 18px;
	left: 159px;
	top: 504px;
}

.board_c .show_all_linepress {
    position:absolute;
    background: url("../images/connect6/all_linepress.gif") no-repeat;
    width: 24px;
	height: 18px;
	left: 159px;
	top: 504px;
}

.board_c .show_black_line {
	position:absolute;
	background: url("../images/connect6/black_line.gif") no-repeat;
	width: 24px;
	height: 18px;
	left: 183px;
	top: 504px;
}

.board_c .show_black_lineover {
    position:absolute;
    background: url("../images/connect6/black_lineover.gif") no-repeat;
    width: 24px;
	height: 18px;
	left: 183px;
	top: 504px;
}

.board_c .show_black_linepress {
    position:absolute;
    background: url("../images/connect6/black_linepress.gif") no-repeat;
    width: 24px;
	height: 18px;
	left: 183px;
	top: 504px;
}

.board_c .show_white_line {
	position:absolute;
	background: url("../images/connect6/white_line.gif") no-repeat;
	width: 24px;
	height: 18px;
	left: 207px;
	top: 504px;
}

.board_c .show_white_lineover {
    position:absolute;
    background: url("../images/connect6/white_lineover.gif") no-repeat;
    width: 24px;
	height: 18px;
	left: 207px;
	top: 504px;
}

.board_c .show_white_linepress {
    position:absolute;
    background: url("../images/connect6/white_linepress.gif") no-repeat;
    width: 24px;
	height: 18px;
	left: 207px;
	top: 504px;
}

.board_s {
    position:absolute;
	left: 550px;
	top: 10px;
}