/*=activity*/
.activity{width: 100%;height: 100%;display: block;
background:url('../image/activity/p13.png') center center no-repeat;
background-size: cover;
cursor:url('../image/activity/mouse.png'), default;
}
.activity .balloon{position:absolute;top: 30px;left: 700px;}
.activity .palette{position: absolute; top: 130px; left: 220px;}
.activity .character1{position: absolute; bottom: 0; left: 220px;}
.activity .character2{position: absolute; bottom: 0; left: 550px;}
.activity .character3{position: absolute; bottom: 40px; left: 890px;}
.activity .character4{position: absolute; bottom: 80px; right: 540px;}
.activity .character5{position: absolute; bottom: 30px; right: 220px;}

.activity .color_btn{position: absolute;background:none;border:none;cursor:url('../image/activity/mouse.png'), default;}
.activity .color_btn.color_brown{top:60px;left:60px;}
.activity .color_btn.color_green{top:170px;left:70px;}
.activity .color_btn.color_flesh{top:50px;left:170px;}
.activity .color_btn.color_yellow{top:90px;left:270px;}
.activity .color_btn.color_purple{top:170px;left:175px;}
.activity .color_btn.color_while{top:270px;left:110px;}
.activity .color_btn.color_red{top:150px;left:360px;}
.activity .color_btn.color_orange{top:220px;left:270px;}
.activity .color_btn.color_black{top:325px;left:205px;}
.activity .color_btn.color_blue{top:230px;left:440px;}
.activity .color_btn.color_gray{top:310px;left:355px;}
.activity .color_btn.color_pink{top:315px;left:500px;}

.activity .rainbow{position: absolute;width: 760px; height: 760px;top: 30px;right: 280px;}
.activity .rainbow svg{width: 100%;height: 100%;display: block;}

.activity .lightbox_bg,
.activity .lightbox_block {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    cursor:default;
}
.activity .lightbox_bg {
    background: rgba(0, 0, 0, .5);
    min-height: 100%;
    z-index: 1;
}
.activity .lightbox_block {
    display: none;
    height: 100%;
    z-index: 120;
    overflow: auto;
}
.activity .lightbox_block .lightbox_box {
    position: relative;
    margin: calc(510px / 2) auto 0;
    z-index: 2;
    width: 815px;
    height: 510px;
    display: block;
    background: url('../image/activity/finish_bg.png');
    background-size: cover;
}
.activity .lightbox_block .lightbox_btn_box{position: relative;}
.activity .lightbox_block .lightbox_btn_box button{position: absolute;background:none;border:none;cursor: pointer;top: 300px;}
.activity .lightbox_block .lightbox_btn_box button.btn_1{left: 180px;}
.activity .lightbox_block .lightbox_btn_box button.btn_2{right: 180px;}
/*=activity(end)*/

/*=song*/
.song{width: 100%;height: 100%;display: block;
background:url('../image/song/p20p21.png') center center no-repeat;
background-size: cover;
}

.song .car_btn{position: absolute;background:none;border:none;cursor: pointer;top:40px;right:510px;}
.song .face_btn{position: absolute;background:none;border:none;cursor: pointer;bottom:160px;left:570px;width:200px;height:200px;border-radius:100%;/*background:#fff;opacity:0.5;*/}
.song .face_btn div{position: relative;}
.song .face_btn span{position: absolute;top:-36px;left:2px;background:url('../image/song/ocaca_open.png') center center no-repeat;width:72px;height:49px;}
.song .face_btn span.clk{background:url('../image/song/ocaca_close.png') center center no-repeat;width:82px;height:63px;}

.song #song{display: none;}

.song .lyrics{font-size:25px;line-height:40px;position:relative;}
.song .lyrics .left{position: absolute;top:160px;left:340px;}
.song .lyrics .right{position: absolute;top:0;right:345px;width: 450px;}
.song .lyrics .right ul{position: relative;}
.song .lyrics .right .r1{position: absolute;top:250px;}
.song .lyrics .right .r2{position: absolute;top:480px;}
.song .lyrics .right .r3{position: absolute;top:775px;}
.song .lyrics .title{font-size:28px; font-weight: bold;}
.song .lyrics .part{color:#000;}
.song .lyrics .part.clk{
	color: #000;
	text-shadow: 0 0 1em #FFFFFF, 0 0 1em #FFFFFF, 0 0 1em #FFFFFF, 0 0 1em #FFFFFF, 0 0 1em #FFFFFF, 0 0 1em #FFFFFF, 0 0 1em #FFFFFF, 0 0 1em #FFFFFF, 0 0 1em #FFFFFF, 0 0 1em #FFFFFF, 0 0 1em #FFFFFF, 0 0 1em #FFFFFF, 0 0 1em #FFFFFF, 0 0 1em #FFFFFF, 0 0 1em #FFFFFF;
}

.fixed_mu_box .mu_btn > div{position: relative;cursor: default;}
.fixed_mu_box .mu_btn > div .ctrl_btn{position: absolute;top:-25px;right:-5px;z-index:1;background:url('../image/fixed_menu/play_start.png') center center no-repeat;width:28px;height:28px;background-size: cover;cursor: pointer;}
.fixed_mu_box .mu_btn > div .ctrl_btn.clk{background:url('../image/fixed_menu/play_stop.png') center center no-repeat;width:28px;height:28px;background-size: cover;}

.fixed_mu_box .mu_btn .control_bar{position: absolute;top: -27px;left: 55px;background:url('../image/fixed_menu/timeline.png') center center no-repeat;width:255px;height:33px;background-size: cover;display: none;}
.fixed_mu_box .mu_btn .control_bar button{float: left;width: calc(100% - 225px); height: 33px;margin-left: 40px;background: none;border: none;cursor: pointer;}
.fixed_mu_box .mu_btn .control_bar #slider{float: right;width: 145px;height: 33px;margin-right: 40px;background: no-repeat;border: none;}
.fixed_mu_box .mu_btn .control_bar #custom-handle{background: url('../image/fixed_menu/ctrl_timeline.png');width:58px;height:94px;top: -35px;border: none;outline:none;cursor: pointer;}
/*=song(end)*/