*
{
    padding:0;
    margin:0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body
{
font-family:Arial, Helvetica, sans-serif;
background:#666666;
}

.hide{ display:none;}
.container
{
width:980px;
height:630px; overflow: hidden;
margin:0 auto;
position:relative;

}
/*#preloader{
width:980px;
height:630px;
background:#000000;
opacity:0.70;
z-index:40000;
margin:0px auto;
position:absolute;
}

#albumLoader{
position:absolute;
margin:255px 0 0 470px;
z-index:40001
}*/
#preloader {
                background:#000;
                height: 100%;
                opacity: 0.75;
                filter: alpha(opacity = 70);
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
                position: absolute;
                width: 100%;
                z-index: 100000000;
                top: 0px;
                left: 0px;
                margin: 0px;
                padding: 0px;
                border: 0px solid red;
}

#albumLoader {
                position: absolute;
                top: 40%;
                left: 50%;
                padding: 0px;
                margin: 0px;
}	
.overlay
{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:#000;
	opacity:0.5;
	z-index:1999;
	display:none;
}
.page_over
{
position:absolute;
width:980px;
height:500px;
left:0;
top:0;
z-index:3000;
display:none;
}
.header
{
background:url(../images/top_bg.png) no-repeat;
	position:relative;
	width:980px;
	height:23px;
	float:left;
	color:#fff;
	font-weight:bold;
	text-indent:10px;
}
.main_p
{
	position:absolute;
	font-size:85px;
	color:#1c7796;
	font-weight:bold;
}
.footer
{
	width:980px;
	height:129px;
	float:left;
	position:relative;
	background:url(../images/bot_bg.png) no-repeat;
}

.tab_arrow{ float:left; width:813px; height:auto; padding:0px; margin:0px; font-size:14px; font-weight:bold;}

.arrr1 {
    background: url("../images/btn_bot01.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
    cursor: pointer;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    width: 110px;
}

.arrr2 {
    background: url("../images/btn_bot02_new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
    cursor: pointer;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    margin-left: 87px;
    position: absolute;
    width: 93px;
}

.arrr3 {
    background: url("../images/btn_bot03_new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
    cursor: pointer;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    margin-left: 152px;
    position: absolute;
    width: 86px;
}

.arrr4 {
    background: url("../images/btn_bot04_new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
    cursor: pointer;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    margin-left: 215px;
    position: absolute;
    width: 89px;
}

.arrr5 {
    background: url("../images/btn_bot05_new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
    cursor: pointer;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    margin-left: 273px;
    position: absolute;
    width: 93px;
}

.arrr6 {
    background: url("../images/btn_bot06_new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
    cursor: pointer;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    margin-left: 335px;
    position: absolute;
    width: 89px;
}

.arrr7 {
    background: url("../images/btn_bot07_new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
    cursor: pointer;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    margin-left: 402px;
    position: absolute;
    width: 89px;
}

.arrr8 {
    background: url("../images/btn_bot08_new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
    cursor: pointer;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    margin-left: 459px;
    position: absolute;
    width: 120px;
}

.arrr9 {
    background: url("../images/btn_bot09_new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
    cursor: pointer;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    margin-left: 537px;
    position: absolute;
    width: 120px;
}

.clk_hig1{ border: 3px solid #FF0000; height: 47px;  left: 12px;  position: absolute;  top: 10px; display:none; width: 92px;}
	.clk_hig2{ border: 3px solid #FF0000; height: 49px;  margin: 10px 0 0 130px;  position: absolute; display:none; width: 25px;}
	.clk_hig3{ border: 3px solid #FF0000; display: none;  height: 49px;  margin: 10px 0 0 176px;  position: absolute; width: 43px;}
	.clk_hig4{ border: 3px solid #FF0000; display: none;  height: 55px;  margin: 3px 0 0 229px;  position: absolute; width: 76px;}
	.clk_hig5{ border: 3px solid #FF0000; height: 49px;  margin: 10px 0 0 313px; position: absolute; display:none;  width: 56px;}
	.clk_hig6{ border: 3px solid #FF0000; height: 47px;  margin: 12px 0 0 378px;  position: absolute;  width: 95px; display:none;}

.arrr1 span{ margin-left:4px;}
.arrr2 span{ margin-left:25px;}
.arrr3 span{ margin-left:25px;}
.arrr4 span{ margin-left:25px;}
.arrr5 span{ margin-left:25px;}
.arrr6 span{ margin-left:25px;}
.arrr7 span{ margin-left:25px;}
.arrr8 span {
    line-height: 19px;
    margin-left: 20px;
    position: absolute;
    text-align: center;
}
.arrr9 span {
    margin-left: 23px;
}
.pageone{  
    height: 34px;
    margin: 86px 0 0 948px;
    position: absolute;
    width: 25px;
    z-index: 111; cursor:pointer; }
	

.dragg {
    
    height: 50px;
    left: 0;
    margin: 377px 0 0 682px;
    position: absolute;
    top: 0;
    width: 50px;
	display:none;
}

.dgg{ position:absolute; height:50px; width:50px; cursor:pointer; }

.dg1{background:url(../images/green.png) no-repeat; width:108px; height:76px; display:none;}

.dg2{background:url(../images/blue.png) no-repeat;width:89px; height:89px;  display:none;}

.dg3{background:url(../images/red.png) no-repeat;width:83px; height:76px;  display:none;}

.dpbg1{position:absolute; width: 299px; height:76px; } 

.dpbg2{position:absolute;  width: 299px;height:81px;  }

.dpbg3{position:absolute;  width: 299px; height:73px; } 

.line1{ position:absolute; background:url(../images/line1.png) no-repeat; width:0px; height:5px; margin: 75px 0 0 5px; }

.line2{ position:absolute; background:url(../images/line2.png) no-repeat; width:0px; height:2px; margin: 87px 0 0 9px;}

.line3{ position:absolute; background:url(../images/line3.png) no-repeat; width:0px; height:2px;margin: 75px 0 0 24px; }

.aline1{position:absolute; width:12px;  height: 19px;   margin: 70px 0 0 -2px; cursor:pointer; display:none;}

.aline2{   cursor: pointer;    height: 16px;   margin: 81px 0 0 2px; position: absolute; display:none;   width: 21px;}

.aline3{    cursor: pointer;    height: 16px;      margin: 69px 0 0 16px;   position: absolute; display:none;   width: 11px;}


.rit_bx {
    height: 292px;
    left: 0;
    margin: 80px 0 0 845px;
    position: absolute;
    top: 0;
    width: 90px;
	display:none;
}

.long1{position:absolute; background:url(../images/longer.png) no-repeat; width:89px; height:32px; cursor:pointer;}

.short1{position:absolute; background:url(../images/shorter.png) no-repeat; width:91px; height:34px; margin-top: 30px; cursor:pointer;}

.long2{position:absolute; background:url(../images/longer.png) no-repeat; width:89px; height:32px; cursor:pointer; margin-top: 110px;}

.short2{position:absolute; background:url(../images/shorter.png) no-repeat; width:91px; height:34px; margin-top: 140px; cursor:pointer;}

.long3{position:absolute; background:url(../images/longer.png) no-repeat; width:89px; height:32px; cursor:pointer; margin-top: 225px;}

.short3{position:absolute; background:url(../images/shorter.png) no-repeat; width:91px; height:34px; margin-top: 255px; cursor:pointer;}

.bxx1{position:absolute; top:0; left:0; margin-left:214px; height:86px; width:108px;}

.bxx2{position:absolute; top:0; left:0; margin-left:204px; height:86px; width:89px; margin-top: -7px;}

.bxx3{position:absolute; top:0; left:0; margin-left:213px; height:86px; width:83px;}

.bot_alln{   margin-top: -12px;
    position: absolute;}
.tool_lab{    color: #000;
    font-size: 15px;
    font-weight: bold;
    position: absolute;}
.tol_lab1{position: absolute; text-align:center; margin: 61px 0 0 35px;}	
	.tol_lab2{position: absolute;text-align:center; margin: 61px 0 0 116px;}	
	.tol_lab3{position: absolute;text-align:center;     margin: 62px 0 0 175px;}	
	.tol_lab4{position: absolute;text-align:center; margin: 62px 0 0 240px;}	
	.tol_lab5{position: absolute;text-align:center;  margin: 62px 0 0 319px;}	
	.tol_lab6{position: absolute;text-align:center; margin: 62px 0 0 398px;}	
	.tol_lab7{  margin: 62px 0 0 474px;
    position: absolute;
    text-align: center;
    width: 102px;}	
.tab
{
width:840px;
height:40px;
float:left;
position:absolute;
background:url(../images/tab.png) no-repeat;
z-index:200;
bottom:5px;
}
.vo_txt
{
float:left;
padding:10px;
color:#fff;
font-size:18px;
width:960px;
height:auto;
height:63px;
font-weight:bold;
}
.next
{
position:absolute;
width:19px;
height:36px;
background:url(../images/next.png) no-repeat;
bottom:8px;
right:10px;
cursor:pointer;
z-index:100;
}
.prev
{
cursor:pointer;
position:absolute;
width:19px;
height:36px;
background:url(../images/prev.png) no-repeat;
bottom:8px;
right:100px;
z-index:100;
display:none;
}
.next_pg6{
position:absolute;
width:19px;
height:36px;
/*background:url(../images/next.png) no-repeat;*/
bottom:8px;
right:10px;
cursor:pointer;
z-index:100;
display:none;
}



.prev_dum,.prev_dum2
{
cursor:pointer;
position:absolute;
width:19px;
height:36px;
background:url(../images/prev.png) no-repeat;
bottom:8px;
right:100px;
z-index:100;
display:none;
}
.last_nxt{position:absolute;
width:19px;
height:36px;
background:url(../images/next.png) no-repeat;
bottom:8px;
right:10px;
z-index:168;
cursor:pointer;
opacity:0.5;}

.whl_nxt{position:absolute;
width:19px;
height:36px;
background:url(../images/next.png) no-repeat;
bottom:8px;
right:10px;
z-index:168;
cursor:pointer;
opacity:0.5; }
.next_1
{
position:absolute;
width:19px;
height:36px;
background:url(../images/next.png) no-repeat;
bottom:8px;
right:10px;
z-index:90;
opacity:0.5;
}
.prev_1
{
position:absolute;
width:19px;
height:36px;
background:url(../images/prev.png) no-repeat;
bottom:8px;
right:100px;
z-index:90;
opacity:0.5;
}
.next_8
{
position:absolute;
width:19px;
height:36px;
background:url(../images/next.png) no-repeat;
bottom:8px;
right:10px;
cursor:pointer;
z-index:100;
display:none;
}
.nxtt
{
position:absolute;
width:19px;
height:36px;
background:url(../images/next.png) no-repeat;
bottom:8px;
right:10px;
cursor:pointer;
z-index:100;
display:none;
}
.pause_btn{background:url(../images/btn_pause.png) no-repeat; float: left;
height: 40px;
width: 40px;
cursor:pointer;
position:absolute;
right:44px;
bottom:7px;
}	
.play_btn{background:url(../images/btn_play.png) no-repeat; float: left;
height: 40px;
width: 40px;
cursor:pointer;
display:none;
position:absolute;
right:44px;
bottom:7px;
}	
.page
{
width:980px;
height:478px;
float:left;
position:relative;
background: url(../images/lab_bg.png) no-repeat;
overflow:hidden;
}
/*page_1*/
.t_1
{
left:-720px;
top:170px;
position:absolute;
font-size:85px;
color:#1c7796;
font-weight:bold;
}


/*page_1 end*/
/*page2*/
/*.page_2
{
background:url(../images/pg2_bg.png) no-repeat;
}*/
/*page_2 end*/

/*page_3*/
/*.page_3
{
background:url(../images/pg3_bg_1.png) no-repeat;
}*/

/*
.pg3_box
{
width:319px;
height:255px;
position:absolute;
top:280px;
left:356px;
}
.pg3_block_1
{
width:99px;
height:62px;
position:absolute;
top:288px;
left:40px;
}
.pg3_block_2
{
width:59px;
height:58px;
position:absolute;
top:239px;
left:86px;
}*/
.pg3_ramp
{
width:173px;
height:78px;
position:absolute;
top:204px;
left:410px;
cursor:pointer;
}
.pg3_table
{
width:270px;
height:215px;
position:absolute;
top:260px;
left:0px;
cursor:pointer;
}
.pg3_vehicle
{
width:187px;
height:158px;
position:absolute;
top:256px;
left:790px;
cursor:pointer;
}
.pg3_book
{
width:81px;
height:100px;
position:absolute;
top:189px;
left:586px;
cursor:pointer;
}
.pg3_books
{
width:80px;
height:60px;
position:absolute;
top:260px;
left:160px;
cursor:pointer;
}
/*page_3 end*/

/*page_4*/
/*.page_4
{
background:url(../images/pg4_bg.png) no-repeat;
}*/
.pg4_left
{
width:440px;
height:480px;
float:left;
position:relative;
}
.big_book_1
{
width:437px;
height:411px;
position:absolute;
background:url(../images/big_book.png) no-repeat;
top:35px;
left:-430px;
line-height:200px;
text-indent:260px;
}
.pg4_white
{
width:318px;
height:271px;
float:left;
position:relative;
background:url(../images/white_box.png) no-repeat;
margin:40px 0 0 110px;
}
.pg4_white p
{
color:#fff;
font-size:18px;
float:left;
}
.pg4_box
{
width:247px;
height:145px;
float:left;
position:relative;
margin:10px 0 0 140px;
background:url(../images/box_c.png) no-repeat;
cursor:pointer;
}
.b_drag
{
width:71px;
height:73px;
float:left;
background:url(../images/green_b.png) no-repeat;
margin-left:30px;
}
.line
{
float: left;
height: 7px;
margin-left: 30px;
margin-top: -9px;
width: 255px;
background:url(../images/line.png) no-repeat;
}
.g_drag
{
margin-top:10px;
float: left;
height: 83px;
width: 315px;
}
.g_arwbox
{
width:100px;
height:30px;
float:left;
position:relative;
margin:23px 0 0 14px;
}
.r_arwbox
{
width:100px;
height:30px;
float:left;
position:relative;
margin:23px 0 0 10px;
}
.ball
{
width:71px;
height:73px;
float:left;
position:relative;
margin-left:8px;
}
.ball_rot
{
width:71px;
height:73px;
position:absolute;
background:url(../images/blue_b.png) no-repeat;
}
.arw_drg1
{
float:left;
margin-left:-80px;
cursor:pointer;
}
.arw_drg2
{
float:left;
margin-left:-80px;
cursor:pointer;
}
.drg_area1, .drg_area2
{
position:relative;
overflow:hidden;
}

.right
{
animation: orbit_r 1s linear infinite;
}
@keyframes orbit_r {
from { transform: rotate(0deg)/* translateX(0px)*/; }
to   { transform: rotate(360deg) /*translateX(150px)*/; }
}
.left
{
animation: orbit_l 1s linear infinite;
}
@keyframes orbit_l {
from { transform: rotate(360deg)/* translateX(0px)*/; }
to   { transform: rotate(0deg) /*translateX(150px)*/; }
}

/*page_4 end*/
/*.page_5
{
background:url(../images/pg5_bg.png) no-repeat;
}*/
/*page_6*/
/*.page_6
{
background:url(../images/pg5_bg.png) no-repeat;
}*/
.pg5_table
{
width:980px;
height:480px;
position:absolute;
left:0;
top:0;
background:url(../images/pg5_table.png) no-repeat;
}
.pg5_book
{
width:180px;
height:125px;
position:absolute;
left:465px;
top:90px;
background:url(../images/pg5_book.png) no-repeat;
z-index:30;
}
.pg5_black
{
width:248px;
height:37px;
position:absolute;
left:314px;
top:129px;
background:url(../images/black_arw.png) no-repeat;
z-index:20;
}.pg5_red
{
width:284px;
height:36px;
position:absolute;
left:539px;
top:131px;
background:url(../images/arw_red.png) no-repeat;
z-index:10;
}
.pg5_blue
{
width:70px;
height:139px;
position:absolute;
left:125px;
top:67px;
background:url(../images/blue_arw.png) no-repeat;
}
.high
{
height: 35px;
left: 130px;
position: absolute;
top: 75px;
width: 60px;
cursor:pointer;
}
.low
{
height: 35px;
left: 130px;
position: absolute;
top: 165px;
width: 60px;
cursor:pointer;
}
.left_val
{
padding:10px;
width:50px;
text-align:center;
color:#fff;
left:200px;
top:125px;
position:absolute;
background:#333333;
font-weight:bold;
}
.right_val
{
padding:10px;
width:50px;
text-align:center;
color:#fff;
position:absolute;
left:830px;
top:130px;
font-weight:bold;
}


/*page_6 end*/

/*page_7*/
/*.page_7
{
background:url(../images/pg5_bg.png) no-repeat;
}*/
.pg6_table
{
width:425px;
height:412px;
position:absolute;
left:62px;
top:67px;
z-index:10;
background:url(../images/pg6_table.png) no-repeat;
}
.pg6_blocks
{
width:185px;
height:96px;
position:absolute;
left:180px;
top:92px;
z-index:20;
background:url(../images/pg6_blocks.png) no-repeat;
}
.pg6_b1
{
width:83px;
height:74px;
position:absolute;
left:335px;
top:14px;
z-index:20;
background:url(../images/pg6_b1.png) no-repeat;
}
.pg6_b2
{
width:147px;
height:80px;
position:absolute;
left:278px;
top:59px;
z-index:10;
background:url(../images/pg6_b2.png) no-repeat;
}
.stick_1
{
width:288px;
height:153px;
position:absolute;
left:207px;
top:93px;
z-index:30;
background:url(../images/stick_1.png) no-repeat;
display:none;
cursor:pointer;
}
.stick_2
{
width:288px;
height:153px;
position:absolute;
left:225px;
top:75px;
z-index:30;
background:url(../images/stick_2.png) no-repeat;
display:none;
}
.stick_3
{
width:288px;
height:153px;
position:absolute;
left:227px;
top:78px;
z-index:30;
background:url(../images/stick_3.png) no-repeat;
display:none;
}
.pg6_box
{
width:247px;
height:155px;
position:absolute;
left:690px;
top:300px;
z-index:20;
background:url(../images/box_c.png) no-repeat;
}
.dot
{
width:2px;
height:2px;
position:absolute;
background:#000;
left:10px;
top:10px;
}
/*page_7 end*/
/*page_8*/
/*.page_8
{
background:url(../images/pg5_bg.png) no-repeat;
}*/
.pg7_box
{
width:247px;
height:145px;
position:absolute;
left:690px;
top:300px;
background:url(../images/box_c.png) no-repeat;
cursor:pointer;
}

.pg7_basket{ background:url(../images/pg7_basket.png) no-repeat; width:179px; height:173px; position:absolute;
left:720px;
top:90px;
display:none;}

.pg7_slope1{ background:url(../images/pg7_1.png) no-repeat; width:542px; height:197px; position:absolute;
left:-23px;
top:0;}

.pg7_slope2{ background:url(../images/pg7_2.png) no-repeat; width:495px; height:131px; position:absolute;
left:0;
top:200px;}

.pg7_slope3{ background:url(../images/pg7_3.png) no-repeat; width:520px; height:127px; position:absolute;
left:0;
top:360px;}


.sb_1
{
width:43px;
height:47px;
position:absolute;
background:url(../images/drag.png);
cursor:pointer;
left:110px;
top:40px;
/*
310 138 middle
430 38
310 138 middle
160 64
310 138 middle
367 94
310 138 middle
*/
}
.sb_2
{
width:43px;
height:47px;
position:absolute;
background:url(../images/drag.png);
cursor:pointer;
left:80px;
top:12px;
/*
210 77 middle
390 3
210 77 middle
120 33
210 77 middle
297 43
210 77 middle
*/
}
.sb_3
{
width:43px;
height:47px;
position:absolute;
background:url(../images/drag.png);
cursor:pointer;
left:79px;
top:-10px;

/*
216 56
516
*/
}



/*page_8 end*/

/*page_9*/
/*.page_9
{
background:url(../images/pg8_bg.png) repeat-x;
background-position:-940px;
}*/
.pg8_box
{
width:247px;
height:145px;
position:absolute;
left:690px;
top:300px;
background:url(../images/box_c.png) no-repeat;
cursor:pointer;
}
.trally
{
width:712px;
height:480px;
position:absolute;
left:0;
top:0;
background:url(../images/trally.png) no-repeat;
}
.pg8_ball
{
width:109px;
height:82px;
position:absolute;
left:256px;
top:140px;
background:url(../images/pg8_ball.png) no-repeat;
display:none;
}
.handle
{
height: 200px;
left: 464px;
position: absolute;
top: -10px;
transform: rotate(-40deg);
width: 20px;
z-index: 1000;
cursor:pointer;
}
/*page_9 end*/

/*law_2*/
/*page_10*/
/*.page_10
{
background:url(../images/pg3_bg_1.png) repeat-x;
}*/
.law2_book
{
width:75px;
height:100px;
position:absolute;
left:590px;
top:190px;
cursor:pointer;
}
/*page_10 end*/

/*page_11*/
/*.page_11
{
background:url(../images/pg5_bg.png) repeat-x;
}*/
.pg10_box
{
width:247px;
height:145px;
position:absolute;
left:690px;
top:300px;
background:url(../images/box_c.png) no-repeat;
cursor:pointer;
z-index:10;
}
.pg10_drag
{
position:absolute;
left:785px;
top:268px;
background:url(../images/pg10_ball.png) no-repeat;
width:85px;
height:87px;
cursor:pointer;
display:none;
z-index:11;
}
.pg10_book
{
width:437px;
height:411px;
position:absolute;
background:url(../images/big_book.png) no-repeat;
top:35px;
left:-430px;
line-height:200px;
text-indent:260px;
}
.pg10_white
{
position:absolute;
left:400px;
top:60px;
background:url(../images/pg10_white.png) no-repeat;
width:377px;
height:319px;
}
.pg10_grey
{
position:absolute;
left:417px;
top:70px;
background:url(../images/pg10_grey.png) no-repeat;
width:334px;
height:304px;
}
.pg10_ball
{
position:absolute;
left:535px;
top:185px;
background:url(../images/pg10_ball.png) no-repeat;
width:85px;
height:87px;
}
.yellow
{
position:absolute;
left:513px;
top:74px;
width:131px;
height:304px;
overflow:hidden;
}
.yel_move
{
position:absolute;
left:0;
top:-2000px;
background:url(../images/yellow_lines.png) repeat-y;
width:131px;
height:200000px;
}
.left_arw
{
position:absolute;
left:615px;
top:210px;
background:url(../images/left_arw.png) no-repeat;
width:90px;
height:31px;
cursor:pointer;
}
.top_arw
{
position:absolute;
left:561px;
top:260px;
background:url(../images/top_arw.png) no-repeat;
width:31px;
height:90px;
cursor:pointer;
}
.right_arw
{
position:absolute;
left:450px;
top:208px;
background:url(../images/right_arw.png) no-repeat;
width:90px;
height:31px;
cursor:pointer;
}
.bot_arw
{
position:absolute;
left:563px;
top:94px;
background:url(../images/bot_arw.png) no-repeat;
width:31px;
height:90px;
cursor:pointer;
}
.pg10_hide
{
display:none;
}
/*page_11 end*/

/*page_12*/
/*.page_12
{
background:url(../images/pg_12.png) no-repeat;
}*/


/*.bot_bx {
    background: url("../images/bot.png") no-repeat;
    height: 145px;
    left: 0;
    margin: 352px 0 0 185px;
    position: absolute;
    top: 0;
    width: 609px;
}
*/
.bot_bx {
    background: url("../images/bot.png") no-repeat;
    height: 90px;
    left: 0;
    margin: 395px 0 0 185px;
    position: absolute;
    top: 0;
    width: 609px;
}







.bg_clr{float:left; width:980px; height:480px; background:#040505;}

.bot_im1{  margin:14px 0 0 20px; float:left; cursor:pointer;}

.bot_im2{    margin: 9px 0 0 19px; float:left; cursor:pointer;}

.bot_im3{   margin: 15px 0 0 13px; float:left; cursor:pointer;}

.bot_im4{  margin:7px 0 0 5px; float:left; cursor:pointer;}

.bot_im5{  margin:11px 0 0 8px; float:left; cursor:pointer;}

.bot_im6{  margin:16px 0 0 5px; float:left; cursor:pointer;}

.bot_im7{  margin:7px 0 0 5px; float:left; cursor:pointer;}

.bot_im8{     margin: 15px 0 0 17px; float:left; cursor:pointer;}

.bot_im9{  margin:0px 0 0 5px; float:left; cursor:pointer;}

/*.c_bg{float:left; background: url("../images/fbg.png") no-repeat; width: 980px; height: 483px;}*/
.c_bg{float:left; background: url(../images/wel_bg.png) no-repeat; width: 980px; height: 483px;}

.bx1 {
    height: 100px;
    left: 0;
    margin: 35px 0 0 140px;
    position: absolute;
    top: 0;
    width: 700px;
}

.bx2 {
    height: 100px;
    left: 0;
    margin: 150px 0 0 140px;
    position: absolute;
    top: 0;
    width: 700px;
}

.bx3 {
    height: 100px;
    left: 0;
    margin: 265px 0 0 140px;
    position: absolute;
    top: 0;
    width: 700px;
}

.bx2nd {
    height: 100px;
    left: 0;
    margin: 224px 0 0 140px;
    position: absolute;
    top: 0;
    width: 700px;
}

.gren_bx{background:url(../images/green.png) no-repeat; width:108px; height:76px; position:absolute;  margin: 1px 0 0 214px; z-index:1;}


.arr1,.arr2,.arr3{background: url("../images/arrowb.png") no-repeat; width: 65px; height: 22px; position:absolute; margin:20px 0 0 48px;}

.stand{background: url("../images/stand.png") no-repeat; width: 29px; height: 75px; position:absolute; margin:0px 0 0 150px; z-index:111;}

.screw1,.screw2,.screw3{background: url("../images/screw1.png") no-repeat; width: 106px; height: 40px; position:absolute; margin:10px 0 0 110px;}

.tab11{position:absolute; margin:43px 0 0 110px; background: url("../images/table1.png") no-repeat; width: 464px; height: 57px;}

.pink_bx {
    background: #F2C3C3;
    height: 308px;
    left: 0;
    margin: 43px 0 0 895px;
    position: absolute;
    top: 0;
    width: 64px;
}

.pg11_table
{
width:425px;
height:412px;
position:absolute;
left:62px;
top:67px;
z-index:10;
background:url(../images/pg6_table.png) no-repeat;
}
.pg11_b1
{
width:147px;
height:80px;
position:absolute;
left:285px;
top:59px;
z-index:20;
background:url(../images/pg6_b2.png) no-repeat;
}
.pg11_b2
{
width:147px;
height:80px;
position:absolute;
left:198px;
top:59px;
z-index:10;
background:url(../images/pg6_b2.png) no-repeat;
}
.pg11_box
{
width:247px;
height:155px;
position:absolute;
left:690px;
top:300px;
z-index:20;
background:url(../images/box_c.png) no-repeat;
cursor:pointer;
}
.pg11_meter
{
width:203px;
height:203px;
position:absolute;
left:730px;
top:20px;
background:url(../images/mtr.png) no-repeat;
}
/*page_12 end*/

.need_1
{
width:25px;
height:25px;
position:absolute;
left:20px;
top:75px;
cursor:pointer;
z-index:100;
}
.need_2
{
width:25px;
height:25px;
position:absolute;
left:90px;
top:5px;
cursor:pointer;
z-index:100;
}
.need_3
{
width:25px;
height:25px;
position:absolute;
left:160px;
top:75px;
cursor:pointer;
z-index:100;
}
.n_20, .need_20
{
position:absolute;
left:18px;
top:86px;
background:url(../images/20.png) no-repeat;
width:94px;
height:23px;
}
.n_50, .need_50
{
position:absolute;
left:98px;
top:16px;
background:url(../images/50.png) no-repeat;
width:13px;
height:95px;
display:none
}
.n_80, .need_80
{
position:absolute;
left:94px;
top:84px;
background:url(../images/80.png) no-repeat;
width:93px;
height:26px;
display:none;
}


.pg12_table
{
width:425px;
height:412px;
position:absolute;
left:62px;
top:67px;
z-index:10;
background:url(../images/pg6_table.png) no-repeat;
}
.pg12_b1
{
width:147px;
height:100px;
position:absolute;
left:295px;
top:40px;
z-index:20;
background:url(../images/big_block.png) no-repeat;
}
.pg12_b2
{
width:147px;
height:80px;
position:absolute;
left:198px;
top:59px;
z-index:10;
background:url(../images/pg6_b2.png) no-repeat;
}
.pg12_box
{
width:247px;
height:155px;
position:absolute;
left:690px;
top:300px;
z-index:20;
background:url(../images/box_c.png) no-repeat;
cursor:pointer;
}
.pg12_meter
{
width:203px;
height:203px;
position:absolute;
left:730px;
top:20px;
background:url(../images/mtr.png) no-repeat;
}

/*page_13 end*/

/*page_14*/
.page_14
{
background:url(../images/pg5_bg.png) no-repeat;
}
.pg13_left
{
width:358px;
height:480px;
float:left;
position:relative;
}
.big_book_13
{
width:437px;
height:411px;
position:absolute;
background:url(../images/big_book.png) no-repeat;
top:35px;
left:-430px;
line-height:200px;
text-indent:260px;
}
.pg13_white
{
border-radius: 12px;
float: left;
height: 334px;
margin: 50px 0 0 69px;
position: relative;
width: 388px;
background:url(../images/pg9_white.png) no-repeat;
}
.pg13_white p
{
color:#fff;
font-size:18px;
float:left;
}
.pg13_box
{
width:247px;
height:145px;
float:left;
position:relative;
margin: -68px 0 0 346px;
background:url(../images/box_c.png) no-repeat;
cursor:pointer;
}
.ball_hd
{ 
display:none;
}
.ball13a
{ 
background:url(../images/Ball.png) no-repeat;
width:146px; 
height:107px; 
margin: 117px 0 0 1px; 
position:absolute;
}

.ball13b
{ 
background:url(../images/Ball.png) no-repeat; 
width:146px; 
height:107px;
margin: 117px 0 0 240px; 
position:absolute;
}
.arrowa
{ 
background:url(../images/left-Arrow.png) no-repeat;
width:83px; 
height:31px; 
cursor:pointer;   
margin: 223px 0 0 33px; 
position:absolute;
}
.arrowb
{ 
background:url(../images/right-Arrow.png) no-repeat;
width:83px; 
height:31px;
cursor:pointer; 
position:absolute; 
margin: 223px 0 0 271px;
}
.lftrgt
{ 
background:url(../images/arrows.png) no-repeat;     height: 107px;
margin: 117px 0 0 111px;
position: absolute;
width: 146px;
}
.over11{ position:absolute; background:#000000; height:50px;  margin: 76px 0 0 840px; width:50px;}
/*page_14 end*/
.intro_overlay{
	width:100%;
	height:100%;
	z-index:200;
	position:absolute;
}
.jp-seek-bar{
    width: 100%;
    background: rgba(255,255,255,0.001);
}